前端网页上录入声音并转化为不同国家的文字(电脑支持麦克风)

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>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