alt » スクリーンキャスト

スクリプトを使ったFlashアニメーションをWMVにしたいとき

alt — Fri, 06 Feb 2009 05:44:43 +0000

かっちょいいFlashアニメーション（SWF）作ったとして、
SWFが再生できない環境の人にWMVかMPEGの形式で渡したいときはどうするか。

で、
Flash CS3なら「ファイル」→「書き出し」→「ムービーの書き出し」とかでAVI出力できますが
かっちょいい演出のためにタイムラインにスクリプトを織り交ぜたり、入れ子構造にして制作したときはアウトです。たぶん。
書き出したファイルはスクリプトが反映されていないヘンテコリンな動画になっちゃいます。

僕が思いついたやり方は２つ。
１．動画変換ソフトでSWFからWMVにする
２．SWFを再生してスクリーンキャプチャーソフトで録画する

１．
ある意味キャプチャー方式なのですがここらへんを参考に
Magic Swf2Avi、Flash2Video、swf>>aviで
変換してみたらどれもダメ。やっぱスクリプトも入れ子内も死んでるし画質も悪いです。

２．
CamStudio 2.0、アマレココを試してみたらどちらもいけました。無料だし、日本語版だしこれはいい。
アマレココの方はキャプチャー動画右上に日付が入っちゃいますがキャプチャーエリアをひと回り大き目にとって、
出力されたAVIをFlash CS3 Video Encoderで切り抜きや前後のカットを行えば問題なし。
ちなみに最大データレートは5000キロビット/秒で設定してFLVにしました。
それをSUPERとかでFLV→WMVにすれば高画質のままフレーム落ちもせずに完成。
Premiereで直接AVI→WMVにすれば簡単ですが、僕は持ってないので上の工程を踏みました。

CamStudio 2.0でもいいのですが、アマレココの方がヘルプしっかりしてるし詳細設定でCPUの割り当てとか
かなり細かい設定ができるのでお勧めです。
あとキャプチャーはある程度スペックの高いマシンでやらないとアラート出たりします。

アマレココ

CamStudio 2.0

お金かけないでなんとかできてよかった。
とりあえず、自分用にメモメモ。

スクリーンキャストソフト「Jing」をテストしてみる

alt — Wed, 14 Jan 2009 16:08:49 +0000

前回の記事で抜け落ちてたのですが
Jingというスクリーンキャストができる無料ソフトもあったので同様にテストしてみました。

Jing
http://www.jingproject.com/

１．まずサイトトップのWindowsボタンをクリックしてソフトをダウンロードします。
インストールしてアカウント設定します。

2．ソフトを起動すると、デスクトップ画面の最上段に黄色いマルが現れ、
マウスオーバーでメニューが開きます。

３．Captureメニューを選択すると、
マウスポインタに十字線が付くのでドラッグしてキャプチャーエリアを決定します。

４．左下のコンソール（1番左がスクリーンショット、2番目がスクリーンキャスト）から録画を開始します。
カウントダウンのあと、録画モードになり、完了時は停止ボタンを押します。（一時停止も可）

５．録画が完了すると、ビデオ再生のプレイヤーが出るので確認しましょう！
左下のコンソールを見ると、
Screencast.comへアップロードボタンとswfでローカル保存ボタンがあるので
試しにScreencast.comへ投稿してみました。
↓こんなかんじ
http://www.screencast.com/users/alt-scape/folders/Jing/media/f2012570-4c14-4a33-90df-26f224dac294
（URLの有効期限とかそのへんは調べてありません）

６．Historyメニューは過去のアーカイブを見ることができます。

７．MoreメニューはPreferencesから環境設定を弄くれます。
・ホットキーの設定
・保存するときのビデオフォーマットの設定（有料版はMPEG-4も）
・アカウント設定
・FTPアップロード先の指定
・Flickrアップロード設定
・Youtubeアップロード設定（有料版のみ）

Pro（有料）版は年間 $14.95で購入できます。

無料のスクリーンキャストサービス「ScreenToaster 2.0」をテストしてみる

alt — Wed, 14 Jan 2009 04:19:18 +0000

現在、スクリーンキャストができるソフトといえば以下のようなものがあります。

無料だと
Windows向けスクリーンキャストソフトウェア「Screencast Recorder」
デスクトップ上の動きをフラッシュ（Flash）としてキャプチャできるソフト「Wink」

有料だと（体験版は無料）
MacOSX用スクリーンキャストソフト「iShowU」
Windows用FLV出力も可能「Camtasia Studio」
Adobe純正「Adobe Captivate 3」

ITmediaで
無料のスクリーンキャストサービス「ScreenToaster 2.0」が公開
という記事を見つけてちょっと気になったのでテストしてみました。

「ScreenToaster 2.0」
・WEB上で直接録画・データ管理
・音声録音、Webカメラに対応
・OS、ブラウザに依存しない
・ブログやWebページに組み込める

といった利点があり、無料の割にはなかなか高機能ですね。

１．まずサイトトップのStart Recordingボタンを押して、
Register登録とJAVAアプリのインストールをちゃちゃっと済ませます。
（自動的にインストールされます）

２．するといきなり録画設定モードになるので、
ここでFull Desktop（デストップ全域）かRectangular Area（指定エリア）
音声ありなし、WEBカメラありなしの設定をして赤丸のRecordボタンを押します。

３．ボタンを押したあと、5から始まるカウントダウン後に録画が開始されます。
途中、一時的に録画を止めたい場合は、Pauseボタンを押してください。
一時停止中はマウスポインタの横にPマークがくっ付いててFirefoxだとタブを切り替えても消えないよ・・・
録画を完了させるときはStop recordingボタンを押します。

４．この画面で撮ったスクリーンキャストを確認できます。

Recapture videoは再録画
Edit videoはテキストの挿入
Upload videoはビデオのアップロード
Save videoは.swf、.aviデータでローカル保存

といったような項目がありますが、
また機能として実装されてないものもあるようなので
とりあえずUpload to ScreenToaster.comボタンを押してアップロードします。

５．ビデオのタイトル、説明、タグ、カテゴリー、公開・非公開設定をしたらUploadボタンを押します。

６．アップロードが完了すると、録画したビデオの詳細ページが表示されます。
右下Spread枠に
ここのパーマリンクとWEBサイトへの埋め込み用ソースがあります。

７．右上、Profileをクリックすると、過去にキャプチャーしたビデオのアーカイブが見れます。

今のところ、こんなかんじです。
まだまだベータ版ということもありますが、
サイトを紹介したいときやソフトウェアのチュートリアル、プレゼン用、eラーニング目的としても重宝しそうですね。
タグクラウドや検索機能もあるので、
Flashタグとか作ってJSFL便利ツールやCS4チュートリアルのスクリーンキャストを共有し合うとよさげです。