享学论坛 - 问答 ios html audio播放问题

ios html audio播放问题

已解决

ios 无法播放audio问题

Web前端

发布于 2021-04-19 11:28

1029浏览


用了socket做了通知 在文字转语音通知之后会播放音频 然后发现在ios端无法播放 各位老师 帮忙解答一下吧~

用了socket做了通知在文字转语音通知之后会播放音频然后发现在ios端无法播放各位老师帮忙解答一下吧~

编写答案

回答问题，请先登录

1条回答

享学课堂-飘哥

2021-04-19 17:16


解决办法
引入微信jsdk后 就可以在 wx.ready()里 控制播放了。

第一步：加载一个微信JS-SDK
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

第二步：引入audio标签
 <audio src="@/assets/media/video.mp3" id="Jaudio" style="opacity:0"></audio>

第三步：微信的相关配置以及兼容方法
        audioAutoPlay(id) {
            wx.config({
                debug: false,  // 配置信息, 即使不正确也能使用 wx.ready
                appId: "",
                timestamp: 1,
                nonceStr: "",
                signature: "",
                jsApiList: []
            });
            wx.ready(function() {
                var globalAudio = document.getElementById(id);
                globalAudio.play();
                audio.play();
                //微信下兼容处理
                document.addEventListener(  "WeixinJSBridgeReady", function() {
                        audio.play();
                    },
                    false
                );
                document.addEventListener( "YixinJSBridgeReady", function() {
                        audio.play();
                    }, false );
            });
        }
最后，需要再播放音乐的地方进行方法调用就ok啦！

解决办法
引入微信jsdk后就可以在 wx.ready()里控制播放了。

第一步：加载一个微信JS-SDK

第二步：引入audio标签

第三步：微信的相关配置以及兼容方法
audioAutoPlay(id) {
wx.config({
debug: false, // 配置信息, 即使不正确也能使用 wx.ready
appId: “”,
timestamp: 1,
nonceStr: “”,
signature: “”,
jsApiList: []
});
wx.ready(function() {
var globalAudio = document.getElementById(id);
globalAudio.play();
audio.play();
//微信下兼容处理
document.addEventListener( “WeixinJSBridgeReady”, function() {
audio.play();
},
false
);
document.addEventListener( “YixinJSBridgeReady”, function() {
audio.play();
}, false );
});
}
最后，需要再播放音乐的地方进行方法调用就ok啦！

解决办法
引入微信jsdk后就可以在 wx.ready()里控制播放了。

第一步：加载一个微信JS-SDK

第二步：引入audio标签

0条评论

提问者

问题数: 7 个

关注

回答