微信页面 audio 标签动态播放音频的问题

V2EX = way to explore

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

现在注册

已注册用户请登录

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

在微信页面开发过程中，想要在点击某个按钮之后，在点击的处理函数中播放一段音频，在本地浏览器测试通过可以，但是用微信 web 开发者工具和微信实际测试会出现错误。

playAudio(answer_audio){
    var audio = document.createElement('audio')
    audio.src= "http://7fvhf6.com1.z0.glb.clouddn.com/7dyk%E7%BE%A4%E6%98%9F%20-%20%E6%A2%81%E7%A5%9D.mp3";
    if (window.WeixinJSBridge) {
      wx.getNetworkType({
        success: function (res) {
          audio.addEventListener("canplaythrough", function () {
            console.log('音频文件已经准备好，随时待命');
            audio.play();
          }, false);
        },
        fail: function (res) {
          audio.play();
        }
      });
    }else{
      document.addEventListener("WeixinJSBridgeReady", function() {
        wx.getNetworkType({
          success: function (res) {
            audio.addEventListener("canplaythrough", function () {
              console.log('音频文件已经准备好，随时待命');
              audio.play();
            }, false);
          },
          fail: function (res) {
            audio.play();
          }
        });
      }, false);
    }
  }

2 条回复 • 2016-06-29 06:14:15 +08:00

imswing

2016-06-28 23:47:37 +08:00 via Android

之前遇到的是 IOS 下 audio.play()正常， Android 失效。

shiny

2016-06-29 06:14:15 +08:00 via iPhone

这个月做过微信音频播放，可以确定的是 audio 标签是能在微信播放的，而且不用等你上文中的 ready 事件。