WebサイトBGM実装方法_HTML/Xhtml_Webページ制作

個々のウェブマスターにとって、自分のウェブサイトをユニークで個性に満ちたものにする方法は、常にたゆまぬ努力の目標でした。ページの視覚効果やインタラクティブ機能を最大限に向上させるだけでなく、Web ページを開いたときに美しく感動的な音楽が聞こえたら、Web サイトがよりカラフルになると思います。

1. 音楽ファイルの追加方法を学習します

Web ページに BGM を追加するには、通常 2 つの方法があります。1 つは通常の タグを使用する方法、もう 1 つは タグを使用して追加する方法です。

(1) タグを使用します

Dreamweaver を使用して、BGM を追加する必要があるページを開き、「コード」をクリックしてコードを開きますビューを編集し、 の間に「

Dreamweaver によって「


このうち、loop="-1" は音楽を意味します。無限ループで再生する場合 再生回数を設定したい場合は、対応する数値に変更してください。

この BGM を追加する方法は、最も基本的な方法であり、最も一般的に使用される方法です。BGM 形式は、WAV、MID、MP3 など、現在主流の音楽形式のほとんどをサポートしています。インターネット速度の遅いブラウザを考慮したい場合は、MID 音楽ファイルのサイズが小さいため、Web ページを開いたときにすぐに読み込まれて再生される MID 効果音を Web ページの BGM として使用できます。音楽のメロディーのみを保存できますが、素晴らしいハーモニーや歌詞は保存できないという欠点もあります。インターネット速度が速い場合、または MID 音楽が少し単調だと感じる場合は、MP3 音楽を追加することもできます。上記のコードの happy.mid を happy.mp3 に変更するだけです。

ヒント: FrontPage にバックグラウンド ミュージックを追加する場合は、[バックグラウンド] ダイアログ ボックスで関連する設定を行うだけで済みます。

(2)

タグを使用して音楽を追加する方法はあまり一般的ではありませんが、その機能は非常に強力です。いくつかの再生コントロールと組み合わせると、Web プレーヤーを作成できます。

その使用方法は基本的に最初の方法と同じですが、コード プロンプト ボックスの最初のステップで gbsound を選択せず​​、代わりに embed を選択する点が異なります。次に、その属性を選択し、それに応じて設定します (図 3)。この図から、embed には gbsound の 5 つの属性よりも多くの属性があることがわかります。最終的なコードは次のとおりです: 。

autostart はページを開いたときに音楽を自動的に再生するかどうかを設定するために使用され、hidden はメディア プレーヤーを非表示にするかどうかを設定するために使用されます。埋め込みは実際には Web ページ上の音楽プレーヤーに似ているため、非表示にしていなければ、システムのデフォルトのメディア プラグインが表示されます。

これら 2 つの方法について、著者はどちらも独自の長所と短所があると考えています。最初の方法では、ページを開いたときに音楽が再生されますが、ページが最小化されている場合、音楽は再生後に自動的に一時停止されます。 2 番目の方法では起こりません。ウィンドウが閉じられない限り、再生は続けられます。ご自身の使用状況に合わせて音楽の追加方法を選んでいただければと思います。

Web ミュージックを追加する簡単な方法を学習したら、インターフェイスと機能に取り組む必要があります。 「Web Music Player」を使えば、スタイリッシュな音楽プレーヤーを作ることができます。

2. おしゃれな音楽プレーヤーを作成します

Web ミュージックを追加する簡単な方法を学習したら、インターフェイスと機能に取り組む必要があります。 「Web Music Player」を使ってスタイリッシュな音楽プレーヤーを作成できます。

ヒント: 「Web ミュージック プレーヤー」は Web プラグインで、作成したページを実行すると、システムに付属の Windows Media プレーヤーを呼び出して、プリセットの MP3 曲を再生します。

(1) 簡単な設定

まず、再生プラグインをダウンロードします（ダウンロードアドレス：http://www.jb51.net/jiaoben/32793） .html)、解凍してディレクトリに入ります。ここで、music.htm はホームページにロードするプレイバー ページ、list.htm はプレイリストを表示するために視聴者が使用するポップアップ ページ、および js フォルダーです。複数の再生ページを保存します。コントロール ファイル、img には、再生インターフェイスのいくつかの画像ファイルが含まれます。

Web 編集ソフトウェアを使用して music.htm を開き、次のコードを見つけます:

| true
var blnShowMmInfo =false


ここではプレーヤーの基本的な設定を行います。上記の文の意味は、自動再生するかどうか、順次再生するかどうか、ステータスバーを表示するかどうか、オーディオ制御ステータスを表示するかどうか、プレイリストの表示を許可するかどうか、SMI モードを使用するかどうか、ループするかどうかです。 、曲情報を表示するかどうか。必要に応じて設定できます。true は「はい」、false は「いいえ」です。さらに、再生バーをよりパーソナライズするために、music.htm コード内で ... ステートメントを見つけて、その中のホームページ名を独自のホームページ名に変更することもできます。


(2) プレイリストを追加


js フォルダー内のプレイリスト ファイル bglist.js を開き、お気に入りの曲をリストに追加できます はい、具体的な追加形式は mkList "song path" "song description" です。ここで、"song path" はホストにアップロードしたローカル アドレスにすることも、ネットワーク上の MP3 アドレスを指定することもでき、"song description" は次のようになります。は、スクロールして再生バーに表示するために使用されます。アーティスト名や曲の名前を表示できます。たとえば、ジェイ・チョウの「Tornado」を追加するには、まずインターネット上でリアルタイムで再生できるリンク アドレスを検索し、それをリストに追加します: mkList "http://202.102.43.37/hy/yinyue/ジェイ・チョウ/09.mp3"「ジェイ・チョウ - トルネード」。


ヒント: ホームページの音楽を常に聴ける新鮮な状態に保つために、一定の間隔でプレイリストを更新できます。

(3) プレーヤーをインストールします

ホームページのリンクをクリックしても曲の再生の継続に影響を与えないようにするために、再生ページの音楽をインストールする必要があります。フレーム形式の htm ホームページに移動します。
FrontPage 2003 を例に挙げると、「新規→その他の Web ページ テンプレート」を実行して「Web ページ テンプレート」ウィンドウをポップアップし、「Web ページのフレーム→フッター」を選択して「OK」を選択し、初期 Web ページを設定します。上部のフレームで「ページ」をクリックしてホームページをポイントし、下部のフレームで music.htm をポイントしてから、フレームのプロパティでフレームの境界線を削除し、下部のフレームの高さを適切に調整します (図 4)。プレイバーの高さに対応するには十分です。プレビューに満足したら、ページを保存し、Web サイトでこの新しいページを参照することができます。