HTML5中Audio标签的使用与通过JS暂停音乐播放器audio

最新推荐文章于 2024-07-10 10:29:23 发布

daydayupzzc

最新推荐文章于 2024-07-10 10:29:23 发布

阅读量3.6w

点赞数

分类专栏： javascript 文章标签： javascript audio 音乐播放暂停

本文链接：https://blog.csdn.net/daydayupzzc/article/details/39055011

版权

本文介绍了如何在HTML5中使用Audio标签创建音乐播放器，并提供了通过JavaScript实现音乐播放暂停的代码示例。此外，还提到了HTML5 Audio/Video标签的属性和事件，供进一步学习。

摘要由CSDN通过智能技术生成

将下面的JS代码生成的字符串content的内容放在html中就是一个音乐播放器，并且能够播放音乐。为了兼容，下面的写得比较乱，可以不用JS，整理一下，直接放HTML中也行。

音乐播放器标签的JS代码：

			var musicSrc = "../music/1.mp3";	
			
			var bower = window.navigator.userAgent; 
			if(bower.indexOf("MSIE 6")!=-1 || bower.indexOf("MSIE 7")!=-1||bower.indexOf("MSIE 8")!=-1){
				content = "<embed id=\"music1\" src=\""+ musicSrc+"\" style=\"width:290px\" autostart=true loop=true hiddle=true>";				
			}else if(bower.indexOf("Firefox")!=-1){				
				content = "<audio id=\"music1\" src=\""+ musicSrc +"\" style=\"width:290px\" autop