HTML5 audio 在 iOS 和 Android 微信浏览器如何实现自动播放?

2015-09-24 14:18:05 +08:00
 phpcxy
现在我的方法是检测用户触摸事件, touchstart 开始播放音乐。
但是我看 http://eqxiu.com/s/CEw7wpZe 是直接就会自动播放的,求解下。

一开始是想参考这个实现的,无奈水平太低,他的压缩的JS我再格式化后很难读懂
7138 次点击
所在节点    问与答
12 条回复
66beta
2015-09-24 14:41:22 +08:00
wifi 下应该是直接播放的,以前是不播放的
learnshare
2015-09-24 14:54:18 +08:00
http://xianbai.me/labs/audio/audio-attrs.html 第二个就是自动播放的
phpcxy
2015-09-24 15:04:07 +08:00
@learnshare 加 autoplay 属性,我试过了 iOS9 iPad 可以自动播放。我的 Android4.4.4 不能自动播放,还是要点一下播放键。
phpcxy
2015-09-24 15:04:37 +08:00
@66beta 我的 Android4.4.4 还是不会自动播放
xjchengo
2015-09-24 15:08:32 +08:00
监听 WeixinJSBridgeReady 事件,在该事件回调中播放 audio 。
66beta
2015-09-24 15:18:41 +08:00
@phpcxy 我当时试的是 CM11 自带浏览器
66beta
2015-09-24 15:18:55 +08:00
@xjchengo 现在没有 WeixinJSBridgeReady 这个说法了
teazean
2015-09-24 15:26:51 +08:00
也是醉了,无论 IOS 还是 Android ,微信里均是支持 autoplay 这个属性的。你加上去就自动播放了。

safari 是不支持自动播放的
phpcxy
2015-09-24 16:17:31 +08:00
@teazean 我有台华为 Android 4.4.4 微信里面设置了 autoplay 是不行的。同事的 Android5.0.1 可以自动播放。
likai
2015-09-24 16:38:36 +08:00
@66beta 可以用的吧。

附上我的
document.addEventListener("WeixinJSBridgeReady", function () {
audio[0].play();
}, false);

http://app.hunankeji.com/index.php?m=app&c=Nanche&a=index&id=516&state=300 (测试网址)
这不算广告吧
likai
2015-09-24 16:40:05 +08:00
这个只会在微信浏览器下才会播放。要想在其它浏览器也会播放。还是得 autoplay
xjchengo
2015-09-24 16:41:15 +08:00
@66beta 这个事件目前依然是存在的,只不过微信的 jssdk 出了后网页服务接口不再依赖于此事件。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/223352

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX