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'); // 停止



  • 相关阅读:
    Spring加载xsd引起的问题小记
    kafka配置参数
    nginx常见内部参数,错误总结
    从毕业到现在的总结
    storm坑之---传递对象
    Java多线程读取大文件
    webpack4.0.1安装问题及解决方法
    git入门篇shell
    less教程
    原生js的ajax请求
  • 原文地址:https://www.cnblogs.com/fdipzone/p/3715150.html
Copyright © 2011-2022 走看看