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

aries 发表于 2015-03-10 1740 次浏览
 /** 音乐播放器
 * @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'); // 停止

3条评论

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

    歪妖内涵网 回复
  2. 支持博主哦~

    seo 回复
  3. 支持一下博主

    起重机配件 回复
如需评论,请填写表单。
换一个

记住我的信息