jQuery HTML5音頻，舊版瀏覽器的替代格式

我是jQuery的新手，我正在嘗試一種能夠在大多數瀏覽器上播放聲音文件的解決方案。我有一段使用jQuery的代碼和HTML5的音頻支持。它將支持大多數新瀏覽器，但不適用於舊瀏覽器。jQuery HTML5音頻，舊版瀏覽器的替代格式

是否有一個jQuery插件可以使用舊版瀏覽器。最糟糕的情況下，我可以將mp3文件轉換爲swf，並嘗試使用jQuery播放它們，如果可能的話。

這裏是我的代碼

<html> 
<head> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

    <script type="text/javascript"> 
    $(document).ready(function() { 

    var sound = $("#sound")[0]; 
     $("#play").mouseover(function() { 
      sound.play(); 
     }).mouseleave(function(){ 
      sound.pause(); 
      sound.currentTime = 0; 
     });  
    }); 
</script> 

</head> 

<body> 
    <audio id="sound"> 
     <source src="sound.ogg" type="audio/ogg" /> 
     <source src="sound.mp3" type="audio/mp3" /> 
     Your browser doesn't support HTML5. 
    </audio> 

    <span id="play">Mouse over to play sound</span> 

</body>

來源

2012-08-29 Mark Marina

結帳以下項目：

如果需要，他們都將在舊瀏覽器上使用Flash。

來源

2012-08-29 16:48:43 Adam

您可以簡單地提供一個可以播放MP3文件的Flash播放器，以便您可以默認播放。如果用戶沒有安裝Flash，您還應該提供有問題的音頻文件的下載鏈接。

例如：

<audio controls> 
     <source src="sound.ogg" type="audio/ogg"> 
     <source src="sound.mp3" type="audio/mp3"> 
     <object type="application/x-shockwave-flash" data="player.swf?audioUrl=sound.mp3" height="27" width="320"> 
     <param name="movie" value="player.swf?audioUrl=sound.mp3"> 
     </object> 
     <a href="sound.mp3">Download the audio file</a> 
    </audio>

你可以看到一個工作示例here。

雖然您將無法通過JavaScript訪問播放器的Flash控件。

來源

2012-08-30 08:04:57

jQuery HTML5音頻，舊版瀏覽器的替代格式

回答

相關問題