HTMLでオーディオタグを最大限に活用する方法は?



この記事では、Web開発に関する興味深いトピックであるHTMLのオーディオタグと実用的なデモンストレーションを紹介します。

この記事では、HTMLのオーディオタグであるWeb開発に関する興味深いトピックを紹介します。この記事はあなたがこれを探求するのに役立ちます 実践的なデモンストレーションを伴うトピック。この記事では、次のポインタに触れます。

それでは始めましょう、





HTMLのオーディオタグ

Wwwという用語を聞いた後、HTMLが最初に頭に浮かぶのは明らかです。基本的に、それはあなたが今日アクセスするすべてのウェブサイトの背後にあるものです。

HTMLだけでは、今日私たちが目にする最も愛されているデザインのいくつかで正義を行うことはできません。それは助けを必要とし、それはによって提供されます CSS または カスケードスタイルシート 。 HTMLとCSSを一緒に使用して、魅力的なWebページを作成できます。



HTMLのタグと属性

これらは両方ともHTMLの基本であり、両方とも連携して機能しますが、異なる機能を実行します。

タグ: タグは、HTML要素の開始をマークアップするために使用され、山括弧で囲まれています。



例:

上記のタグは、HTMLの見出しタグです。

属性:これらはタグに関する追加情報であり、タグ内で指定されます。



Windows8にPHPをインストールする

例:

<img src=” hello_world.jpg” すべて='僕の 最初 プログラム'>>

上記のタグは画像タグです altはタグの属性であり、画像の説明を提供しますhello_world.jpg

必要な基本事項について説明したので、この記事の動機である高度なHTMLとCSSタグ。

このAudioTag In HTMLの記事に進むと、

オーディオタグ

名前が示すように、このタグは間違いなくWebページのサウンドに責任があります。これは、音楽やその他のストリームをWebページに提供するために使用できます。タグで使用できる現在サポートされている形式は、MP3、WAV、およびOGGです。

例:

お使いのブラウザはオーディオタグをサポートしていません。

GitHubの要点リンク:

出力-HTMLのオーディオタグ-Edureka

これは、オーディオがWebページに表示される方法です。

ユーザーが使用するブラウザがオーディオタグをサポートしていない場合、オーディオタグがサポートされていないというメッセージを含む行が表示されます。オーディオタグはHTML5で導入されました。したがって、HTML 5をサポートしていないブラウザは、オーディオタグをサポートしません。

このAudioTag In HTMLの記事に進むと、

オーディオタグの属性

オーディオタグの属性は次のとおりです。

  • 自動再生: これにより、Webページにロードされるとすぐにオーディオの再生が開始されます。
  • コントロール: 再生ボタンや一時停止ボタンなどのオーディオコントロールがWebページに表示されることを指定します。
  • ループ: これは、Webページのオーディオがループで再生されることを指定します。つまり、何度も繰り返し再生されます。
  • ミュート: これにより、オーディオタグからのオーディオ出力がミュートされます。つまり、音が出なくなります。
  • プリロード: これは、作成者側のifと方法、つまり、Webページがロードされたときに作成者がオーディオをロードする方法を指定します。
  • Src: ファイルのソース、つまり使用するオーディオファイルのアドレスを指定します。

注意: オーディオタグは、accesskey、c​​lass、dir、dropzone、hidden、id、lang、styleなどのHTMLのグローバル属性もサポートします。

これで、HTMLのオーディオタグに関するこの記事は終わりです。

HTMLとは何かがわかったので、 Edurekaによる。 Web開発認定トレーニングは、HTML5、CSS3、Twitter Bootstrap 3、jQuery、およびGoogle APIを使用して印象的なWebサイトを作成し、Amazon Simple Storage Service(S3)にデプロイする方法を学ぶのに役立ちます。

質問がありますか?この記事のコメントセクションにその旨を記載してください。折り返しご連絡いたします。