サンプルソースをみながらポイントを説明していきます。
index.smil
|
<smil xmlns="http://www.w3.org/2001/SMIL20/Language"> <head> ① <!-- プレゼンテーション情報 --> <meta name="title" content="sun factory"/> <meta name="author" content="loooks"/> <meta name="copyright" content="loooks@2005"/> ② <!-- レイアウト情報 --> <layout> <root-layout backgroundColor="#ffffff" width="640" height="480"/> <region id="MainMovie" left="348" top="252" width="240" height="180"fit="meet" z-index="6"/> <region id="bgm01" left="0" top="0" width="0" height="0" fit="meet" z-index="0"/> <region id="bg01" left="0" top="0" width="640" height="480" fit="meet" z-index="1"/> <region id="title" left="23" top="19" width="517" height="73" fit="hidden" z-index="3"/> <region id="staff" left="58" top="152" width="532" height="155" fit="hidden" z-index="2"/> <region id="chara" left="29" top="109" width="157" height="117" fit="hidden" z-index="4"/> <region id="charatxt" left="203" top="122" width="324" height="70" fit="hidden" z-index="5"/> <region id="okatxt" left="347" top="108" width="240" height="133" fit="hidden" z-index="6"/> <region id="oka" left="29" top="110" width="302" height="227" fit="hidden" z-index="7"/> <region id="rogo" left="231" top="139" width="173" height="170" fit="hidden" z-index="8"/> </layout>
③ <!-- トランジション情報 --> <transition id="toWhite" type="fade" subtype="fadeToColor" fadeColor="white" dur="2s"/> <transition id="fromWhite" type="fade" subtype="fadeFromColor" fadeColor="white" dur="2s"/> <transition id="onvertical" type="barnDoorWipe" subtype="vertical" dur="1.5s"/> </head> <body> ④ <!-- クリップソース情報 --> <par> <audio src="otosora2.rm" region="bgm01" begin="0:24" end="1:20"/> <img src="template.jpg" region="bg01" end="1:20"/> <textstream src="staff.rt" region="staff" begin="0:02" end="0:22" transIn="fromWhite" transOut="toWhite"/> <img src="title.jpg" region="title" begin="0:22" end="1:06" transIn="fromWhite" transOut="toWhite"/> <ref src="character.rp" region="chara" begin="0:30" end="0:46" transIn="onvertical" transOut="toWhite"/> <seq> <video src="sunn.rm" region="MainMovie" begin="0:25" clip-begin="0:54" clip-end="0:59" transIn="fromWhite"/> <video src="sunn.rm" region="MainMovie" clip-begin="2:42" clip-end="2:47"/> <video src="sunn.rm" region="MainMovie" clip-begin="1:39" clip-end="1:44"/> <video src="sunn.rm" region="MainMovie" clip-begin="3:18" clip-end="3:23"/> <video src="sunn.rm" region="MainMovie" clip-begin="0:01" clip-end="0:10" transOut="toWhite" end="1:06"/> </seq> <textstream src="character.rt" region="charatxt" begin="0:33" end="0:47" transOut="toWhite"/> <img src="okazaki1.jpg" region="oka" begin="0:50" end="1:01" transIn="onvertical" transOut="toWhite"/> <textstream src="okazaki2.rt" region="okatxt" begin="0:53" end="1:01" transOut="toWhite"/> <img src="rogo.jpg" region="rogo" begin="1:06" end="1:20" transIn="fromWhite" transOut="toWhite"/> </par>
</body> </smil> |
①プレゼンテーション情報
著作権やタイトル情報を設定できます。
②レイアウト情報
事前に設計しておいたレイアウト情報を定義します。
ここで必要とされる要素は、座標軸と各オブジェクトの大きさ、オーバレイの順番です。
③トランジション情報
各オブジェクトの出現と消失で使用するためのトランジション（効果）を定義します。
④クリップソース情報
各オブジェクトをどのような順番でどれぐらいの時間表示するか、
どのようなトランジションをかけるか等を設定します。
loooks.rt
|
① <window type="scrollingnews"bgcolor="#ffffff"duration="0:08"scrollrate=15width="240"height="133"> ② <font charset="x-sjis" face="Osaka" size="-2">
③ <p></p><p></p> <b>制作者プロフィール</b><br><br> 名前：ルークス<br> 生年月日：4月1日<br><br> 趣味：映像と音楽<br> 映像制作暦：1年<br><br> 感想：映像制作がもっと身近なものになってくれればと思います。 ② </font> </window> |
①ウィンドウの定義
rtファイルの表示方法、背景色、RealTextの大きさ、表示時間を設定します。
②フォントの定義
フォントの種類、キャラセット、サイズを指定します。
③表示テキスト
実際にウィンドウに表示される部分です。Rtファイルの表示方法によっては、
タグの記述が必要な場合もあります。
character.rp
|
① <imfl> <head title="character" author="loooks" copyright="loooks@2005" timeformat="dd:hh:mm:ss.xyz" duration="0:55.0" bitrate="12000" width="302" height="227"/> ② <image handle="1" name="character.jpg"/> ③ <fadein start="0" duration="2" target="1" aspect="true"/> <viewchange start="2" duration="2" srcx="292" srcy="77" srcw="157" srch="118"/> <fadein start="4" duration="0.1" target="1" aspect="true" srcx="292" srcy="77" srcw="157" srch="118"/>
</imfl> |
①クリップ情報とウィンドウの定義
著作権等のクリップ情報と、ウィンドウの大きさ、表示時間、大きさ等を設定します。
②素材の定義
使用したい画像に変数を定義します。
③効果の定義
出現、消失に関する効果や、ズームイン、アウトなどの効果を定義します。
対象物の指定は②で定義した変数になります。
------------------------------ ストリーミング INDEX ------------------------------
STEP1.
STEP2.
STEP3.
Windows Media Playerのプレゼンテーション
-----------------------------------------------------------------------------
