V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
phpcxy
V2EX  ›  问与答

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

  •  
  •   phpcxy · 2015-09-24 14:18:05 +08:00 · 7093 次点击
    这是一个创建于 3339 天前的主题,其中的信息可能已经有所发展或是发生改变。
    现在我的方法是检测用户触摸事件, touchstart 开始播放音乐。
    但是我看 http://eqxiu.com/s/CEw7wpZe 是直接就会自动播放的,求解下。

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

    safari 是不支持自动播放的
    phpcxy
        9
    phpcxy  
    OP
       2015-09-24 16:17:31 +08:00
    @teazean 我有台华为 Android 4.4.4 微信里面设置了 autoplay 是不行的。同事的 Android5.0.1 可以自动播放。
    likai
        10
    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
        11
    likai  
       2015-09-24 16:40:05 +08:00
    这个只会在微信浏览器下才会播放。要想在其它浏览器也会播放。还是得 autoplay
    xjchengo
        12
    xjchengo  
       2015-09-24 16:41:15 +08:00
    @66beta 这个事件目前依然是存在的,只不过微信的 jssdk 出了后网页服务接口不再依赖于此事件。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1047 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 22:24 · PVG 06:24 · LAX 14:24 · JFK 17:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.