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

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 に答える
0

次のプロジェクトをチェックアウトします。

それらはすべて、必要に応じて古いブラウザで Flash を使用します。

于 2012-08-29T16:48:43.330 に答える