通过查询 了很多官方文档,都没有找到合适的解决办法,以下暴力解决

这个办法需要用户点击页面才会自动播放音乐。(循环播放,无法暂停) 

单击页面实现自动播放: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title&gt;无标题文档</title&gt;
</head&gt;
<body>
	<audio id="bgm" controls="controls"  loop="loop" preload="auto" autoplay hidden="true">
	  <source src="honey/暖一杯茶 - 邵帅 .mp3" type="audio/mpeg" >
	  您的浏览器支持音频格式。
	</audio>

	<script type="text/javascript">
		  function clickPlaySound() {
		            var music = document.getElementById("bgm");//获取ID
		                console.log(music);
		                console.log(music.paused);
		            if (music.paused) { //判读音频是否播放
		                music.paused=false;
		                music.play(); //如果没有播放就开始播放
		            }
		   	}

		setInterval("clickPlaySound()",1);
	</script>

</body>

</html>

可以手动点击播放图标播放手动点击暂停

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
	<audio id="bgm" controls="controls"  loop="loop" preload="auto" autoplay >
	  <source src="honey/暖一杯茶 - 邵帅 .mp3" type="audio/mpeg" >
	  您的浏览器不支持音频格式。
	</audio>
</body>

</html>

浏览器中实现的图标如下图

可根据需要暂停,拖动进度条调节播放速度以及调节音量 

 

原文地址:https://blog.csdn.net/m0_64717857/article/details/128454524

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_33640.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注