1. アジェンダ Windows Media 9 Series メタファイルと再生リストファイル Flash Communication Server Streaming 用 ActionScript の記述 2

Size: px

Start display at page:

Download "1. アジェンダ Windows Media 9 Series メタファイルと再生リストファイル Flash Communication Server Streaming 用 ActionScript の記述 2"

れんかしげまつ
7 years ago
Views:

1 ストリーミングシステム (Ⅰ) プロトコルとコンテンツ制作 ( 有 ) クロスエッジシステムズ渡辺敦 [email protected] 1

2 1. アジェンダ Windows Media 9 Series メタファイルと再生リストファイル Flash Communication Server Streaming 用 ActionScript の記述 2

3 2.Windows Media 9 メタファイルと再生リストファイル Windows Media9 では従来からの ASX ファイルをメタファイルとして使いますまた 9 からは再生リストと呼ばれる一部 SMIL をサポートしたファイル形式が導入されました ASX ファイル ( 拡張子.asx) Web ブラウザから Windows Media Player に制御を移すためのメタファイル Windows Media Player のみが読解可能な XML マークアップ言語で記述される再生リストファイル ( 拡張子.wsx) W3C 標準の SMIL 記述とは少し異なる Windows Media Service では再生リストと呼ばれているローカルでは再生できない 3

4 3.ASX ファイルで可能なことタイトルコピーライト表示などのメタ情報の付加複数のメディアの連続再生繰り返し再生再生時間の指定再生開始時間の指定静止画像の表示ハイパーリンクの付加イベント HTML の表示 4

5 4. 再生リストファイル (SMIL) で可能なことタイトルコピーライト表示などのメタ情報の付加複数のメディアの連続再生繰り返し再生再生時間の指定再生開始時間の指定静止画像の表示ハイパーリンクの付加 5

6 4.ASX ファイルと SMIL ファイルの関係 SMIL ファイル (WSX ファイル ) へのパスを記述 ASX ファイル Windows Media ファイルを指定 SMIL ファイル (WSX ファイル ) HTML ファイル ASX ファイルへのパスを記述 Windows Media ファイル 6

7 6.ASX ファイルの基本的な記述方法とタグの間にタグとタグを記述しその間にタグでメディアファイルのロケーションを指定する大文字小文字は区別しません 7

8 7. イベント (1) イベントとは Windows Media エンコーダーのスクリプトパネルで挿入されたラベルと ASX ファイル内の EVENT 要素で定義された name 属性を関連させて EVENT 要素で定義された動作をさせるものですエンコーダー側ユーザー設定スクリプトコマンド 8

9 8. イベント (2) スクリプトパネルの拡大図 event と入力任意の文字列ここでは ad と入力 9

10 9. イベント (3) ASXファイル側この場合最初にeventtest.wmvが再生されますがエンコーダー側のeventを挿入した時間でプレーヤーはそのname 属性の値がadになっている <event> 要素を実行しますしたがってこの場合は ad.wmvが再生されますまた whendone 属性がresumeになっているので ad.wmvが終了した後は再び eventtest.wmvが一時停止した時点から再生されます 10

11 10. イベント (4) whendone 属性の値 resume next break 現在の項目 ( イベントに割り込まれたクリップ ) の再生を再開コンテンツがライブ場合は現在位置から再開されますイベントが発生せずにかったかのように次の ENTRY 要素が再生される現在の項目が REPEAT ループ内にある場合は繰り返しの回数が終了したかのようにループが終了しますループ内にない場合は最後の項目が通常どおり終了したかのように再生リストの最後にジャンプします 11

12 11. 他のスクリプトスクリプトパネルの拡大図 URL: メディアファイルと連動してブラウザーに表示させたい URL を挿入する TEXT: プレーヤーに表示させたい自由形式のテキストを挿入する 12

13 12. スクリプト挿入における注意点 (1) Windows Media Player9 ではセキュリティの強化 (?) がなされていてプレーヤーのツール -> オプション -> セキュリティでスクリプトの実行をするかどうかを設定できます単体プレーヤーでの動作 Embeded 型プレーヤーでの動作 13

