カテゴリー: 11月 2010

動画の字幕付けが簡単にできる UniversalSubtitles.org

Universal Subtitles ロゴ昨日のトニーとマットの動画に字幕をつけるときには UniversalSubtitles.org というサービスを利用しました。これ、前に紹介した似たタイプのサイト dotSUB よりも使い勝手が良くてかなり気に入っています。

まずは短い Universal Subtitles の紹介動画をどうぞ。

(外部リンク: YouTube の動画リンク(字幕なし)、UniversalSubtitles.org の日本語字幕付き動画リンク

dotSUB との違い

dotSUB との大きな違いはまず、動画ファイルをアップロードしなくて良いこと。かなりの時間の節約になりますし、YouTube、Blip、Dailymotion などにアップロードしてある動画や Ogg、WebM、FLV 形式の動画 URL を字幕用に別のところに置く必要がなくなります。

作業の流れも少し異なっています。Universal Subtitles ではまず(同期は気にせずに)どんどん字幕を記入していきます。その後、動画を通して見ながらキー操作で字幕ブロックの開始ポイントを指定します。細かい調整の際には秒数を手で入力する必要はなく、マウス操作でタイムライン上の字幕表示部分を動かすだけです。

先日の動画は原文のトランスクリプトなしで日本語だけ入力しましたが、これが無理なくできるのも dotSUB より使い勝手が良い点。トランスクリプトがあれば Google Translate のざっくりした訳をベースに使える機能もあります。

プロジェクトについて

UniversalSubtitles.org は Miro を作った非営利団体 Participatory Culture Foundation のプロジェクトのひとつ。字幕付けウィザードなどのソースコードはすべて github の mirosubs という名称で AGPL ライセンスのもとに公開しています。字幕検索・配信のプロトコルも開発中とのことなので、ブラウザの拡張機能やサイトに組み込まれていけばよりアクセシブルな動画の広まりに期待できそうです。

日本語字幕をデフォルト表示

提供される埋込みコードをそのまま貼り付けた場合、元言語の字幕(ない場合は非表示)で再生されるため、翻訳を表示するには動画の下のドロップダウンを操作する必要があります。

2011年8月4日追記: 現在の仕様では、http://www.universalsubtitles.org/ja/videos/... というような日本語の動画のパーマリンクを表示させた場合、日本語字幕がデフォルトのスクリプトがコピーできるようになっているので下記のコード変更は必要ないようです。

デフォルトで日本語字幕を表示させたい場合は、埋め込みコードを一部変更して base_state に言語設定を追加する必要があります。

({
"base_state": { "language": 'ja' },
"video_url": "http://www.youtube.com/watch?v=15TP8QvtG9M"
})

優れた動画には心を動かすパワーがありますが、その感動を伝えたい!というとき、言語や時には音声が壁になってしまうこともあります。かといって翻訳した動画を一から作るのはテキストを翻訳するほど簡単なことではないです。

Universal Subtitles は本当に簡単に使えるので、短い動画でちょっと試してみてはいかがでしょうか。日本語の動画を他の言語で紹介するのも良いですしね。

タグ, , , ,

WordPress の全体像が分かる動画2本(字幕付き)

最近公開された動画で、WordPress の現在の規模や全体像がよく分かるものが2つ出てきたので字幕をつけてみました。まとめて紹介します。

トニー・シュナイダー @ Web 2.0 Summit

一つ目は、先日行われた Web 2.0 Summit での Automattic CEO トニー・シュナイダーの講演。ブログツール、そして CMS ツールとしても世界トップレベルに成長した WordPress のエコシステムを間近で眺めてきた彼が感じる「4つのオンラインパブリッシングのトレンド」が語られています。

(外部リンク: YouTube の動画リンク(字幕なし)、UniversalSubtitles.org の日本語トランスクリプト付き動画リンク

トニーが挙げている4つのトレンドは、以下のとおり。

  • ブログから「Web サイト」への進化
  • 検索エンジン最適化(SEO)からソーシャルメディア最適化(SMO)への移り変わり
  • モバイルパブリッシング
  • オンライン・アイデンティティのコントロール

それぞれ詳しくは動画を見ていただきたいのですが、このトレンドの見方自体が WordPress というソフトウェアの DNA を表しているなと思います。基本としてあるものは、トニーも言っているように「パブリッシングの民主化」。誰もが発信元としてアクセスできるパブリッシングプラットフォームを確立させるのが WordPress のミッションであり、Automattic もそのゴールを共有しています。

先日 Packt Publishing が主催したオープンソース CMS アワードの「殿堂入り」を果たした WordPress ですが、Twitter、Facebook などの新しいサービスが出てきても、ブログよりもサイトの一部としての投稿機能が大事にされるようになっても、そしてモバイルへユーザーがシフトしていったとしても、WordPress の根っこは変わらず、その変化を取り入れてその時々のベストのプラットフォームを目指していくはずです。

マット・マレンウェッグ と WordPress の歴史・背景

二つ目の動画は各地の WordCamp や Automattic ラウンジなどの画像を含めてまとめられていて飽きずに見られるはずです。WordCamp Kyoto 2009 の場面も少しだけ登場します!


(外部リンク: YouTube の動画リンク(字幕なし)、UniversalSubtitles.org の日本語トランスクリプト付き動画リンク

先日 Facebook 創始者マーク・ザッカーバーグが主役の映画「ソーシャル・ネットワーク」を見た後にも思ったのですが、WordPress の生まれ育った背景やマットの人物像はハリウッドムービーよりも教育番組のドキュメンタリー向けかもしれませんね。実際この動画を作成した KTHE はベイエリアの非営利テレビ局です。

よーく見ると WordPress.com/WordPress.org/Automattic について混乱している説明も一部あるようですが、全体的には WordPress のビジョンやゴールがよく分かる構成になっています。もちろん、どんなに理想的なゴールがあっても使いやすく良いツールやサービスでなければ意味がないですが、こういった背景があるということを知ると単なるツールではないと感じられてまた面白さも増すのではないでしょうか。

タグ, , ,

Gravatar ホバーカードを WordPress に追加する一行コード

WordPress.com でデフォルト機能となっている Gravatar ホバーカード。これをインストール型 WordPress に追加するには、現在使っているテーマの functions.php に以下の一行を追加してみましょう。

wp_enqueue_script( 'gprofiles', 'http://s.gravatar.com/js/gprofiles.js', array( 'jquery' ), 'e', true );

あら不思議、こんなことになります(画像上でマウスオーバーしてみてください)。


このスクリプトは Gravatar 画像に対してすべて有効になるので、上のようにサイト内に画像を埋め込んだ場合はもちろん、コメント投稿者のアバターに自動的にすべてポップアップをつけることができます。

以下はコメント欄の例。

Gravatar ホバーカード

名前のリンクをクリックすると、Gravatar.com 内のプロフィールページに移動します。Gravatar を登録している方は、プロフィールページの更新をお忘れなく。

関連記事