..


スポンサーリンク

HTML5のビデオおよびオーディオタグ付きメディア

ステファノCanceddaによって書かれた記事
ページ1の2

以前のバージョンより"HTML 5の機能そのニュースの中で、直接タグを介して、専用のマルチメディアコンテンツを呼び出すことが可能性があります。
以前に、HTMLページ内のコンテンツのこのタイプを含めると、ほとんどの場合、Adobe Flashなどの外部ファイル(標準ではない)を使用する必要がありました。 フラッシュへの代替は、Web 2.0の(例えば、考えると、YouTube)のサービスの多くで必要とされる最低限の仕様を満たすために不適当であることがマルチメディア、今日のコンディションに関しては非常に限定的な条件に供した。

これらの機能の出現でHTML5の言語に統合されています。 マルチメディアに関連する主なタグ:

  • する<audio>
  • <video>
を参照すると、 公式のW3Cを参照すること riferrimentoは実用的な例のため、また、やってこれらのタグの使用例を示します。

タグする<audio>

タグする<audio>は、のような音に関係しているすべてのものを定義して、例えば、音楽やその他の音。

標準属性(リストはサイト上で、例えば、ネット上で容易に入手可能であるに加えてw3cschools.com )オーディオタグには、次の特定のプロパティをサポートしています。

  • 自動再生:この属性が存在している場合、ゲームは自動的にオーディオファイルが再生されます。
  • コントロール:宣言された場合は、そのような再生停止ボタンなどのコントロールが表示されます。
  • ループ:使用されている場合、終了した音楽ファイルのループ(繰り返し)を決定する。
  • プリロード:存在する場合はページが読み込まれると、オーディオファイルが期待することなく再生する準備となるように、プリロードされます。 autoplay属性が宣言されている場合、 プリロードは無視されます。
  • srcは:再生するオーディオファイルのURLを指定します。





 <audio src="driin.ogg" autoplay="autoplay" controls="controls">



  



お使いのブラウザはHTML5で管理オーディオをサポートしていません。







 </オーディオ>



タグは、またする<audio> src属性が省略されている場合には複数のソースを、管理する機能をサポートし、する<audio>タグ内に潜んでいる、タグ<source>はこの:





 <audio controls="controls">



  



 <source src="canzone1.ogg" type="audio/ogg">



  



 <source src="canzone2.mp3" type="audio/mpeg">



  



お使いのブラウザはHTML5で管理オーディオをサポートしていません。







 </オーディオ>



注:現在サポートされているオーディオフォーマットはMP3、WAVOGGです

下記のFirefoxで作られたスクリーンショットは以下のとおりです。

同じカテゴリの...
E -ラーニング
CSS(コース) CSS(コース)
W3C CSSやXHTMLに応じてWebデザインとアクセシビリティ。 29€から開始。
HTML(コース) HTML(コース)
29€からWeb用のマークアップ言語。
ウェブデザイン(コース) ウェブデザイン(コース)
HTML、CSSとダイナミックHTMLによるWebサイトを設計します。 39€から。
スポンサーリンク