chrome浏览器session问题_Chrome浏览器的音频自动播放问题

今天做一个网页播放音频的测试，需要自动播放背景音乐，代码如下：

                    Your browser does not support the audio element.

可是我无论怎么设置，打开后界面都无法正常播放，都需要我手动点那个播放按钮才能播放，我需要的是自动播放啊。

难道是Chrome浏览器不支持自动播放了吗？可是当我在其他网站上找到了一个示例，运行示例的时候，它的自动播放却是没有任何问题的。

只要一点那个运行代码的按钮，就自动播放了，我的却不行，这是怎么回事呢？

自动播放不行，那我试下用JS定时控制播放器手动播放。

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

通过输出日志发现了问题的关键点：

play() failed because the user didn't interact with the document first.

翻译过来，意思是用户还没有跟浏览器进行交互。然后我尝试在浏览器中随便点了一下，就自动播放了。

然后到网上核实了一下资料，确实是Chrome对此改变了规则：如果用户没有任何交互操作，那就不自动播放。这样改动的目的主要是防止扰民，想想夜深人静的时刻，随便打开一个网页，然后就自动播放一个声音，确实挺吓人的；还有如果同时打开了很多网页，每个网页都自动播放声音，会很乱，用户跟哪个页面交互了再播放哪个页面的声音，这样确实是提升了用户体验。

明白了道理，也就不纠结。想让它播放，就随便点下页面任何位置就可以了。

chrome浏览器session问题_Chrome浏览器的音频自动播放问题相关推荐

谷歌浏览器音频自动播放HTML,修改系统设置让 Chrome 浏览器支持音频自动播放
Android Chrome 浏览器默认禁止音频自动播放,但可以通过修改系统配置参数允许这个功能. 在 Android Chrome 60.X 版本之前,chrome://flags 中有一个 dis ...
解决移动端音频自动播放问题
解决移动端音频自动播放问题参考文章: (1)解决移动端音频自动播放问题 (2)https://www.cnblogs.com/lcf1314/p/5867010.html 备忘一下.
chrome浏览器不支持video标签，不能自动播放。
问题:chrome浏览器不支持video标签的autoplay属性,网页刷新后不能自动播放视频. 处理: 方法一: 在video标签中加入muted="muted" 属性,但会让视 ...
工作手记之ios safari禁止音频自动播放的解决方法
问题场景: 制作一个H5,需要微信打开后背景音乐或者其他音频文件进行播放,但是经常出现的结果是,安卓基本没有问题,但是苹果手机确不行,总是不进行播放,这是为什么呢? 问题原因: 苹果为了用户着想,禁止 ...
html音频自动播放隐藏控制器,HTML5 音频回放/播放控制器
JavaScript 语言: JaveScriptBabelCoffeeScript 确定 var sound = new Audio('http://media.soundcloud.com/str ...
通过微信公众号实现H5音频自动播放
<template><audio src="../audio/one.mp3" id="audioPlay"></audio> ...
Chrome浏览器无法自动播放音频视频
比较常规的做法是,为video标签设置muted属性,使它静音,这样视频就能自动播放了,但是没有声音.然后待用户在网页上有了任意触发后,再将muted去掉.或者让用户手动去打开音频(腾讯视频就是这样做 ...
解决Chrome浏览器无法自动播放音频视频的问题，Uncaught(in promise) DOMException
转载http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动 ...
苹果mac系统下浏览器video无法自动播放问题
我们在做手机Android/iOS开发的时候,声音一般都是无法自动播放的,桌面PC版的Safari浏览器在2017年也宣布禁止带有声音的多媒体自动播放功能,后来谷歌发布了最新的Chrome 66浏览器 ...

chrome浏览器session问题_Chrome浏览器的音频自动播放问题

chrome浏览器session问题_Chrome浏览器的音频自动播放问题相关推荐

最新文章

热门文章