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

在微信页面开发过程中，想要在点击某个按钮之后，在点击的处理函数中播放一段音频，在本地浏览器测试通过可以，但是用微信 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);
    }
  }
  

!图片