ビデオキャプションの使い方

Table of Contents

クローズドキャプションロゴ

この記事を読んでWAIについて知ろうと思ったとき、「う。。。」と文字量の多さにビックリした方は、こちらの紹介ビデオを観るほうが早いです。

でも、「英語。。。」とガックリした方に!

ビデオキャプション、使ってる?

外国映画にある字幕のようなものですが、厳密には違います。

正式名称は、クローズドキャプション(Closed captioning)。

クローズドキャプションロゴ

主に聴覚障がい者や難聴の人がテレビ放送や映像ソフトを楽しむためアメリカ合衆国で開発された米国方式のキャプション表示技術であり、視聴者側の設定で表示・非表示を切り替えられるのが特徴である。通常は番組内の音声箇所の文字起こしで使われ、たまに音声以外の説明が入ることもある。他の用途としては、映像に収録済みの主音声内容を代替言語で文字翻訳して提供するものがある。

現在最も親しまれているロゴは、テレビの枠内にクローズドキャプションの頭字語「CC」が入った図象である。

日本の字幕放送や文字多重放送とは異なる技術となっている。

「クローズドキャプション」(2020年10月19日 (月) 15:59 UTCの版)『ウィキペディア日本語版』

キャプション(caption)は「映画やテレビの字幕、雑誌の説明文」という意味ですが、クローズドキャプション(CC)の特徴は以下の通りです。

  • 字幕の表示・非表示の切り替えができる
  • 音声が聞こえない、聞こえにくい人のためのツール
  • 話者名や音情報が表示される 例:ガーガーガートラクターの音 のように

ちなみに、Webデザインの仕事をしていた方なら、CC=「クリエイティブ・コモンズ・ライセンス」のマークで、この動画は自由に使っていいんだ!と思わないように、注意が必要です。

クリエイティブ・コモンズ・ライセンスロゴ

字幕とキャプションとクローズとキャプション

  1. 字幕は、映像で話している言葉をテキスト文字にしたものです。
  2. キャプションは、字幕の他、「ガシャーン!」など、背後の音声など”音”情報を追加したものです。
  3. クローズドキャプションは、キャプションの表示、非表示ができます。

キャプションの使い方(多言語ファイルが用意されている場合)

youtubeを例題に説明します。
多言語キャプションが用意されているこちらビデオをご参考に。
Video Introduction to Web Accessibility and W3C Standards (4 minutes)

画面左下の「CC」アイコンをクリックします。

CCがグレーアウト

youtube制作者が用意した各言語ファイルを選択できます。

多言語ファイルの中から自国言語を選択する

今は英語が選択されているので、日本語をクリックします。

キャプションが日本語に変わった様子

キャプションが日本語に変わりました。

キャプションの使い方(多言語ファイルが無い場合)

キャプションはありますが、多言語ファイルが用意されていないビデオを日本語に翻訳する方法について、以下ビデオをご参考ください。
Web Accessibility Perspectives: Video Captions

画面左下の「CC」アイコンをクリックします。

CCアイコン

操作パネルの上に英語キャプションが表示されます。

操作パネルの上に英語キャプションが表示されている様子

ブラウザでクローム(Chrome)を使っていれば、マウスの右クリックで「日本語に翻訳」をすると、日本語が表示されます。

このように、キャプションが1つでも用意されていれば、自国の言葉でビデオを観ることができます。聴覚障がい者はもちろん、静かな環境や音声デバイスがオフの場合など。

動画を制作するとき、VTTファイルも一緒に制作するように心がけたいものです。

多くの言語ファイルがあれば、アクセシビリティが高くなりますが、日本語1つでもあれば、各ブラウザの翻訳機能で訳すことができます。

あらゆる場面であらゆる人が当たり前に動画が見れるように心がけましょう。

Web ビデオテキスト・トラックフォーマット (WebVTT) とは

日本語で分かりやすく説明されているWebサイトを見つけられなかったので、今回はMDNから引用します。

Web ビデオテキストトラックフォーマット (WebVTT) は、<track> 要素を使用して時間指定のテキストトラック(字幕やキャプションなど)を表示するためのフォーマットです。 WebVTT ファイルの主な目的は、テキストオーバーレイを <video> に追加することです。WebVTT はテキストベースのフォーマットであり、UTF-8 を使用してエンコードする必要があります。スペースを使用できる場所では、タブも使用できます。これらのトラックと、正しい時間にテキストの再生を実行するために必要なデータを表現および管理するために使用できる小さな API もあります。

2021年5月21日, by MDN contributors / Web ビデオテキストトラックフォーマット (WebVTT) – Web API | MDN 

Web ビデオテキスト・トラックフォーマット (WebVTT)について、こちらの記事で詳しく書きました。

google 広告