SMIL - RealVideo & RealText

最終更新日:2006年11月29日

 

 

  1. ビデオ映像:上、テキスト分:下

1.ビデオ映像:上、テキスト分:下

 SMILファイルを記述します。
ここで使用するビデオ映像は、家族のページ『まゆっちのお部屋』で使用しているものです。

<smil>
    <head>
        <meta name="title" content="suberidai"/>
        <meta name="author" content="mayu-tyan & Seagull"/>
        <meta name="copyright" content="(c) 1998,1999 Seagull's Home"/>
        <layout>
            <root-layout height="162" width="160"/>
            <region id="videoregion" left="0" top="0" height="112" width="160"/>
            <region id="textregion" left="0" top="112" height="50" width="160"/>
        </layout>
    </head>
    <body>
        <par>
            <video src="rtsp://member.nifty.ne.jp/pix/media/suberi.rm" region="videoregion" fill="freeze"/>
            <textstream src="http://www.eizou.info/real/smil/smilsmp1.rt" region="textregion" fill="freeze"/>
        </par>
    </body>
</smil>

<smil>.....</smil> => SMILの始まりと終わりを指定。(必須)
<head>.....</head> => タイトル、表示レイアウト等の指定宣言。
<body>.....</body> => クリップ、表示レイアウトとファイルの関連付け等の指定宣言。

<meta name="title" content=".."/> => タイトルを記述。
<meta name="author" content=".."/> => 作者名を記述。
<meta name="copyright" content="(c) 1998,1999 ..."/> => 著作権等の情報を記述。

<layout>.....</layout> => 映像、画像、テキスト表示などのレイアウト配置の宣言。
<root-layout height="162" width="160"/> => 表示する範囲全体のサイズを指定。単位はpixel。
<region id="videoregion" left="0" top="0" height="112" width="160"/> => 『root-layout』で指定した範囲内で、idで指定するクリップの表示位置を指定。
この場合、"videoregion"というidでビデオ映像範囲を、「左詰め、上詰め、高さ:112pixel、幅:160pixel」で指定。単位はpixel。(idは何でも良い)
<region id="textregion" left="0" top="112" height="50" width="160"/> => 同様に、"textregion"というidでテキスト表示範囲を、「左詰め、上から112pixel、高さ:50pixel、幅:160pixel」で指定。単位はpixel。(idは何でも良い)

<par>.....</par> => パラレル再生(並列/同時再生)を指定。
<video src="..." => このクリップ(ビデオ)のURLを指定。
region="videoregion" => 上記レイアウト指定(ビデオ表示位置)と関連付けるための指定。
fill="freeze"/> => 再生終了後には、表示をそのままにしておくように指定。
<textstream src="....." => このクリップ(テキスト)のURLを指定。
region="textregion" => 上記レイアウト指定(テキスト表示位置)と関連付けるための指定。
fill="freeze"/> => 同上。

smilsmp1.rtの内容は、テキストファイルとしてsmilsmp1.txtでみれます。

この内容を記述したファイルを拡張子.smiとして保存する。
これで、SMILファイルは完成です。
SMILファイルをページへリンク設定。
このサンプルを再生する => Click Here!!

 

トップページへ> <SMILのトップページへ

(C)Copyright 1998,2000 seagull's Home. All rights reserved