zoukankan      html  css  js  c++  java
  • 播放音乐方法(兼容IE FF Chrome Opera Safari)

     /** 音乐播放器
     * @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'); // 停止



  • 相关阅读:
    PCB封装分配
    1.26-CAD异形封装的制作
    1.40-CAE封装6个实例单门制作
    简单的URL解析
    冒泡排序和简单的递归
    作用域的提升
    数组的去重,以及随机一个验证码
    数组和字符串的相互转换。
    substring,substr,和slice的区别详解。
    去除Input输入框中边框的方式
  • 原文地址:https://www.cnblogs.com/fdipzone/p/3715150.html
Copyright © 2011-2022 走看看