谷歌浏览器audio标签自动播放音乐问题解决

前面一篇博客中有audio标签自动播放音乐的代码，可是后来再打开页面时音乐自动播放报错了；

看了网上的一些帖子才知道原来在4月份谷歌浏览器做了改革，不止谷歌，

其他浏览器好像也不支持自动播放了，现贴出解决方案：

1.在chrome 浏览器中输入：chrome://flags，搜索“Autoplay policy”，默认为“Default”，

修改为 “No user gesture is required” 就可以了；此方法仅限谷歌浏览器，而且比较笨拙，

但是问题可以解决；

2.在使用video标签的过程中，设置静音播放，问题也可以得到解决，但是对于有播放声音

要求的同学来说，问题还是得不到解决，代码如下：

3.回到我使用的标签audio，使用这个标签自动播放时报错：

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

这时我们自动播放是不成功的，解决办法如下：

function toggleSound() {
           var music = document.getElementById("vd");//获取ID
               console.log(music);
               console.log(music.paused);
           if (music.paused) { //判读是否播放
               music.paused=false;
               music.play(); //没有就播放
           }

       }

setInterval("toggleSound()",1);

页面初始化时加载方法，自动播放；至此问题成功解决，耗费了我好久的时间，

不过还好问题解决了，找了好久都没有找到解决方法，还好测试成功，在此记下来！

谷歌浏览器audio标签自动播放音乐问题解决相关推荐

audio标签，播放音乐
1.纯js实现(缺点就是没有控件和更多的扩展功能) var audio= new Audio("/music/error.mp3");//这里的路径写上mp3文件在项目中的绝对路径 ...
移动端H5页面在微信浏览器内audio无法自动播放问题解决
相信许多小伙伴都遇见过这话种情况,在微信浏览器内添加的audio 无法自动播放之前写过好多那种活动页添加的背景音乐都可以自动播放,直到后来ios 增加了限制就出现了这个问题怎么解决的只需给audi ...
chrome谷歌浏览器如何让网站可以自动播放音乐
众所周知,谷歌浏览器在18年开始禁止网页自动播放音乐和视频,除非是静音播放;但是需求又需要我们当在一个合适的时机去播放声音,这就比较麻烦了; 第一步,浏览器-设置页面-搜索"网站设置&quo ...
iphone 微信打开H5自动播放音乐问题
解决iphone 微信H5自动播放音乐问题 --由于苹果的ios系统的安全保护较严格,iphone手机打开微信H5的时候(针对于已对audio标签设置 autoplay为true的H5),通常要先点击 ...
html5手机不能自动播放音乐,H5案例---解决H5中背景音乐无法自动播放问题
该楼层疑似违规已被系统折叠隐藏此楼查看此楼四.完整代码您的浏览器不支持 audio标签. // 音乐播放 function autoPlayMusic() { // 自动播放音乐效果,解决浏览器 ...
计算机win10开机音乐,大师传授win10系统电脑开机总是自动播放音乐的方案
今天小编分享一下win10系统电脑开机总是自动播放音乐问题的处理方法,在操作win10电脑的过程中常常不知道怎么去解决win10系统电脑开机总是自动播放音乐的问题,有什么好的方法去处理win10系统电 ...
解决微信页面加载自动播放音乐
项目中突然用到了这个功能,于是记录了下来 html: <audio style="display:none; height: 0" id="bg-music&quo ...
selenium实现自动播放音乐
1-5节来自哔哩哔哩:selenium框架 1. 什么是selenium Selenium是一个Web的自动化测试工具,最初是为网站自动化测试而开发的,Selenium 可以直接运行在浏览器上,它 ...
计算机win10开机音乐,win10系统电脑开机总是自动播放音乐的恢复步骤
有关win10系统电脑开机总是自动播放音乐的操作方法想必大家有所耳闻.但是能够对win10系统电脑开机总是自动播放音乐进行实际操作的人却不多.其实解决win10系统电脑开机总是自动播放音乐的问题也不是 ...

谷歌浏览器audio标签自动播放音乐问题解决

谷歌浏览器audio标签自动播放音乐问题解决相关推荐

最新文章

热门文章