WMPを埋め込み、DirectVobSub を使って字幕をオーバーレイ表示させる


DirectVobSub がインストールされていることを確認してください。

 
Source info.: 320x240, 500kbps, MPEG1, 30fps, 4.75MB
同期がうまくいかない場合は、いったん一時停止し、ファイルの読み込みが終了してから再生してください(注6)。
字幕のフォント設定はローカルの DirectVobSub 上で行います(注4)。

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

注1:このファイルは、ウェブページに WMP を埋め込み、DirectVobSub を使って字幕を表示させるための方法を記述しています。使用に当たっては、ローカルパソコンに DirectVobSub がインストールされていることを前提とします。DirectVobSub については染谷 (2008a, p.2 および pp. 21-27) を参照してください。
注2:対応しているメディアファイルは原則として mpg (mpeg-1, 2) および avi 形式です。
注3:字幕ファイル (SAMIファイル)はメディアファイルと同じフォルダ内に置いてください(「URL SAMI構文」や SAMIFileName パラメタを使って別のフォルダから呼び出すことはできません)。
注4:メディアファイルが読み込まれると、DirectVobSub が自動的に起動します。画面右下に DirectVobSub のアイコンが表示されるのを確認してください。このアイコンをダブルクリックすると「DirectVobSub のプロパティ」設定画面が表示されます。ここで字幕の書式設定をすることができます。このサンプルでの推奨設定は以下のとおりです。

※ DirectVobSub (auto-loading version) の「プロパティ」推奨設定
[Text Settings] で Outline, Shadow, Advanced Renderer をそれぞれ選択。
[フォント設定]
フォント名=HG丸ゴシックM-PRO (または HG創英角ゴシックUB)
スタイル=太字
サイズ= 14
色=白
文字セット=日本語
注5:全画面表示で閲覧する場合(非推奨)は、ローカルのWMPの字幕機能を「オフ」にしておいてください。ウェブページに埋め込んだままの状態で閲覧する場合はローカルWMPの字幕機能はオンでもオフでもかまいません。
注6:回線の状態やCPU性能、あるいは動画のエンコーディングの方法等の影響で、ファイルの読み込みが映像の表示に追いつかないことがあります(とくに初めてアクセスする場合)。この場合は、いったん再生を一時停止し、ファイルの読み込みが終了してから再生を開始してください。
注7:ローカルパソコンに QuickTime(またはその他のメディアプレーヤ)がインストールされている場合は mpg (mpeg) との関連付けをはずしておいてください(QuickTime は勝手に関連付けを戻してしてしまうことがあるので、できればアンインストールしておくほうがよい)。
注8:パソコンの「ハードウェアアクセラレーション」を最大 (Full) にすると最もきれいな字幕表示を得ることができます。詳しくは染谷 (2000a, p.32) を参照してください。

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 5, 2008 (HTML_Template5.html)