WMP を HTML ファイルに埋め込み、字幕表示させる(複数言語クラス用)


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


                       Source Info.: 640x480, 521kbps, WMV9, 2.98MB
言語選択ボックス

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

注1:言語選択ボックスの初期値は日本語になっています。英語の字幕を表示させる場合は English を選択してください。再生途中で言語選択を変更した場合、次の同期ポイントから字幕表示が変わります。うまく同期がとれない場合はいったん映像を更新 (refresh) してから再生してください。
注2:対応するメディア形式は原則として wmv のみになります。mpg (mpeg-1, 2) および avi でも動きますが、動作が不安定になることがあります(この場合は、いったん動画ファイルのダウンロードが終了してから再生してください)。
注3:DirectVobSub などの字幕用プラグインがインストールしてある場合は、あらかじめそれをオフにしておいてください(mpg および avi を再生する場合)。

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 script (HTML_Template2.html) was writtenh by Yasumasa Someya, June 30, 2008,
based on a sample script provided in "Adding Closed Captions to Digital Media" (Kim Vum, Microsoft Corp., August 2001).