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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3337 天前的主题，其中的信息可能已经有所发展或是发生改变。

现在我的方法是检测用户触摸事件， touchstart 开始播放音乐。
但是我看 http://eqxiu.com/s/CEw7wpZe 是直接就会自动播放的，求解下。

一开始是想参考这个实现的，无奈水平太低，他的压缩的JS我再格式化后很难读懂

12 条回复 • 2015-09-24 16:41:15 +08:00

66beta

2015-09-24 14:41:22 +08:00

wifi 下应该是直接播放的，以前是不播放的

learnshare

2015-09-24 14:54:18 +08:00

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 出了后网页服务接口不再依赖于此事件。