SMIL メディア要素
- 前のページ SMIL 切り替え
- 次のページ SMIL リファレンス
SMIL はメディア要素を使用して内容を説明します。
Media 要素
以下のメディア要素を使用して SMIL ドキュメントにメディアオブジェクトを含めることができます:
要素 | 説明 | Ver |
---|---|---|
<animation> | アニメーションを定義します。 | 1 |
<audio> | オーディオスレッドを定義します。 | 1 |
<brush> | ブラシを定義します。 | 1 |
<img> | 画像を定義します。 | 1 |
<param> | パラメータを定義します。 | 1 |
<ref> | 一般的なメディア参照を定義します。 | 1 |
<text> | テキストを定義します。 | 1 |
<textstream> | テキストストリームを定義します。 | 1 |
<video> | ビデオを定義します。 | 1 |
Media 属性
SMIL ドキュメント内の各メディアオブジェクトを含めるには、src 属性の参照(URL)を使用する必要があります。src 属性は、メディア要素で最もよく使用される属性です。
type 属性は、メディアタイプを定義するために使用されます。type 属性が無視された場合、アプリケーションはサーバーが提供するタイプ情報に依存します。開発者はファイル拡張子に依存してファイルタイプを定義すべきではありません。
属性 | 説明 | Ver |
---|---|---|
erase | 計時が完了した後にこの要素の行動を定義します。 | 1 |
src | メディアオブジェクトのソースを定義します。 | 1 |
type | メディアタイプを定義します。 | 1 |
完全な SMIL 要素と属性リストについては、以下のURLにアクセスしてください CodeW3C.com SMIL リファレンスマニュアル。
<animation> 要素
<animation> 要素は、ベクターグラフィックや他の形式で保存されたアニメーションオブジェクトの参照を定義します。
《animation》要素と《animate》要素を混同しないでください。《animation》要素は、参照を通じてアニメーションオブジェクトを定義します。一方、《animate》要素は、他の要素のアニメーション表示を定義します。
<audio> 要素
<audio> 要素は、録音された音声で保存された音声オブジェクトの参照を定義します。
例:
<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> </head> <body> <t:audio src="liar.wav" repeatCount="indefinite" type="wav" /> </body> </html>
<brush> 要素
<brush> 要素は、塗りつぶし色や塗りつぶしパターンを定義します。
この要素は、メディアオブジェクトを代替する色やパターンを定義します。
<img> 要素
<img> 要素は、JPG または他の画像形式で保存された画像オブジェクトの参照を定義します。
例:
<img src="myimage.gif" type="GIF" />
<param> 要素
<param>要素は、他のメディア要素のパラメータを定義します。
例:
<param name="color" value="red" />
<ref>要素
<ref>要素は、一般的なメディア要素の参照を定義します。
メディアタイプがよく定義されていない場合に<ref>要素を使用できます。
<text>要素
<text>要素は、テキストを格納したテキストオブジェクトの参照を定義します。
<textstream>要素
<textstream>要素は、テキストストリームとして格納されたテキストオブジェクトの参照を定義します。
<video>要素
<video>要素は、録画されたビデオを格納したビデオオブジェクトの参照を定義します。
例:
<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> </head> <body> <t:video src="http://www.ananova.com/about/vap_windows_check.wmv" repeatCount="indefinite" type="wmv" /> </body> </html>
- 前のページ SMIL 切り替え
- 次のページ SMIL リファレンス