zoukankan      html  css  js  c++  java
  • js实现可兼容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); 
          
        } 
      } 
    } 
    用法示例:
    var file = []; 
    file['mp3'] = '1.mp3'; 
    file['ogg'] = '1.ogg'; 
    audioplayer('audioplane', file, true); // 播放 
    audioplayer('audioplane'); // 停止 

    完毕。

  • 相关阅读:
    操作系统简介
    计算机基础
    Django之form
    CMDB资产采集
    Git
    User model
    多级评论
    个人主页
    media路径设置
    Web框架
  • 原文地址:https://www.cnblogs.com/zl0372/p/js_sound.html
Copyright © 2011-2022 走看看