文／魚に恋するロンリー・スマイル
個人のウェブマスターにとって、自分のウェブサイトをいかにユニークで個性に満ちたものにするかは、常にたゆまぬ努力の目標でした。ページの視覚効果やインタラクティブ機能を最大限に向上させるだけでなく、Web ページを開いたときに美しく感動的な音楽が聞こえたら、Web サイトがよりカラフルになると思います。
1. 音楽ファイルの追加方法を学ぶ
Web ページに BGM を追加するには、通常 2 つの方法があります。1 つは通常の <bgsound> タグを使用して追加する方法で、もう 1 つは <embed> タグを使用して追加する方法です。
(1) <bgsound> タグを使用して
Dreamweaver で BGM を追加するページを開き、「コード」をクリックしてコード編集ビューを開き、<body>< /body> の間に「<」を入力して bgsound を選択しますポップアップ コード プロンプト ボックス (図 1)。
図 1
Dreamweaver は自動的に「< bgsound」コードを入力し、スペースバーを押すと、コードプロンプトボックスに選択して使用できる bgsound タグの属性が自動的にリストされます。 bgsound タグには 5 つの属性があり、Balance は音楽の左右のバランスを設定し、Delay は再生遅延を設定し、loop はループ数を制御し、src は音楽ファイルへのパス、そして volume は音楽ファイルへのパスを設定します。音量設定。通常、BGM を追加する場合、音楽の左右のイコライゼーションやディレイの設定は必要ないため、主要なパラメータはいくつかだけで済みます。最終的なコードは以下の通りです。
< bgsound src="music.mid"loop="-1">
このうち、loop="-1" は音楽を無限ループで再生する回数を設定したい場合です。再生回数を指定して、対応する数値に変更します。
この BGM を追加する方法は、最も基本的な方法であり、最も一般的に使用されている方法です。BGM 形式は、WAV、MID、MP3 など、現在主流の音楽形式のほとんどをサポートしています。インターネット速度の遅いブラウザを考慮したい場合は、MID 効果音を Web ページの BGM として使用できます。MID 音楽ファイルは小さいため、Web ページを開いたときにすぐに読み込まれて再生されます。 MID には音楽のメロディーのみを保存でき、素晴らしいハーモニーや歌詞が保存できないという欠点もあります。インターネット速度が速い場合、または MID 音楽が少し単調だと感じる場合は、MP3 音楽を追加することもできます。上記のコードの happy.mid を happy.mp3 に変更するだけです。
ヒント: FrontPage にバックグラウンド ミュージックを追加する場合は、[バックグラウンド] ダイアログ ボックスで関連する設定を行うだけで、Dreamweaver よりも比較的便利です。
図 2
(2) <embed> タグの使用
<embed> タグを使用して音楽を追加することはあまり一般的ではありませんが、その機能はいくつかの再生コントロールと組み合わせることで非常に強力です。
その使用法は基本的に最初のものと同じですが、コード プロンプト ボックスの最初のステップで gbsound を選択せず、代わりに embed を選択する点が異なります。次に、その属性を選択し、それに応じて設定します (図 3)。この図から、embed には gbsound の 5 つの属性よりも多くの属性があることがわかります。最終的なコードは次のとおりです: < embed src="music.mp3" autostart="true"loop="true" hidden="true"></embed>。
図 3 では、
autostart はページを開いたときに音楽を自動的に再生するかどうかを設定するために使用され、hidden はメディア プレーヤーを非表示にするかどうかを設定します。埋め込みは実際には Web ページ上の音楽プレーヤーに似ているため、非表示にしていなければ、システムのデフォルトのメディア プラグインが表示されます。
これら 2 つの方法には、それぞれ独自の長所と短所があると著者は考えています。最初の方法では、ページが最小化されてから再生されると、音楽が自動的に一時停止されます。この問題が発生した場合、ウィンドウが閉じられない限り、再生は継続されます。ご自身の使用状況に合わせて音楽の追加方法を選んでいただければと思います。
Web ミュージックを追加する簡単な方法を学習したら、インターフェイスと機能に取り組む必要があります。 「Web Music Player」を使えば、スタイリッシュな音楽プレーヤーを作ることができます。
2. ファッショナブルな音楽プレーヤーを作成する
Web ミュージックを追加する簡単な方法を学んだ後、インターフェイスと機能に取り組む必要があります。 「Web Music Player」を使えば、スタイリッシュな音楽プレーヤーを作ることができます。
ヒント: 「Webpage Music Player」は、作成したページを実行すると、システムに付属の Windows Media Player を呼び出して、プリセットの MP3 曲を再生します。
(1) 簡単な設定
まず、再生プラグインをダウンロードし (ダウンロード アドレス: http?//www.mh.fy.cn/soft/music.rar)、解凍してディレクトリに移動します。music.htm が再生したいディレクトリです。ホームページ ページにロードするための list.htm は、視聴者がプレイリストを表示するためのポップアップ ページです。js フォルダーにはいくつかの再生制御ファイルが含まれ、img には再生インターフェイス用のいくつかの画像ファイルが含まれています。
Web ページ編集ソフトウェアを使用して music.htm を開き、次のコードを見つけます。
<
script Language="Javascript">
var blnRndPlay =false
?
var
blnShowVolCtrl = true
?
blnUseSmi = false ?
var blnLoopTrk = true?
var blnShowMmInfo =false?
</script>
ここでプレーヤーの基本的な設定を行うことができます。上記の文の意味は、自動再生するかどうか、順次再生するかどうか、ステータスバーを表示するかどうか、オーディオ制御ステータスを表示するかどうか、プレイリストの表示を許可するかどうか、SMI モードを使用するかどうか、ループするかどうかです。 、曲情報を表示するかどうか。必要に応じて設定できます。true は「はい」、false は「いいえ」です。さらに、再生バーをよりパーソナライズするために、music.htm コード内で <marquee>....< /marquee> ステートメントを見つけて、その中のホームページ名をあなたの名前に変更することもできます。自身のホームページも
(2) プレイリストの追加
js フォルダー内のプレイリスト ファイル bglist.js を開きます。ここで、具体的な追加形式は mkList "song path" です。 「」は、ホストにアップロードしたローカル アドレス、またはネットワーク上の MP3 アドレスを指定できます。「曲の説明」は、再生バーにスクロールして表示するために使用され、アーティストと曲の名前にすることができます。たとえば、ジェイ・チョウの「Tornado」を追加するには、まずインターネット上でリアルタイムで再生できるリンク アドレスを検索し、それをリストに追加します: mkList " http://202.102.43.37/hy/yinyue/ジェイ・チョウ/09.mp3 "?"ジェイ・チョウ - トルネード"。
ヒント: ホームページ上の音楽を常に新鮮に保つために、プレイリストを一定の間隔で更新できます。
(3) プレーヤーをインストールする
ホームページのリンクをクリックしても曲の再生が続かないようにするには、再生ページ music.htm をフレーム形式でホームページにインストールする必要があります。
FrontPage 2003を例に挙げると、「新規→その他のWebページテンプレート」を実行して「Webページテンプレート」ウィンドウをポップアップし、「Webページのフレーム→フッター」を選択して「OK」を選択し、上部のフレームに最初のWebページを設定します。ホームページをポイントし、下のフレームで music.htm をポイントし、フレームのプロパティでフレームの境界線を削除し、フレームの高さを適切に調整します (図 4)。プレイバーの高さ。プレビューに満足したら、ページを保存し、Web サイトでこの新しいページを参照することができます。
図4