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

7次阅读

共计 641 个字符,预计需要花费 2 分钟才能阅读完成。

当线上音频资源在 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;
 }
正文完
 0