播放音乐方法(兼容IE FF Chrome Opera Safari)

最新推荐文章于 2023-12-26 20:56:26 发布

傲雪星枫

最新推荐文章于 2023-12-26 20:56:26 发布

阅读量2w

点赞数 1

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/fdipzone/article/details/8170337

版权

javascript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的网页音乐播放器方法。该播放器支持多种浏览器环境（包括IE和其他现代浏览器），并能够自动播放及循环播放音频文件。通过简单的API调用，即可实现音乐的播放和停止。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 /** 音乐播放器
 * @param obj 	播放器id
 * @param file 	音频文件 mp3: ogg:
 * @param loop	是否循环
 */
 function audioplayer(id, file, loop){
 	var audioplayer = document.getElementById(id);
 	if(audioplayer!=null){
 		document.body.removeChild(audioplayer);
 	}

 	if(typeof(file)!='undefined'){
 		if(navigator.userAgent.indexOf("MSIE")>0){	// IE
		
			var player = document.createElement('bgsound');
			player.id = id;
			player.src = file['mp3'];
			player.setAttribute('autostart', 'true');
			if(loop){
				player.setAttribute('loop', 'infinite');
			}
			document.body.appendChild(player);
 		
 		}else{	// Other FF Chome Safari Opera
		
			var player = document.createElement('audio');
			player.id = id;
			player.setAttribute('autoplay','autoplay');
			if(loop){
				player.setAttribute('loop','loop');
			}
			document.body.appendChild(player);
			
			var mp3 = document.createElement('source');
			mp3.src = file['mp3'];
			mp3.type= 'audio/mpeg';
			player.appendChild(mp3);
			
			var ogg = document.createElement('source');
			ogg.src = file['ogg'];
			ogg.type= 'audio/ogg';
			player.appendChild(ogg);
 		
 		}
 	}
 }

Demo：

var file = [];
file['mp3'] = '1.mp3';
file['ogg'] = '1.ogg';
audioplayer('audioplane', file, true); // 播放
audioplayer('audioplane'); // 停止