14 13. スクリプト挿入における注意点 (2) 単体プレーヤースクリプトコマンドが含まれている場合は実行するオプションのチェック Embeded プレーヤープレーヤーを Web ページ内で使用しているときはスクリプトコマンドとリッチメディアストリームを実行しないオプションのチェック 14

15 14.HTML の表示 (1) Web コンテンツを Windows Media Player に表示する機能を HTMLView と呼びますこの機能は Player9 以外では動作しません以下のように <param/> タグで表示したい HTML ページを指定します <ref/> タグでは Windows Media オーディオファイルを指定していますこの場合 HTML ページが Windows Media Player に表示されさらにオーディオが流れます 15

16 15.HTML の表示 (2) HTMLView に表示する HTML の中に WMP ActiveX コントールを追加するエンベッド型プレイヤーと異なり <object> タグの url パラメータは使わないビデオは ASX ファイルの <ref/> タグで指定するページサイズは 575x345 が推奨されている <html> <body bgcolor="white"> これはテストです <br> <object id = "Player" CLASSID = "CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="autostart" value="true"> <param name ="uimode" value ="none">  </object> </body> </html> 16

17 16.HTML の表示 (3) ASX ファイルは <param> タグの name 属性に HTMLView を指定する value 属性で表示したい url を指定する <asx version="3.0"> <param name="htmlview" value=" <entry> <ref href="video.wmv"/> </entry> </asx> 17

18 19.HTMLView と Embeded プレーヤー HTMLView HTMLView HTML ASX HTML Embeded Player HTML ActiveX url ASX uimode full mini ASX ActiveX url uimode none 18

19 18.HTMLView におけるスクリプト挿入の注意点単体プレーヤースクリプトコマンドが含まれている場合は実行するオプションのチェック HTMLView Embeded プレーヤープレーヤーを Web ページ内で使用しているときはスクリプトコマンドとリッチメディアストリームを実行しないオプションのチェック 19

20 19. 再生リスト (SMIL) の基本的な記述方法以下は再生リスト (SMIL) の基本的な記述方法ですが W3C 規格の SMIL の記述方法とは若干異なります <?wsx version="1.0"?> <smil> <media src="racecar_300.wmv"/> <media role="advertisement" noskip="true" src="encoder_ad.wmv"/> <media src="snowboard_300.wmv"/> <media src="industrial.wmv" /> </smil> 拡張子は.wsx としますファイルの 1 行目に <?wsx version= 1.0?> と記述します大文字小文字は区別しません 20

21 20. 再生リストの編集 Windows Media Service9 には再生リストエディタが付属しています再生リストエディタは Windows Media サービス管理コンソールのソースタブを開き再生リストエディタの表示をクリックします再生リストエディタの表示エディタが開きます 21

22 21. 再生リストの要素再生リストの要素には以下があります要素 smil media seq switch excl priorityclass clientdata 機能 SMIL であることを示しますメディアの場所を指定します順次再生の再生順を指定します代替コンテンツを指定します排他的な再生順を指定しますあるコンテンツが別のコンテンツの再生を中断する方法や中断されたコンテンツの状態を制御します説明テキストバナーログ情報を再生リストのコンテンツと関連づけます 22

23 22. 再生リストの具体例 (1) media 要素の具体例を示します Src 属性でメディアファイルのパスを指定します Role 属性には任意の値を設定できその値でログに記録されますが advertisement だけは特別な意味を持ちこの値をもつメディアがストリーム配信されるたびに Windows Media サービスの管理コンソールのモニタの広告の値が 1 つずつ増えます 23

24 23. 再生リストの具体例 (2) switch 要素の具体例を示しますこの場合通常は media1 の再生が終了すると media3 の再生に移動しますが Media1 がうまく再生できない場合に代わりに media2 を再生してから media3 に移動しますその場合 WMReconnect=0 によってすばやく切り替わります 24

