Flash CS3/CS4に付属のFLV Playback コンポーネントだけで、FLV/F4Vファイルにキャプション(テロップ)を簡単に追加することができます。

• サンプル

仕組みはテロップ情報をXMLに持たせるだけで、コンポーネントが自動的にやってくれるというシンプルかつお手軽なものです。

手元にFLVだけがあってテロップを追加したいけど、スクリプトのスキルが足らない、お手軽に追加したいという場合には有効かもですね。

以下、具体的な作り方をチュートリアルビデオ付きで説明します。

チュートリアルビデオ　6分ぐらいで設定完了

ざっくりビデオキャプチャしておいたので、まずは参考ください。ゼロの状態から6分くらいで設定できます。

Tutorial Adding FLV Caption with Timed Text XML from clockmaker on Vimeo.

流れを簡単に紹介

• FLV Playback コンポーネントを設置
• コンポーネントインスペクタでFLV/F4Vにパスを通す
• コンポーネントインスペクタでキャプションを使えるスキンを選択
• XML(Timed Textフォーマット)を用意する
  サンプルのXMLはこれです。リンクを開いたら右クリックで、[ソースを表示]してみてください。
• FLV Playback Captioningコンポーネントを設置
• コンポーネントインスペクタでXMLにパスを通す

詳しい使い方は公式ヘルプにあるよ

詳しい使い方は公式のヘルプにも掲載されてます。チュートリアルビデオの途中のコピペしているXMLは公式ヘルプのものです。

タイムラインにFLVを置いてテロップを追加する方法もあると思いますが、このTimed Text XMLを利用する方法なら、Flash IDEを所有していないスタッフでもテロップ入力ができるので、場合によっては役立つかも知れませんね。

[Progression4]15分で作るコンポーネントスタイルサンプル from clockmaker on Vimeo.

※ビデオが小さいと思ったら、フルスクリーンボタンを押してみてください

作る際の前準備

• Flash Professional(CS3以上) を用意する
• Progression をインストールする
• 適当な写真を用意する(400×300の写真を4枚用意)

アクションパネルは一度も開いてません

このチュートリアルでは Progression のコンポーネントスタイルで作りました(流れを覚えるには公式サイトのガイドが参考になります)。ビデオを見れば分かる通り、一度もスクリプトのパネルを開かずに Flash を作り上げることができました。「Flash はスクリプトでつまずいた」という方が自分の周りに結構いるのですが、ぜひそういう方にこそ Progression で Flash をもう一度触って欲しいですね。

成果物はこちらからダウンロードできます

• 完成したスライドショー
• ソースファイル(zip)

まとめ

このシリーズのエントリーは「Progression チュートリアル」のまとめにまとめています。