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

    完毕。

  • 相关阅读:
    HDU 1114 Piggy-Bank
    HDU 2955 Robberies
    NTOJ 290 动物统计(加强版)
    POJ 3624 Charm Bracelet
    HDU 2602 Bone Collector
    POJ 1523 SPF(无向图割顶)
    HDU 5311 Hidden String
    HDU 1421 搬寝室
    HDU 1058 Humble Numbers
    POJ 3259 Wormholes(spfa判负环)
  • 原文地址:https://www.cnblogs.com/zl0372/p/js_sound.html
Copyright © 2011-2022 走看看