1

我是 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>

`

4

2 回答 2

0

检查以下项目:

如果需要,他们都将在旧版浏览器上使用 Flash。

于 2012-08-29T16:48:43.330 回答
0

您可以简单地提供一个可以播放 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 控件。

于 2012-08-30T08:04:57.337 回答