微信h5，背景音乐自动播放

最新推荐文章于 2023-06-13 15:34:12 发布

原创最新推荐文章于 2023-06-13 15:34:12 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #微信H5

javascript 同时被 3 个专栏收录

16 篇文章

订阅专栏

6 篇文章

订阅专栏

微信背景音乐

1 篇文章

订阅专栏

本文介绍了一种在微信iOS环境中实现音频自动播放的方法，并提供了一个简单的JavaScript代码示例，同时展示了如何通过监听WeixinJSBridgeReady事件来控制音频播放。

之前项目被误导，一直都以为微信ios不支持自动播放,使用如下代码安卓可以自动播放，但是ios需要触摸。js代码

app.sound = new Howl({
            urls: [app.assetsPath + 'audio/bgn.mp3'],
            loop: true,
            sprite: {
                complete: [0, 60000]
            }
        });

后来觉得如果不能播放，最迂用户体验效果比较差，虽然用户对于技术不一定懂，于是发现这样一段代码

 var audio = document.getElementById("op");
        
                document.addEventListener("WeixinJSBridgeReady", function() {
                    audio.play();
                }, false);
            
        function clickmus() { 
            audio.pause();
        }

实现了ios播放，和关闭。