美文网首页
js 实现wav音频文件播放 兼容IE

js 实现wav音频文件播放 兼容IE

作者: 洛阳醉长安行 | 来源:发表于2020-10-24 15:28 被阅读0次
    /**
     * 根据浏览器获取录音标签
     * @param {录音媒体播放地址} src 
     */
    function getAudioDom(src) {
      var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
      if (
        (userAgent.indexOf("Trident") > -1 && userAgent.indexOf("rv:11.0")) ||
        (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1)
      ) {
        //如果为ie浏览器则显示embed
        return (
          '<embed class="embed"  type="audio/wav"  src="' +
          src +
          '" menu="true" loop="false" align="center" preload="auto" autostart="false">\
                                        </embed>'
        );
      } else {
        return (
          '<audio controls="controls" src="' +
          src +
          '" type="audio/wav" id="record-audio" preload></audio>'
        );
      }
    }
    

    IE下音频样式

    embed{
    border:1px solid gray;
    height: 40px;
    width: 350px;
    margin-left: 10px; 
    background-color:#F8F8F8;
     }
    

    相关文章

      网友评论

          本文标题:js 实现wav音频文件播放 兼容IE

          本文链接:https://www.haomeiwen.com/subject/wmzvmktx.html