前端语音输入识别成文字
前端网页上录入声音并转化为不同国家的文字(电脑支持麦克风)
·
前端网页上录入声音并转化为不同国家的文字(电脑支持麦克风)
js操作
const [text, setText] = useState('');
const recognition = new window.webkitSpeechRecognition();
recognition.continuous = true;
recognition.interimResults = true;
recognition.lang = 'en-US'; //(可以改成其他的语言)
//监听开始
recognition.onstart = () => {
console.log('Speech recognition started');
};
//转化成字符串
recognition.onresult = event => {
let interimText = '';
for (let i = event.resultIndex; i < event.results.length; i++) {
const transcript = event.results[i][0].transcript;
if (event.results[i].isFinal) {
setText(prevText => prevText + transcript);
} else {
interimText += transcript;
}
}
console.log('interimText', interimText);
};
//监听报错
recognition.onerror = event => {
console.log(`Error occurred in recognition: ${event.error}`);
};
//开始
const startListening = () => {
recognition.start();
};
//停止
const stopListening = () => {
recognition.stop();
};
/
<div>
<h1>Audio Recognition Test</h1>
<Button
type='primary'
onClick={() => {
startListening();
}}
>
输入语音
</Button>
<p>{text}</p>
</div>
更多推荐
已为社区贡献1条内容
所有评论(0)