码迷,mamicode.com
首页 > 移动开发 > 详细

HTML5的audio在手机网页上无法自动加载/播放音乐,能否实现该功能?

时间:2017-08-29 14:36:41      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:code   自动   ios   weixin   超级   read   cli   代码   网页   

在IOS中第一次调用play方法播放音频会被阻止,必须得等用户有交互动作,比如touchstart,click后才能正常调用,在微信中可以通过监听WeixinJSBridgeReady事件来提前播放一个超级短的无声音文件,之后替换src,这样再调用play方法就可以了。

代码如下:

$(document).one(‘WeixinJSBridgeReady‘, function () {
    var audio = document.getElementById("audio");
    audio.play(); //执行一次
    audio.setAttribute(‘src‘, ‘img/shake.mp3‘); // 替换src
    audio.load();
})
// 监听摇晃事件简化版
window.addEventListener(‘devicemotion‘, function () {
    document.getElementById("audio").play(); // 成功播放
}, false);

 

HTML5的audio在手机网页上无法自动加载/播放音乐,能否实现该功能?

标签:code   自动   ios   weixin   超级   read   cli   代码   网页   

原文地址:http://www.cnblogs.com/raincedar/p/7447605.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!