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;
 }