DOMException: play() failed because the user didn‘t interact with the document first.

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

spencer_tseng

679人浏览 · 2024-02-01 23:50:47

spencer_tseng · 2024-02-01 23:50:47 发布

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	//http://127.0.0.1:7070/PrjJsp/html5-audio/audio.html
	//http://192.168.1.4:7070/PrjJsp/html5-audio/audio.html
	function init()
	{
		var audio = document.getElementById('music1');
		audio.play();


		setTimeout(() => {
			audio.pause()
		  audio.load()
		}, 10);
	}
</script>
</head>
<body onload="init()">
	<audio id="music1" controls="controls" autoplay="autoplay" preload
		id="music1" hidden>
		<source src="BecauseofYou.mp3" />
	</audio>
	<!--这里是音乐-->
	<img id="btn" class="active" src="music.png" alt="" />
</body>
</html>

NotAllowedError: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

用户没有交互就不给自动播放。

浏览器也没有地方设置允许不进行交互的自动播放。