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

作者: aries 分类: JS 发布时间: 2015-03-10 11:34 ė 1484次浏览 6 3评论
 /** 音乐播放器
 * @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'); // 停止
换一个
  1. 歪妖内涵网 2015-09-04 13:35:13

    不错的网站,很喜欢,期待互访

  2. seo 2015-04-17 08:52:57

    支持博主哦~

  3. 起重机配件 2015-04-08 15:48:44

    支持一下博主

Ɣ回顶部