ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML に音楽リンクを挿入する方法の簡単な分析

HTML に音楽リンクを挿入する方法の簡単な分析

PHPz
リリース: 2023-04-07 18:14:47
オリジナル
2569 人が閲覧しました

インターネットの発展に伴い、Web ページはますます多様化しており、多くの個人や企業の Web ページでは音楽の追加が共通の要件となっています。 HTML では、音楽リンクを挿入することでこの要件を実現できます。この記事ではHTMLに音楽リンクを挿入する方法を紹介します。

まず、追加したい音楽へのリンクを見つける必要があります。リンクは、MP3 ファイルなど、ネットワーク上に保存されている音楽ファイルに接続されている必要があります。 SoundCloud、Baidu Music など、インターネット上には音楽ファイルを保存する Web サイトがたくさんあります。これらの Web サイトで必要な音楽を見つけて、そこへのリンクを取得できます。

次に、このリンクを HTML に挿入する必要があります。 HTML

以下は

<audio src="音乐文件的链接"></audio>
ログイン後にコピー

ここで、src 属性は音楽ファイルへのリンクを指定します。

次は例です。MP3 ファイルを挿入すると仮定し、この MP3 ファイルのリンクは https://www.example.com/music.mp3 です。 :

<audio src="https://www.example.com/music.mp3"></audio>
ログイン後にコピー

上記のコードの src 属性は、再生する音楽ファイルへのリンクを指します。

再生、一時停止などのコントロール ボタンを追加したい場合は、

<audio src="https://www.example.com/music.mp3" controls></audio>
ログイン後にコピー

上記のコードでは、再生、一時停止、音量コントロールなどのデフォルトのオーディオ コントロールをページに表示する controls 属性を追加しました。

src 属性と controls 属性に加えて、

つまり、HTML に音楽リンクを挿入するのは非常に簡単で、

以上がHTML に音楽リンクを挿入する方法の簡単な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート