1. ホーム
  2. 質問と答え
  3. サウンドを再生する方法、ブラウザでボタンまたはリンクをクリックすると、

サウンドを再生する方法、ブラウザでボタンまたはリンクをクリックすると、

2011-06-25 12 views
3

サウンドファイルを再生する方法、ウェブページ内のリンクまたはボタンをクリックすると、複数のリンクまたはボタンをそれぞれ配置する必要があります1つは異なるサウンドファイルを持っています。実際に私はこのBGSOUNDを使用しなかったサウンドを再生する方法、ブラウザでボタンまたはリンクをクリックすると、

それはIEのみで動作し、タグ、

出典

2011-06-25 Rajasekar Gunasekaran

答えて

6

ステップ1：audio player

ステップ2の 'スタンドアロン' バージョンをダウンロードしてください：あなたのページにプレイヤーのJSが含まれています

<script type="text/javascript" src="audio-player.js"></script>

ステップ3：

<script type="text/javascript"> 
    AudioPlayer.setup("player.swf", { 
     width: 290 
    }); 

    function moo() { 
     AudioPlayer.embed("player", {soundFile: "moo.mp3", autostart: 'yes'}); 
    } 

    function foo() { 
     AudioPlayer.embed("player", {soundFile: "foo.mp3", autostart: 'yes'}); 
    } 
</script>

ステップ4：セットアッププレイヤーは、各ファイルのためのプレーヤーを埋め込むための関数を実装id = playerといくつかの要素を作成（または、指定したものは何でも）：5

<div id="player"></div><br />

ステップ：オーディオファイルに「スイッチャー」を提供してください：

<a href="#" onClick="moo();">play file 1</a><br /> 
<a href="#" onClick="foo();">play file 2</a> 


<html> 
    <head> 
     <title>Your website</title> 
     <script type="text/javascript" src="audio-player.js"></script> 
     <script type="text/javascript"> 
      AudioPlayer.setup("player.swf", { 
       width: 290 
      }); 

      function moo() { 
       AudioPlayer.embed("player", {soundFile: "moo.mp3", autostart: 'yes'}); 
      } 

      function foo() { 
       AudioPlayer.embed("player", {soundFile: "foo.mp3", autostart: 'yes'}); 
      } 
     </script>  
    </head> 
    <body> 
     <div id="player"></div><br /> 
     <a href="#" onClick="moo();">play file 1</a><br /> 
     <a href="#" onClick="foo();">play file 2</a> 
    </body> 
</html>

PS：このようomething。hereタグを使用した場合、プレイヤーのオプションに関するいくつかのドキュメントは、あなたが.embed()または.setup()機能

出典

2011-06-25 07:33:48 shybovycha

+0

これはワードプレスでのみ動作します –

+1

私が示したコードは 'wordpress -one'も 'wordpress-only' =）だから私は**スタンドアロン**バージョンのプレーヤーをダウンロードすることに気付いた;） – shybovycha

+0

あなたはhtml5サウンドapiで同じことをすることができます、これはあなたがしたい場合にのみ必要ですすべてのブラウザをサポートしています – Marty

0

なぜあなただ​​けのWebアプリのサウンドファイルにリンクカント？

例えば、このような何か：

<a href="/pathtosound/sound.mp3">Click here to play a sound</a>

出典

2011-06-25 07:26:45 Marty

+2

と感謝のマーティを渡すことができます、いくつかのブラウザは演奏のファイルinstadをダウンロードし、 –

+0

あなたはjavascriptでオーディオAPIに直接アクセスできます。例えば。 var sound =新しいオーディオ（ "file.mp3"）; sound.play（）; - 基本的には、javascriptのボタン/リンクイベントをキャプチャし、このようなjavascriptコードを実行してサウンドを再生します。 html5ブラウザでしか動作しませんが、最近のブラウザではそれをサポートしています:) - サポートしていないブラウザでは代わりに静的リンクを表示できます。 – Marty

+0

ここに例があります：http://dev.opera.com/articles/view/html5-audio-radio-player/ – Marty

関連する問題

 関連する問題