zoukankan      html  css  js  c++  java
  • 移动设备默认不播放媒体文件间接解决办法

    在写结婚请帖的时候刚开始开发准备是依靠微信和QQ进行传播的 html嵌入了audio标签的BGM设置自动播放 一切正常。
    在实际传播中发现通过ios和android平台自带的浏览器访问请帖的链接均无法自动播放音乐,网上搜索下发现是(据说是)为了节省移动端流量就不会自动播放媒体文件,必须事件触发。触发事件不包括window.onload 这类的自动执行的事件。

    所以,找到了一个间接的方法,用触屏事件来启动BGM播放

    audio标签,设置了自动播放和循环播放

    <audio id="AudioPlayer" autoplay="autoplay" loop="loop" preload="auto"
                src="http://xxxxxx/xxxxxx.aac">
    </audio>
    

    正常情况下 这样子是没问题的。
    移动设备需要添加如下代码,比如ios的Safari

     window.ontouchstart=function(){
            	var audioPlay=document.getElementById("AudioPlayer");
            	audioPlay.play();
    }
    

     就酱,要是没声音,碰下屏幕就会响,给人感觉是自动播放的。

  • 相关阅读:
    开发细节
    html
    java学习
    Promise对象
    强制转换和隐式转换
    借助防抖解决输入框的非空校验
    setTimeout
    Symbol类型
    js API
    vue 使用mixin
  • 原文地址:https://www.cnblogs.com/yesicoo/p/5175798.html
Copyright © 2011-2022 走看看