HTML5音频播放，指定时间段播放

最新推荐文章于 2021-07-21 10:22:22 发布

柯林斯的夏天

最新推荐文章于 2021-07-21 10:22:22 发布

阅读量809

点赞数 2

本文链接：https://blog.csdn.net/caviar126/article/details/114238852

版权

参考：https://stackoverflow.com/questions/19355952/make-html5-video-stop-at-indicated-time

<html>

<head></head>


<body> 

<button onclick="setCurEndTimeAndPlay(5,11.48)" type="button">点击播放</button>
<br>
<br>
<audio id="audio1" controls="controls"><source src="D1T02 - Wuthering Heights.mp3"></audio>






<script>

myAud=document.getElementById("audio1");

function setCurEndTimeAndPlay(startTime,endTime){
     
	// 设置当前时间
	myAud.currentTime=startTime;


	// 设置暂停时间
	// var endTime = 11.48;
	myAud.addEventListener('timeupdate', function () {
     
		if(myAud.currentTime>endTime){
    
		myAud.pause();
	 }
	}, false);  
	myAud.addEventListener('loadedmetadata', function () {
     
	 myAud.play();  
	}, false);  

  
	// 播放
	myAud.play()
	  
  } 
  

</script> 


 

</body></html>



<html>

<head></head>


<body>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

柯林斯的夏天

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML5音频播放，指定时间段播放

参考：https://stackoverflow.com/questions/19355952/make-html5-video-stop-at-indicated-time<html><head></head><body> <button onclick="setCurEndTimeAndPlay(5,11.48)" type="button">点击播放</button><br><br&gt
复制链接

扫一扫