H5 自动播放背景音乐

- 日理万妓 2022-09-11 13:26 256阅读 0赞

html:
    
            <audio id="audio" controls loop autoplay preload hidden>
                <source src="/static/moon.mp3" type="audio/ogg">
                <source src="/static/moon.mp3" type="audio/mpeg">
                您的浏览器不支持 audio 元素
            </audio>

javascript:
    
            <script>
                document.addEventListener('DOMContentLoaded', function () {
                    function audioAutoPlay() {
                        var audio = document.getElementById('audio');
                        audio.play();
                        document.addEventListener("WeixinJSBridgeReady", function () {
                            audio.play();
                        }, false);
                    }
                    audioAutoPlay();
                });
            </script>
            <script>
                document.onmousedown = function (event) {
                    toPlay();
                };
                function toPlay(){
                    console.log('开始播放');
                    var myAuto = document.getElementById('audio');
                    myAuto.play();
                }
            </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，256人围观）

还没有评论，来说两句吧...

相关阅读

相关 MFC中播放背景音乐

、添加Lib文件 \pragma comment(lib, "Winmm.lib") 2、使用mciSendString是用来播放MP3 //播放背景音乐 mc...

深碍√TFBOYSˉ_/ 2024年04月17日 06:07/ 0 赞/ 70 阅读

相关 ios背景音乐自动播放js代码

手机自带的机制为用户减少流量，屏蔽了音乐自动播放功能，但有时我们要用到音乐自动播放，下面的js代码可以让手机自动播放背景音乐 $(function()\{ // io

待我称王封你为后i/ 2023年10月17日 19:07/ 0 赞/ 48 阅读

相关 html5微信浏览器背景音乐播放

参考：[https://blog.csdn.net/doutao6677/article/details/51768486][https_blog.csdn.net_douta

Love The Way You Lie/ 2023年01月02日 02:21/ 0 赞/ 276 阅读

相关 H5 自动播放背景音频，兼容安卓和苹果手机， ios createInnerAudioContext 无法自动播放解决

原因应该是IOS不允许自动播放音频，有两种解决方法在main.js Vue.prototype.innerAudioContext = uni.create

偏执的太偏执、/ 2022年11月04日 15:25/ 0 赞/ 5 阅读

相关 H5 自动播放背景音乐

html: <audio id="audio" controls loop autoplay preload hidden>

- 日理万妓/ 2022年09月11日 13:26/ 0 赞/ 257 阅读

相关 h5播放音乐

h5音频播放，里面参数可以查看http://www.w3school.com.cn/html5/html_5_audio.asp <audio control

拼搏现实的明天。/ 2022年08月05日 02:53/ 0 赞/ 295 阅读

相关背景音乐的自动播放（兼容 ios 和 android）

ios 为了节省用户流量，对于 audio 和 video标签的 preload 和 autopaly 标签会自动拦截，除非用户手动点击交互才会执行。但是对于

短命女/ 2022年08月05日 00:59/ 0 赞/ 250 阅读

相关手机端自动播放网页背景音乐代码

特别声明：在页面标签中必须使用<audio>标签方有效。 function toggleSound() \{ var music = document.getElem

短命女/ 2022年06月05日 03:55/ 0 赞/ 417 阅读

相关 h5 audio 背景音乐播放开关控制

现在的活动h5基本都会有bgm的需求，下面提供一个通用的做法。 ![这里写图片描述][70] ![这里写图片描述][70 1] 上面是开关的按钮，页面刚加载进来的时

迈不过友情╰/ 2022年05月31日 07:50/ 0 赞/ 701 阅读

相关微信播放背景音乐

api->媒体->背景音频播放 wx.playBackgroundAudio({ dataUrl: '', titl

旧城等待，/ 2021年07月24日 15:53/ 0 赞/ 548 阅读