個々のウェブマスターにとって、自分のウェブサイトをいかにユニークで個性あふれるものにするかは、常に絶え間ない努力の目標となってきました。ページの視覚効果やインタラクティブ機能を最大限に向上させるだけでなく、Web ページを開いているときに美しく感動的な音楽が聞こえると、Web サイトに彩りが加わると思います。 1. 音楽ファイルの追加方法を学ぶ 一般的に、Web ページにバックグラウンド ミュージックを追加する方法は 2 つあります。1 つは通常の <bgsound> タグを使用して追加する方法で、もう 1 つは <embed> タグを使用して追加する方法です。 1. <bgsound> タグの使用 Dreamweaver を使用して、バックグラウンド ミュージックを追加するページを開き、「コード」をクリックしてコード編集ビューを開き、<body></body> の間に「<」と入力して、ポップアップ コード プロンプト ボックスで bgsound を選択します (図 1)。 Dreamweaver は自動的に「<bgsound」コードを入力し、スペース バーを押します。コード プロンプト ボックスには、選択できる bgsound タグの属性が自動的に表示されます。 bgsound タグには 5 つの属性があり、balance は音楽の左右のバランスを設定するために使用され、delay は再生遅延を設定するために使用され、loop はループの数を制御するために使用され、src は音楽ファイルのパスであり、volume は音量を設定するために使用されます。通常、バックグラウンド ミュージックを追加する場合、音楽の左右のバランスや遅延を設定する必要はないため、いくつかの主要なパラメータのみが必要になります。最終的なコードは次のようになります。 <bgsound src="music.mid" loop="-1"> このうち、loop="-1" は音楽が無限ループで再生されることを意味します。音楽の再生回数を設定したい場合は、対応する数字に変更するだけです。 このバックグラウンド ミュージックを追加する方法は、最も基本的かつ最も一般的に使用される方法です。バックグラウンド ミュージックの形式は、WAV、MID、MP3 など、現在主流の音楽形式のほとんどをサポートしています。インターネット速度が遅い視聴者を考慮したい場合は、MID サウンド効果を Web ページのバックグラウンド ミュージックとして使用できます。MID 音楽ファイルは小さいため、Web ページを開いたときにすばやく読み込んで再生できます。ただし、MID にも欠点があります。音楽のメロディーしか保存できず、美しいハーモニーや歌詞がありません。インターネットの速度が速い場合や、MID の音楽が少し単調だと思う場合は、MP3 の音楽を追加することもできます。上記のコード内の happy.mid を happy.mp3 に変更するだけです。 ヒント: FrontPage でバックグラウンド ミュージックを追加するのは、Dreamweaver よりも比較的簡単です。[背景] ダイアログ ボックスで関連する設定を行うだけです (図 2)。 (ii) <embed>タグの使用 <embed> タグを使用して音楽を追加する方法はあまり一般的ではありませんが、非常に強力です。いくつかの再生コントロールと組み合わせると、Web プレーヤーを作成できます。 使用方法は基本的に最初の方法と同じですが、最初の手順では、コード プロンプト ボックスで gbsound を選択せず、代わりに embedded を選択します。次に、そのプロパティを選択し、それに応じて設定します (図 3)。図からわかるように、embed のプロパティは gbsound の 5 つのプロパティよりもはるかに多くあります。最終的なコードは次のようになります: <embed src="music.mp3" autostart="true" loop="true" hidden="true"></embed>。 このうち、autostart はページを開いたときに音楽を自動的に再生するかどうかを設定するために使用され、hidden はメディア プレーヤーを非表示にするかどうかを設定するために使用されます。埋め込みは実際には Web ページ上の音楽プレーヤーのようなもので、非表示になっていない場合は、システムのデフォルトのメディア プラグインが表示されます。 2. スタイリッシュな音楽プレーヤーを作成する |
<<: LeetCode の SQL 実装 (184. 部門内で最も高い給与)
>>: 実践的な経験を共有するためのコードチェックツールstylelintの紹介
まず、マージン崩壊が発生する 3 つの状況を見てみましょう。 1. 隣接する 2 つのブロックレベル...
この記事では、テキストクロックを実装するためのキャンバスの具体的なコードを例として紹介します。具体的...
ユーザーがログアウトした後、ブラウザの戻るボタンがクリックされると、Web アプリケーションは保護さ...
html-webpack-pluginプラグインを使用してページを開始すると、htmlページをメモリ...
1. 準備1.1 VMware 15 をダウンロードしてインストールするダウンロード リンク: h...
1. エラーの再現MySQL データベースにはアクセスできますが、データベース テーブルを読み取るこ...
1. 需要3 つのテーブルがあります。一定期間にわたるさまざまな抗生物質感受性の結果、つまり rep...
目次サーバーはjupyterノートブックを実行します仮想環境次にファイアウォールをオフにしますJup...
前回、非常に熱心なファンから、月を呼吸する光の効果にできるかどうか尋ねられました。月の大きさの写真が...
目次VUEとはVueのコアプラグインVueルーターヴュークスアクシオス要素UI Vue フロントエン...
要素までスクロールするたびに読み込みアニメーションを追加するにはどうすればよいですか?初期パラメータ...
1. 背景サーバーの開発プロセスでは、新しいコードや構成をロードするためにサービスを再起動することが...
目次序文Zookeeper サービスのオープンを検出情報を入手する接続テスト接続先修理計画参照する序...
Bashで配列を定義するbash スクリプトで新しい配列を作成する方法は 2 つあります。 1 つ目...
具体的な方法は以下の通りです。 CSSコードコードをコピーコードは次のとおりです。 .wap_bot...