ウェブサイトの音楽-アンカー、Bgsound、埋め込みタグ
このチュートリアルの最初の部分では、Webページで最も頻繁に使用されるさまざまな種類のオーディオファイルについて説明しました。チュートリアルのこの部分では、HTML Webページに音楽を追加する方法について説明します。それでは、HTMLのコーディング方法を見てみましょう。 HTMLアンカータグメソッドまたはbgsoundと埋め込みタグメソッドを使用できます。

最初の方法は、HTMLアンカータグ(リンク)を使用することです。これは、Webビジターに音楽の有無にかかわらずWebページを表示する選択肢を提供するため、ユーザーフレンドリーな方法です。訪問者は、オーディオファイルがWebページ自体とともにダウンロードされるのを待つ必要がないため、Webページをより速く表示できます。オーディオファイルがダウンロードされるのは、彼が曲を聞くことを選択し、Webブラウザのオーディオプレーヤーをポップアップウィンドウとして開くリンクをクリックした場合のみです。 WebページにMIDIファイルを配置し、MIDIオーディオファイルの名前が「song.mid」であるとします。また、アンカータグメソッドを使用します。リンクのコードは次のコードのようになります。 href属性は、オーディオファイルを探す場所をブラウザに指示します。 href属性の値は、オーディオファイルのURLアドレスになります。以下の例のように完全なURLを使用するか、オーディオファイルがWebページと同じ場所にある場合は「www.yourwebsite.com/」を削除できます。 (HTMLアンカータグのレビューについては、ここをクリックしてください。)


演奏する
注意 - 矢印 は、コードが2行目にラップされ、実際にはすべて1行である必要があることを示します。

2番目の方法では、Webページが表示されたときにオーディオファイルが自動的に再生されます。このメソッドにはbgsoundタグまたはembedタグを使用します。コードは次のとおりです。



loop = "infinite">



autostart = "true" hidden = "false" width = "300"
height = "45" loop = "infinite">
注意 - 矢印 は、コードが2行目にラップされ、実際にはすべて1行である必要があることを示します。

srcソース属性-値はオーディオファイルのURLアドレスです
自動スタートtrueまたはfalse(埋め込みタグ)
ループtrue、false、または曲の再生回数(埋め込みタグ)
無限または曲の再生回数(bgsoundタグ)
幅と高さ ウェブページのオーディオコントロールパネルの測定値(埋め込みタグ)
隠されたtrueまたはfalse-コントロールパネル(埋め込みタグ)の可視性を制御します


embed要素とbgsound要素には、曲の再生方法とWebページでのオーディオコントロールパネルの表示方法を制御するいくつかの属性があります。

  1. src属性は、他のほとんどのHTMLタグと同じように機能します。ブラウザにオーディオファイルの場所を伝えます。
  2. この属性の値をtrueまたはfalseに設定することにより、自動開始をオンまたはオフにできます。オンにすると、ファイルがダウンロードされるとすぐに自動起動により音楽が再生されます。 (埋め込みタグ)
  3. loop属性は、ファイルを再生する回数をブラウザに指示します。


埋め込みタグを使用する場合は、オーディオプレーヤーのコントロールパネルを非表示にすることをお勧めします。これを行うには、hidden属性の値をtrueに設定します。一方、高さと幅の属性を使用して、Webページ上のコントロールパネルの外観を制御できます。高さ、幅、および非表示の属性が指定されていない場合、デフォルトでコントロールパネルがWebページに表示されます。非表示機能は便利ですが、コントロールパネルを表示したままにしておくと、リスナーがオーディオの再生(ボリュームなど)を制御できるようになります。

ほとんどのブラウザは、埋め込みタグを「読み取る」ことができます。ただし、一部のブラウザー、特に古いブラウザーではできません。これがnoembedタグを使用する理由です。このタグは、ブラウザが埋め込みタグ自体を読み取れない場合にのみ、開始タグと終了タグの間の指示に従うようブラウザに指示します。 bgsoundタグは、embedタグと同じように機能します。ただし、bgsoundタグには、高さ、幅、または非表示の属性はありません。