2009-06-05

Chromeのvideoサポートのまとめ 付audioの解説

まず、HTML5のvideoから説明する。これは、単純にvideoなるelementを使う。説明するよりも、サンプルコードをみせた方が早い。

<video width="640" height="480" controls="controls" poster="poster.png" src="video.mp4" />

例えば、上のようになる。説明が必要ないぐらい簡単だと思う。widthやheightは言わずもがなだし、controls属性を指定した場合は、動画を再生を制御するコントロールを表示することをブラウザに指示する。posterは、動画を再生を始めていない時に、まず表示しておく画像へのURLだ。srcが実際の動画へのURLになる。

Chromeは、デコーダーとして、ffmpegを利用しているので、ほとんどの動画のコンテナ、コーデックが再生できる。現在、すこしstabilityに問題があるが、これはDev版だからで、すぐにまともになるはずだと信じている。

ところで、Chromeはまだサポートしていないが、HTML5には、audioもある。これはvideoとほとんど変わらないが、widthやheightなどの属性がなくなっている。どうしても指定したい場合は、style属性で指定することになるだろう。

No comments:

Post a Comment

You can use some HTML elements, such as <b>, <i>, <a>, also, some characters need to be entity referenced such as <, > and & Your comment may need to be confirmed by blog author. Your comment will be published under GFDL 1.3 or later license with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.