ビデオの同期とキャプションの追加 これまでに、Flashビデオの作成と、Webページでの表示について学習しました。次のステップは、Flashの強みを活かしてビデオをコンテンツと同期させ、ムービーの表示にキャプションを付けることになります。Flash CS3 Professionalには、テキスト、アニメーション、グラフィックおよびキャプションをビデオの時間のポイントと同期させることのできる様々な機能が用意されています。 このセクションでは、ビデオキューポイントの操作の基本や、ActionScript 3.0コンポーネントのビデオキャプションのための新機能など、コンテンツの同期とキャプションに関連する主な概念の概要を紹介します。 ビデオの同期の詳細な記事およびサンプルファイルについて詳しくは、「Flash video templates*」ページを参照してください。 ビデオキューポイントに
Flash playerは動画再生時にcuePontイベントによって様々な操作とビデオを同期させる事が出来ます。 cuepointにはFlvエンコード時に直接ビデオに埋め込む、埋め込みキューポイントと、外部に記述するキューポイントがあります。 今回、埋め込みキューポイントを利用してFlexのVideoDisplayコンポーネントで再生するビデオにあわせキャプションを表示するアプリケーションを作ってみたので、スクリプトを簡単にまとめておきます。 アプリケーションはリスト上のサムネイルを選択することで再生を開始するようにしています。 例えば、myVideoに表示するflvのキューポイントを利用してTextコンポーネントのmyTextにキューポイントの名前を表示する場合、こんな感じにイベントリスナーを設定すれば、キューポイントのタイミングにあわせて、キューポイント名が表示されます。 public
CREATIVEHOPE Web Issue クリエイティブホープの社員ブログ Web Issue(ウェブ イシュー)はクリエイティブホープの社員が「Webのプロ」としての視点で語るブログです。Webに関する知識や技術など実務に役立つノウハウから、日々感じている素朴な疑問まで、様々な情報を発信していきます。 マキータです。Flash CS3(ActionScript3.0)では、動画再生のClosedCaption機能としてFLVPlayBackCaptioningコンポーネントが搭載されています。 つまりこれを使えば労せずして字幕機能が可能になるわけですね。 その字幕データというのはXMLデータでもっておきます 記述例は下記の通り。 bodyタグの中に記述しているように、データの表示タイミングを時間で設定できます。 その他にTimed Text(tt)タグを使用してスタイルも設定できたり
わーい。 前のブログでちょっと検索があったので、何回かに分けて、 Flashで自作のムービープレーヤーを作る方法をWeb上に残しておきたいと思います。 あんまり難しくないのでぬるくまったりいきましょう~。 ◆何が再生できるの? 色んな種類のムービー形式・エンコードありますが、Flashで再生できるのは 1)FLVファイル。拡張子FLV。 2)H.263(Flashプレーヤーのバージョン0.9.115.0から~)拡張子mp4等 です。それぞれのファイルの作り方は色んな方法があって また、お金のかかる物(ソフト使用)から、フリーな物まで色々あるので 「FLV 作り方」等で検索してみてください。 私はPremiereでFLV、TMPEGEncっていうソフトでmp4にしてます。 ◆どうやって再生しよう? さぁ~やりたいけれど何をしたらいい分からないっ><って言う所からスタートします。 まず、Fla
Flash CS3/CS4に付属のFLV Playback コンポーネントだけで、FLV/F4Vファイルにキャプション(テロップ)を簡単に追加することができます。 サンプル 仕組みはテロップ情報をXMLに持たせるだけで、コンポーネントが自動的にやってくれるというシンプルかつお手軽なものです。 手元にFLVだけがあってテロップを追加したいけど、スクリプトのスキルが足らない、お手軽に追加したいという場合には有効かもですね。 以下、具体的な作り方をチュートリアルビデオ付きで説明します。 チュートリアルビデオ 6分ぐらいで設定完了 ざっくりビデオキャプチャしておいたので、まずは参考ください。ゼロの状態から6分くらいで設定できます。 Tutorial Adding FLV Caption with Timed Text XML from clockmaker on Vimeo. 流れを簡単に紹介 F
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く