audio莫名其妙的问题?

今天遇到一个神一样的问题:

环境微信版本6.5(最新版)

页面代码如下:

<audio src="src/msg.mp3" id="msgSound"></audio>
<audio src="src/unlock.mp3" id="unlockSound"></audio>
<audio src="src/videoCome.wav" id="videoCome" loop preload></audio>
<audio src="src/interlude.mp3" id="music" loop preload="auto"></audio>

播放函数如下:

        function audioPlay(id){
            var audio = document.getElementById(id);
            audio.play();
            document.addEventListener("WeixinJSBridgeReady", function () {
                audio.play();
            }, false);
        }
        function audioPause(id){
            var audio = document.getElementById(id);
            audio.pause();
            document.addEventListener("WeixinJSBridgeReady", function () {
                audio.pause();
            }, false);
        }

依次触发msgSound,unlockSound都没问题;

 audioPlay('msgSound');
 audioPlay('unlockSound');

但是当要播放

audioPlay('videoCome');

居然完全是没声音的!求解!!!!
后面我用另外一种方式:

  $('#msgSound').attr('src' , 'src/videoCome.mp3');
                $('#msgSound').attr('loop' , 'loop');
                 setTimeout(function(){
                    audioPlay('msgSound');
                 },50); 

这样又行了,为啥???

强调环境是微信最新版本!

阅读 2.9k
3 个回答

为啥前边那个后缀wav,后边那个是mp3?

虽然第一直觉是wav的文件格式问题,但查了一下,wav格式是一个很广泛的格式。不应该不支持的。
上caniue
http://caniuse.com/#search=wav

然后,我再多问一句,你确定src/videoCome.wav这个资源存在么。。。

是不是引用了其他音视频插件的原因?我之前做的项目需要用到一个视频插件,当时用了之后就出现了音频播放无法控制的问题。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题