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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 3601 days ago, the information mentioned may be changed or developed.

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

imswing

Jun 28, 2016 via Android

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

shiny

PRO

Jun 29, 2016 via iPhone

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