クリックまたはロールオーバーでサウンドを再生する方法

コンピュータアプリケーションの機能の1つは、何かをしたときにフィードバックがあるということです。フィードバックの最も一般的なタイプは健全です。コンピュータは、物事を選択したときにクリックし、エラーがあるときにビープ音を鳴らし、状況に注意を促すために他の騒音を発する。しかし、Webページにはこのタイプのフィードバックはありません。これは、それらが鈍いか無反応であるように見える。

幸いにもそれを簡単に変更できます。動的HTMLの属性とサウンドを使用すると、アプリケーションのように機能するWebページを作成できます。

顧客が何かをクリックしたときにサウンドを追加する

このスクリプトは、顧客が属性を使用して何かをクリックしたとき、および顧客がその属性を使用して何かをロールオーバーしたときに、効果音を追加します。マウスオーバーやリンク以外の要素のクリック属性では、すべてのWebブラウザが処理するわけではないため、異なるブラウザでテストしてください。

HTMLドキュメントのHEADに次のスクリプトを配置します。

サウンドを空のスパンに配置する

JavaScriptは、スクリプトが開始されると、空のSPAN要素の中にEMBED要素を配置します。したがって、次のSPANタグをHTMLページのBODYのどこかに追加する必要があります。このSPANタグは、ドキュメントの最上部近くに配置することをお勧めします。

属性を使ってスクリプトを呼び出す

最後に追加する必要があるのは、クリック時またはマウスオーバー時にサウンドを生成する要素です。これらの属性の1つを使用してスクリプトを呼び出します。 UrlToSoundFileを、再生したいサウンドファイルの完全なURLに置き換えます。

音を聞くにはここをクリック<> onmouseover = "playSound（ 'UrlToSoundFile'）;" >このテキストの上にマウスを置くと音が鳴ります

ここには、ブルージェイのサウンドを再生するHTML文書全体があります。サウンドファイルは、HTMLページと同じディレクトリに格納されます。

鳥の歌を聞くにはここをクリック

<> onmouseover = "playSound（ 'zbluejay.wav'）;" >または、この段落の上にマウスを置くと、同じ鳥の音を聞くことができます。