Home > スポンサー広告 > vimeoでHD動画として認識させて(それなりに)綺麗なムービーをUPする方法(mac)

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comments: -

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: -

TrackBack URL for this entry
http://vanidesign.blog.fc2.com/tb.php/70-5f8eafd0
Listed below are links to weblogs that reference
スポンサーサイト from バニデザノート

Home > スポンサー広告 > vimeoでHD動画として認識させて(それなりに)綺麗なムービーをUPする方法(mac)

Home > video > vimeoでHD動画として認識させて(それなりに)綺麗なムービーをUPする方法(mac)

vimeoでHD動画として認識させて(それなりに)綺麗なムービーをUPする方法(mac)

  • vanillate
  • 2012-07-30 Mon 16:56:30
  • video
vimeo.png

バニレートのブログでも最近ちょこちょこっと動画を配信してます。
アップロード先はvimeo
編集には慣れてきたものの、
動画の圧縮ってphotoshopでぽんと写真をjpg圧縮する、
みたいなことができず、手間がかかります。
また、vimeoは画質やUIがキレイなのですが、たまにUPに失敗します。
今回は、そんなvimeoでHDとして認識されて、
アップロードに成功しやすそうな方法を書いてみたいと思います。


vimeoでHDとして認識させる方法



vimeoのガイドラインによると

Video:
Codec: H.264
Frame rate: 24, 25, or 30 FPS
Data rate: 2000 kbps (SD), 5000 kbps (HD)
Resolution: 640x480 (SD), 1280x720 (HD)

Audio:
Codec: AAC (Advanced Audio Codec)
Data rate: 320 kbps
Sample rate: 44.1 kHz


これ以下の設定なら認識されるってことですね。

下準備



私の場合はfinalcutproを使っているので
プロジェクトの設定の部分で動画の編集を始める前に
フォーマットを1080p HD 解像度1280×1080 レート23.98pではじめます。
pic4.png

で、動画が完成したら、「共有>ムービーを書き出す」でquicktime形式で書き出します。


圧縮案:1)quicktimeで開いて、web用に書き出し、
出来上がったファイルの中の.m4v形式のファイルをアップロード



quicktimeにて
ファイル>web用に書き出す
を選択し、「ブロードバンド H.264 最大データレート 5Mbps」をチェックして
書き出します。
書きだしたファイルは「ムービー」フォルダに入っているので
同時に書きだしたhtmlなどは無視して.m4vファイルだけを取り出してvimeoにアップロード。

これだけで、うまくいく場合もあります。(いかない場合もあります。)

※この時点で、サイズは1280x720に変換されています。

うまくいかない場合は、追加して下の方法を試してみます。

圧縮案:2)handbreakで圧縮する



Quicktimeで書きだした.m4vファイルを
handbreakで読み込みます。

pic2.png

videoタブで
video codecをh.264で
framerateを24にします。(実際には30までいけるのですが、少し低めにしてます。)
Qualityの設定のAverage bitrate を4800に。

マークはしてませんが、下の方にPicture sizeが表示されています。
Outputの部分が違うサイズになっていたら、1280×720に設定しなおします。
私の場合、なぜか1178×720pxになります(ちょっと左が切り取られる)ので、修正しています。

pic1.png
修正は、メニュー>window>picture settingsから行います。
「cropping」をCustomにして、左端を0に戻します。

pic3.png
Audio設定で、ビットレートを128にしています。
(もっと高音質にこだわる方や
 実験されたい方は320以下で圧縮してアップロード試してみてください。)

圧縮されたデータをアップロードすると、あんまり失敗がないとおもいます。
それでも失敗したらごめんなさい。

アップロードに成功しても、Conversion is about to beginの表示のまま止まることがあります



Conversion is about to begin...for a long time
フォーラムでもこんな投稿が何度も寄せられてます。

Proアカウントで、
Conversion is about to begin表示が出て、1〜2時間経ってもコンバートが始まらない場合は
アップロードしたファイルに原因があると考えたほうがよさそうです。
ただ、4時間後にアップロードが完了した等の報告もあるので、微妙なのですが・・。

なので、

・規格内の自信があれば、じっくり待ってみる
・それでもダメだったらファイルサイズやビットレートを下げて再度UPする

というようなことを繰り返してみましょう。


vimeoとyoutubeの比較



ブログを書くなら、と実験的に同じ動画を上げてみました。


youtubeはなんだかもっさりしてます。あと、グラデーションがザラザラです。


vimeoはまだ見れます。もちろん、ローカルデータのほうがキレイですが><。

いろいろ設定が面倒ですが、それでもかわいいvimeoが私は好きです。

Comments: 0

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: 0

TrackBack URL for this entry
http://vanidesign.blog.fc2.com/tb.php/70-5f8eafd0
Listed below are links to weblogs that reference
vimeoでHD動画として認識させて(それなりに)綺麗なムービーをUPする方法(mac) from バニデザノート

Home > video > vimeoでHD動画として認識させて(それなりに)綺麗なムービーをUPする方法(mac)

Sponsored Link
▲WordPress初心者向けに、ばにが書きおろしたオンライン授業です。上記バナーから受講いただくと、33%OFF!
ホームページ・ウェブサイトデザイン・制作ならバニレートデザイン事務所まで。Wordpress(ワードプレス)、カラーミーショップのカスタマイズから、レスポンシブ、Retina対応、スマホ用サイトもできます♪デザインカンプのみの納品や、バナーのみの納品などでも受付いたします!お気軽にご相談くださいませ。
Books - 寄稿させていただいた本たち
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressを利用して、趣味〜お仕事が可能なレベルの実践的な内容になっています。 ブログ風、Pinterest風、CMSとしてWordPressを利用する方法の3つをメインに、さらにこれらを拡張していきやすいような考え方や、きっかけを掴んでいただければという想いで書かせていただきました。担当Chapter:9chapter (メイン3、サブ6。110ページ前後ぐらい。)
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
Photoshopの作業をすばやく行って、デザイン自身に集中できるように。基本動作であっても、考え方としてどのように持っていくか、ということをテーマに書かせていただきました。(担当:本編の全体89のテクニックのうち、23ぐらいのテクニックと、特典PDFの中にもいくつか。)
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」にてCase Studyの1つを寄稿させていただきました!
Popular Posts
Recent Entry
Category
about:vanillate
vanillate

author: vanillate(バニレート)

フリーランスのウェブクリエイター。
wordpressやカラーミーショップのデザインなど、シンプルで可愛いサイトを作っています。






Link
Recommend
レンタルサーバー 【ヘテムル】 なら、 独自ドメイン【無制限】、データベース【50 個まで】を追加費用無料で設定できます。 しかも、サーバー容量は余裕の 42.195GB! 1 つの契約でたくさんのサイトを運営したい方にぴったりのサービスです。
★【カラーミーショップ】なら本当に安心!★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心!
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円~!
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!
Design Items
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。