25 24. 再生リストの具体例 (3) excl 要素の具体例を示します excl 要素内のメディアは再生順が決まっておらず属性によって再生順が決まりますこの例では media2 が最初に再生され media3 media4 media1 の順番で再生されます 25

26 25.Flash Communication Server Flash Communication Server はストリーミング専用サーバーではなくクライアントを Flash Player とする汎用アプリケーションサーバーであるしたがって WMT Helix とことなり Flash 用のスクリプト ( アクションスクリプト ) を記述してプレーヤーおよびエンコーダー等の機能を実装することになります Flash Communication Server Flash Player エンコーダー機能実装スクリプト Flash Player メディアプレーヤー機能実装スクリプト ( サーバーサイドスクリプトを実装することも可能 ) 26

27 26.Flash Communication Server サーバーの設定ここでは VideoStream としています %FCS% flashcom applications ディレクトリにアプリケーション名をつけたディレクトリを作成します 27

28 27.Flash Communication Server エンコーダーの実装 (1) フレーム 1 にスクリプトを書きますライブラリから新規ビデオを作りそれをステージ上に配置しインスタンス名を localvideo とする 28

29 28.Flash Communication Server エンコーダーの実装 (2) NetConnectionオブジェクトを生成しイベントハンドラメソッドonStatusを定義しますここにサーバーからの応答により処理を分ける記述をします接続が成功した場合は NetConnection.Connect.Successという文字列が返されるのでビデオの配信メソッドpublishVideo() を呼ぶようにしますこのメソッドはユーザー定義メソッドです定義が終了したら実際にアプリケーション名を指定してサーバーに接続します 29

30 29.Flash Communication Server エンコーダーの実装 (3) 実際にビデオをサーバーにストリーム配信するメソッドであるpublishVideo() の定義をします NetConnectionオブジェクト上にストリーム回線であるNetStreamオブジェクトを生成しますこれに取得したカメラを割り当て publish() メソッドで配信をします Publish() メソッドの引数にはストリーム名を指定しますこれは受信側でストリームを識別するためのものです 30

31 30.Flash Communication Server メディアプレーヤーの実装 (1) 受信側でも同様に NetConnection オブジェクトを生成し onstatus イベントハンドラメソッドを定義し connect メソッドでサーバーに接続をしますまた受信側では recievevideo() というユーザー定義メソッドで受信したビデオをプレーヤーに表示します 31

32 31.Flash Communication Server メディアプレーヤーの実装 (2) 受信用の NetStream オブジェクトを NetConnection 上に生成しますそれをステージ上のビデオインスタンスに割り当ててプレイメソッドで配信時の名前を指定します 32

33 32.Flash Communication Server 帯域幅の制御 setquality(bandwidth, quality) bandwidth 33

34 33.Flash Communication Server 接続数の制御 (1) Flash Communication Server main.asc main.asc UTF-8 JavaScript ECMA-262 Flash Communication Server videostream2 main.asc 34

35 34.Flash Communication Server 接続数の制御 (2) Application applicatin onconnect Client application.clients.length true false 35

36 35.Flash Communication Server オンデマンド配信 (1).idx Flv Sorenson Squeeze for Flash MX Flash MX.flv %FCS% flashcom applications アプリケーション名 streams _definst_ というディレクトリにオンデマンド用のファイルを置く 36

37 35.Flash Communication Server オンデマンド配信 (2) 37

38 Windows Media 9 1.Media HTML 2.SMIL 3. Flash Communication Server 1. Action Script 2. Script 3. Script 38

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション情報システム基礎演習 B 2016/01/28 (Thurs.) テーマ 4 JavaScript による電卓 Web アプリを作成しましょう健山智子 ([email protected]) 広島工業大学情報学部知的情報システム学科知的情報可視化戦略研究室 (ival) 講義のアウトライン 2 1. グループの決定 : 1. 5 人での 6 グループ ( ランダム