首页 > 编程语言 > 详细

JavaScript自动播放背景音乐

时间:2019-09-27 09:21:36      阅读:90      评论:0      收藏:0      [点我收藏+]

问题描述

js控制audio自动播放音乐时报错:

Uncaught (in promise) DOMException

技术分享图片

我的报错之前的代码:

<audio id="myaudio" src="assets/audio/芒种.mp3" controls="controls"  loop="true" hidden="true">
</audio>
$(function () {
    var myAuto = document.getElementById('myaudio');
    myAuto.play();
})

网上搜原因说是:

这是因为,Chrome只允许用户对网页进行主动触发后才可自动播放音频和视频。其实,严格地来说,是Chrome不允许在用户对网页进行触发之前播放音频,而视频其实是不受限制的。但因为视频文件同样包含了音频,所以也一同被禁止了。Chrome这样做的目的是为了防止开发者滥用自动播放功能而对用户产生骚扰。

内容来源于:http://www.nooong.com/docs/chrome_video_autoplay.htm

解决办法:

在上面的html代码中加入autoplay,如下:

<audio id="myaudio" src="assets/audio/芒种.mp3" controls="controls" autoplay loop="true" hidden="true">
</audio>

然后就可以正常播放了,我的Chrome版本:

技术分享图片

完成

如果喜欢的话,欢迎关注weyoung公众号...

?


技术分享图片

JavaScript自动播放背景音乐

原文:https://www.cnblogs.com/nelucifer/p/11595429.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!