audio播放语音

最新推荐文章于 2024-11-10 22:45:39 发布

joney_zy

最新推荐文章于 2024-11-10 22:45:39 发布

阅读量194

点赞数

分类专栏：插件 kaowu angular 文章标签：前端 javascript Powered by 金山文档

本文链接：https://blog.csdn.net/HL_xzf/article/details/129709449

版权

插件同时被 3 个专栏收录

8 篇文章 0 订阅

订阅专栏

kaowu

2 篇文章 0 订阅

订阅专栏

angular

2 篇文章 0 订阅

订阅专栏

该代码段展示了如何处理音频播放的浏览器兼容性。在IE11及更低版本中，使用`<embed>`标签替代`<audio>`标签，并设置相应的属性。对于其他浏览器，则使用`<audio>`标签并添加自动播放功能。

摘要由CSDN通过智能技术生成

页面代码：

 <div id="videoDiv"></div>
<audio controls="controls" [src]="ypurl" id="video1">
您的浏览器不支持 audio 元素。
</audio>


    $("#videoDiv").html("");
  yyadoiu(attachmentUrl):void {
    const userAgent = navigator.userAgent; // 取得浏览器的userAgent字符串
    if (
      (userAgent.indexOf("Trident") > -1 &&
        userAgent.indexOf("rv:11.0")) ||
      (userAgent.indexOf("compatible") > -1 &&
        userAgent.indexOf("MSIE") > -1)
    ) {
      // ie
      $("#videoDiv").html(
        '<embed id="embedID" class="embed"  type="audio/wav" style="width:200px;height:45px;border:1px solid #eee;border-radius:20px;"  src="' +
        attachmentUrl +
        '" menu="true" loop="false" align="center" preload="auto" autostart="true"></embed>'
      );
    } else {
      this.ypurl = attachmentUrl;
        const myVideo = document.getElementById("video1");// 倒计时
        const myVideoLock = setInterval(() => {
          if (myVideo) {
            // @ts-ignore
            myVideo.play();
            clearInterval(myVideoLock);
          }
        }, 1000);
        // @ts-ignore
        myVideo.play();
    }
  }