h5使用原生麦克风

卢老师不想编程 / 2024-04-26 / 原文

  const startButton = document.getElementById('chart_button');
        const inputText = document.getElementById('chatui_input');
 
        // init recognition
        const recognition = new webkitSpeechRecognition();
 
        function isMobileDevice() {
            return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }
        if (isMobileDevice()) {
            startButton.addEventListener('touchstart', () => {
                recognition.lang = 'zh-CN';
                recognition.start();
                recognition.onresult = (event) => {
                    inputText.value = event.results[0][0].transcript;
                };
            });
        } else {
            startButton.addEventListener('click', () => {
                recognition.lang = 'zh-CN';
                recognition.start();
                recognition.onresult = (event) => {
                    inputText.value = event.results[0][0].transcript;

                };
            });
        }