admin管理员组

文章数量:1558085

   业务场景:当存在某些今日待办事项的时候,需要进行语音播报通知。
   并兼容常见的一些浏览器,目前兼容谷歌、IE、火狐、360浏览器、QQ浏览器、搜狗浏览器。

1、实例

HTML

<iframe style="display:none;" allow="autoplay" id="ifr-video"></iframe>

JS

var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1;
var isChrome = userAgent.indexOf('Chrome')!=-1;
var is360Nomal = userAgent.indexOf('compatible') != -1;
/**
  * 文字转语音播报
  */
  function textToVideo (txt,timeOut) {
   

        if (isIE || isIE11 || is360Nomal) {
   // IE浏览器,360兼容模式
            if(audio.src && audio.src != baiduApi +  encodeURI(txt)){
   
                setTimeout(function(){
   
                    audio.src = baiduApi +  encodeURI(txt);
                    audio.play();
                },timeOut);
            }else{
   
                audio.src = baiduApi +  encodeURI(txt);
                audio.play();
            }
        }else if(isChrome){
   

本文标签: 语音多种浏览器文字