プレーヤの横に大きく字幕フレームを開く


このページは Internet Explorer (Ver. 6 or above) で閲覧してください。

 


字幕はここに表示されます。

Source Info.: 320x240, 1983kbps, WMV9, 5.31MB

解説付きのソースコードを開く | SAMIファイルを開く

注1:このビデオに関する説明や指示などの本文をここに挿入します。この本文に対するインラインのスタイル要素は適宜変更してください。
注2:このサンプルでは、字幕を文単位で表示し、現在位置をチャンク単位で動的に示しています。現在チャンクの表示は、(1) 色+太字、(2) 下線、(3) 背景色、の3つの方法で例示しています。字幕後半部は、先行する文を消去せずに複数の文を積み重ねていく例を示しています。
注3:上記の3つの方法のうち、(1) (2) は HTMLタグを使い、(3) はスタイルシートを使っています。具体的な指定方法については SAMI ファイルを参照してください。

HTML_Template1.html (単一言語クラス)
HTML_Template2.html (言語クラスを選択) > Click to see sample from The Wizard of Oz
HTML_Template2B.html (言語クラスと文字クラスを選択)
> HTML_Template3.html (プレーヤの横に字幕フレームを開く)
HTML_Template3B.html (パワーポイントスライドを動画化したスライドショー)
HTML_Template4.html (縦書き表示)
HTML_Template5.html (DirectVobSub を使って字幕を表示)
HTML_Template6.html (フォントサイズを相対指定)
HTML_Template7.html (「ハードサブ」動画の配信)

関連論文
染谷 (2008a) 「動画への字幕の挿入について: 英語教員のための Do-It-Yourself マニュアル (1)」
染谷 (2008b) 「字幕付き動画のオンライン配信について: 英語教員のための Do-It-Yourself マニュアル (2) 」
染谷 (2008b, Appx) 「パワーポイントスライドの動画化について」 (染谷2008b 付録)
染谷 (2008c) 「ハードサブ動画の作成について: 英語教員のための Do-It-Yourself マニュアル (3)」
染谷 (2008d) 「字幕付き動画作成のための SAMI ファイルの作成・編集について: 英語教員のための Do-It-Yourself マニュアル (4)」
染谷 (2008d, Appx) 「Windows Media ファイルエディタを使った動画ファイルの編集について」 (染谷2008d 付録)


This page was created by Yasumasa Someya, June 30, 2008 (HTML_Template3.html)