关于javascript:js-实现wav音频文件播放-兼容IE

当线上音频资源在ie下播放不了的时候能够尝试embed标签

/**
 * 依据浏览器获取录音标签
 * @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;
 }

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理