jQuery HTML5 Audio，舊版瀏覽器的備用格式

Question

我是jQuery的新手，正在嘗試一種能夠在大多數瀏覽器上播放聲音文件的解決方案。 我有使用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>

`

Answer 1

檢出以下項目：

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

Answer 2

您只需提供一個可以播放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>

您可以在此處看到一個有效的示例。

但是，您將無法通過JavaScript訪問播放器的Flash控件。

jQuery HTML5 Audio，舊版瀏覽器的備用格式

問題描述

2 個解決方案

解決方案1
0 已采納 2012-08-29 16:48:43

解決方案2
0 2012-08-30 08:04:57

jQuery HTML5 Audio，舊版瀏覽器的備用格式

問題描述

2 個解決方案

解決方案1 0 已采納 2012-08-29 16:48:43

解決方案2 0 2012-08-30 08:04:57

解決方案1
0 已采納 2012-08-29 16:48:43

解決方案2
0 2012-08-30 08:04:57