H5的语音播报功能


    //语音播报2 H5
    var num = 0;
    var va ;
    function speckText(str){
        va = setInterval(function(){
            if(num==2){
                 clearInterval(va);
                 return num = 0;
             }
            var msg = new SpeechSynthesisUtterance(str);
            msg.rate=0.5;
            msg.lang='zh-CN';
           // msg.lang='en-US';
            console.log(window.speechSynthesis.getVoices())
            window.speechSynthesis.speak(msg);
            num+=1;
         },2000);
    }

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现H5语音播报语音文字互转,可以通过以下两种方式: 1. 使用Web Speech API Web Speech API是一个JavaScript API,可以让开发者在网页上实现语音识别和语音成功能。使用Web Speech API实现H5语音播报语音文字互转,可以按照以下步骤: - 检查浏览器是否支持Web Speech API。 - 使用SpeechRecognition对象实现语音识别功能。 - 使用SpeechSynthesis对象实现语音成功能。 以下是一个简单的示例代码: ```javascript // 检查浏览器是否支持Web Speech API if ('speechSynthesis' in window && 'SpeechRecognition' in window) { // 创建语音合成对象 var synth = window.speechSynthesis; // 创建语音识别对象 var recognition = new window.SpeechRecognition(); // 监听语音识别结果 recognition.onresult = function(event) { var result = event.results[0][0].transcript; console.log(result); }; // 开始语音识别 recognition.start(); // 播放语音 var utterance = new SpeechSynthesisUtterance('Hello world!'); synth.speak(utterance); } else { console.log('Web Speech API is not supported.'); } ``` 2. 使用第三方服务 除了使用Web Speech API,还可以使用第三方服务实现H5语音播报语音文字互转。例如,可以使用百度语音技术实现语音识别和语音成功能。具体步骤如下: - 注册百度语音技术开发者账号,并创建应用。 - 在网页中引入百度语音技术的JavaScript SDK。 - 使用百度语音技术的API实现语音识别和语音成功能。 以下是一个简单的示例代码: ```javascript // 引入百度语音技术的JavaScript SDK <script src="https://cdn.jsdelivr.net/npm/bd-audio"></script> // 创建百度语音技术的语音识别对象 var speechRecognizer = new BaiduASR(); // 开始语音识别 speechRecognizer.start({ onComplete: function(result) { console.log(result); } }); // 创建百度语音技术的语音合成对象 var speechSynthesizer = new BaiduTTS(); // 播放语音 speechSynthesizer.speak('Hello world!'); ``` 需要注意的是,使用第三方服务需要遵守相关服务条款和隐私政策,并保障用户个人隐私安全。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值