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>

您可以看到一个有效的例子here。

但您无法通过JavaScript访问播放器的Flash控件。

jQuery HTML5 Audio，旧版浏览器的替代格式

2 个答案: