閉鎖中
Amebaでブログを始めよう!
1 | 2 | 3 | 4 | 5 | 最初次のページへ >>

SmileDownloder を使った YouTube からの動画DL fm-1.1)(1)

Flash で YouTube 動画を作ろう!

1.Flash での動画の作成

1)ソースの準備

(1)ソース動画の入手

YouTube から動画をDLするには、いくつかのフリーソフトがあります。
今回は SmileDownloder を使って YouTube から動画をDLしました。

インストールが済めば、DLしたい動画のあるページを開いて、ページ上で右クリック→SmileDownloderでダウンロード を選択するだけです。
動画上や、動画から離れた位置で右クリックすると、DL出来ないというエラーが表示される場合があるので注意が必要です。

IE専用なので、個人的にはちょっと厄介なソフトなのですが、しっかりDL出来る安心感があります。
firefox用のアドインやソフトもいくつかあるのですが、たまにDLに失敗して、不完全ファイルができあがることがあってあまり信用できません。

ダウンロードしたファイルは、オープニングムービー、PV、その他使えそうなカットを含んだ動画です。
今回の動画では、前半は元のオープニングをそのまま使い、後半はPVを主に使うことにしました。

Flash で YouTube 動画を作ろう!

mpeg 作成の依頼を頂きました。
あるアニメのオープニングムービーをフルコーラスにして欲しい、ということで。

ソースは YouTube から拾って欲しい、と仰られる。
ということは、できあがりのサイズもそのサイズになってしまいます。


そんなこんなで、作成させていただきました。
「とある魔術の禁書目録」オープニングムービーフルコーラス版


YouTube は FLV だから、Flash でどうにかなるでしょう、と安易にはじめたのですが、これがなかなかの手間でした。

妙に多くのソフトウェアを使いましたので、チュートリアルの意味を含めて、作成手順を残しておきます。


以下、大まかな作成手順です。
随時、詳細を書いていきます。


今回は、
1.Flash で動画を作成
2.avi に出力
3.mpg に変換
という手順です。


1.Flash での動画の作成

1)ソースの準備

(1)ソース動画の入手
SmileDownloder を使って YouTube から動画をDLしました。
前半は元のオープニングをそのまま使い、後半はPVを主に使うことにしました。
(2)ソースの切り出し
Movica、RichFLV を使って FLV を切り出しました。
(3)音声ファイルの分離
3GPコンバータ「変換君」を使って FLV から mp3 ファイルを抜き出しました。


2)動画編集

(1)映像、音声の表示
Flash のタイムライン上に切り出した映像と音声を並べます。
(2)フレームレートの設定
Flash でフレームレートを人海戦術で確認して、強引に設定しました。
Flash のデフォルトは 12fps(秒間12フレーム)ですが、今回は30fpsという速さでした。
(3)歌詞を使った大まかな動画のタイミング合わせ
Winamp で歌詞のタイミングを計り、その通りに Flash に貼り付けて、映像の切り替えタイミングを計ります。
 (3-1)歌詞のDL
  LyricsMaster で歌詞を検索、DL しました。
 (3-2)歌詞の表示タイミング合わせ
  Winamp の Lyrics プラグインでタイミングを合わせました。
  ※個人的に昔から使っているプラグインで性能が良くないので、新しいものを使った方が良いと思います。
 (3-3)動画に歌詞を表示
  単純に文字を載せると、フォントの展開のためか Flash が処理落ちして歌詞表示の時だけフレームレートが下がってタイミングがおかしくなったので、フォントを分解しました。
(4)波形を使った細かな動画のタイミング合わせ
SoundEngine で音声データの波形を見て、細かなタイミング合わせを行います。
※本来は、周波数ごとの音量を見ることが出来た方がやりやすいと思います。
(5)カットの切り替え部の効果
もとのオープニング動画で、歌のいわゆるAパートの範囲では、映像が乱れたように見せる効果を使っていたので、同様の効果を入れてみます。
 (5-1)効果画像の作成
  当該コマの画像を見ると、シャープフィルタを使っているであろうということが判断できます。
  Photoshop を使って、切り替え前後の2枚の画像に、ぶれ、アンシャープマスクのフィルタを加え、彩度を落とすアクションスクリプトを作成して適用しました。
 (5-2)効果画像の適用
  もとのオープニングでは、4~5コマを使って、効果を出しているので、それと同様に Flash のタイムラインに配置しました。
(6)タイムラインエフェクトの適用
タイムラインエフェクトも文字処理と同様に処理落ちが著しかったため、コマごとの画像に分解し、画像を読み込むことで処理落ちを防ぎました。



2.aviファイルの書き出し
Flash 上での再生、swf での再生、avi での再生、それぞれ映像と音声のタイミングが違うので、最終出力を考えて、それを何度も見ながら細かくタイミングを調整します。
納得が出来たら、それが最終形です。

○音声の注意点
avi 出力の場合、ソースの音声データがモノラルだからと言って出力もモノラルにすると、音割れしたりプチプチ音が入ったりするので、そんなときはステレオにするといいようです。

○映像の注意点
映像はきちんとコーデックを使って圧縮しないと、ファイルサイズがすごいことになります。

今回は、XviD MPEG-4 コーデック を使いました。
映像サイズは基本的にはいじらない形で良いのですが、mpg に変換するときに「8の倍数である必要があります」というエラーで変換できなかったので、今回は、次のようにしました。
・元サイズ 320*180 px
・出力サイズ 640*360 px



