利用html5标签audio在不同客户端下适配播放音频-创新互联

//声明：ios系统不支持falsh,故而采用各平台支持的html5 audio标签

成都创新互联公司长期为上千多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为深泽企业提供专业的网站设计制作、做网站，深泽网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

<script>

//创建audio标签

    var audio = document.createElement("audio");

//增加audio 属性id

    audio.id = "audio";

//设置播放文件路径

    audio.src = "sound/music.mp3";

//设置是否循环播放

    audio.loop = "loop";

//获取当前客户端环境信息

    var ua = window.navigator.userAgent.toLowerCase();

//判断当前环境并做出相应处理

    if(ua.match(/iphone/i) == "iphone" || ua.match(/ipod/i) == "ipod" || ua.match(/ipad/i) == "ipad"){

  //当前是ios相关环境，为canvas节点添加事件touchstart监听

      document.getElementById("canvas").addEventListener("touchstart", function(){

//音频播放

        audio.play();

      });

    }else if(ua.match(/android/i) == "android"){

      //对android系统不做处理

    }else{

  //对于非ios、android系统，则采用监听click事件即可

      document.getElementById("canvas").addEventListener("click", function(){

//音频播放

        audio.play();

      });

    }

  </script>

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页标题：利用html5标签audio在不同客户端下适配播放音频-创新互联
URL地址：https://www.cdcxhl.com/article10/dccigo.html

成都网站建设公司_创新互联，为您提供微信小程序、静态网站、App开发、Google、关键词优化、手机网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联