3.mpg ファイルへの変換
変換には、TMPGEnc を使いました。
VFAPIプラグインの優先順位に気を配らないと、aviファイルを読み込めない場合があるので注意が必要です。
読み込みがうまくいけば、あとは変換するだけです。


以上で動画の完成です。


# ところで。

「とある魔術の~」はなんだか原作者の頭が良さそうな印象を受けます。
頭の良い作者の作品は基本的におもしろいと思っています。
とした中で、アニメ中で、「ルーンを刻む」と何度も言っているのに実際には刻まれずに書かれているのが非常に気になります。
ルーンは言葉にして発音するものではなく、もちろん書かれるものでもなく、刻まれるもの。
木とか石とかに刻みやすい形として、あの文字になっているわけですから。。。

原作者とはぜんぜん関係ない話として、今回アニメーションをつないでいく上で気になったのが、風車の回転方向。
オープニングでは左回転、本編・PVでは右回転。
風車の設計はやったことがないのですが、風車って逆風時には逆回転するものでしたっけ(^^;?
順風と逆風では風力はぜんぜん違うはずですが、風速は回転速度には影響しない設計なのでしょうか。
オープニングだけ逆回転だと、他の動画をつないだときに非常に違和感があって、でもこれは直しようがないのでそのまま使っています。。。(^^;


ヤード・ポンド法

不動産のWeb広告を作っていく上で、非常に「坪」という表現が気になりまして。
さらに、「間口はどのくらいですか?」と不動産会社の社長さんに問うと、「~間」という返事が返ってきたりで(^^;

必要に迫られて、度量衡換算表(度量衡換算スクリプト) を作成しました。


ここからさらに宅建から寄り道して、ヤード・ポンド法に手をつけはじめました。


・・・が!


これが予想以上にたいへんで。
キュービック単位で挫折寸前(T^T)


みなさんはご存じなのかも知れませんが、ぼくは知りませんでした。
ヤード・ポンド法自体は主要国ではイギリスとアメリカでしか使われていないそうですが。
なのに、にもかかわらず(!)

ヤード・ポンド法の体積・容積には3種類もあるなんて(!)

まず、イギリスとアメリカでは別の値。
アメリカの中でも、液量と乾量で別の値。
・・・って、なんの嫌がらせですか(^^;


ってか、「乾量」ってなんの造語ですかw?
液量の対義語として使われているようですが。


それでも、定義がはっきりわかっていればいくつに別れていようと対応できるのですよ。

必要に迫られて作った尺貫法の時も、出来るだけ正確な情報ソースが必要で、尺貫法は本来「度量衡法」という法律で定められていたようなのですが、現在では廃止されており、Web上で全文を掲載しているサイトも見つけられず、やむを得ずフリー百科事典『ウィキペディア(Wikipedia)』をメインとして、他のサイトから整合を取って度量衡法に記載されていたであろう内容を判断する方法を採ったのですが、基本的に Wikipedia にそれほど大きな誤りを見つけることは出来ませんでした。
が、ヤード・ポンド法はぼろぼろです。Wikipedia。


例えば。


液量オンスの定義が
・(1/160)英ガロン(英)
・(1/128)米液量ガロン(米)


対してガロンの定義が
・(8/20)液量オンス(英)
・(8/16)液量オンス(米液量)


数字に整合が取れていないばかりか、「定義」が循環してる!
どっちかは確実に「定義」じゃなくて「定理」でないとおかしな話(^^;


で、本文を解釈すると、まず、これはガロンの「定義」として書かれているものが、
・(8*20)液量オンス(英)
・(8*16)液量オンス(米液量)
の誤りであることが判明。

確かに商算でなく乗算に直せば、160の128という数字が出てきます。
これ・・・虫食い算ですか(^^;?
しかもババ抜きでなく、ジジ抜き的な。


さらに読み進めると、これがどうやら定義ではなく、定理であるのではないかと判断するに至り。

ガロンの定義は、本文から察するに、
・4.546 09 [dm^3](英)
・231[in^3](米液量)
・π(18.5[in]/2)^2*8[in](=1[ウィンチェスターブッシェル])/8 [in^3](米乾量)
の3つのようです。

数も合ってないじゃないですか(^^;!


イギリスの、立方デシメートルが定義に使われている単位、というのも微妙な感覚ですが。


これだと、他のサイトで記載されている様々な数字と類似点を見ることが出来るので、恐らく正しい解釈だとは思うのですが、イギリスの計量法 のページを見ても、基本となる「ヤード」と「ポンド」のSI単位への換算の定義しか見つけることが出来ず、ヤード・ポンド法にある各単位の定義は別の法律で定められているものと思われます。
日本の計量法では「尺」「貫」からSI単位への換算すら定義されていないので、それに比べればずいぶん親切な感じがします。
ヤード・ポンド法はいったい何で定義されているのか。
そもそもぼくは英語が読めないので(^^; 理解するのにひどく時間がかかってしまいまして。
イギリスの法律データベースから独自に探し出すのは無理です。


さて。
作業を再開しますか。



#てか、アメブロ、firefox と相性悪いのか知らん?

firefoxが途中で落ちて3回書き直した上に、「公開」ボタンを押したらまた落ちた。

合計で5回落ちて、諦めてIE立ち上げてみましたが。。。(^^;


#さらに追記。

アメブロ、window.open()のあとのwindow.focus()をうまく使えてませんね~。

firefoxで背面にまわるんですけど(^^;

http://homepage2.nifty.com/silvania/nds/faq/MinorSkill/web.htm#jsfq3

をみて、スクリプトを修正してくださいw

1 | 2 | 3 | 4 | 5 | 最初次のページへ >>