【Unite 2017 Tokyo】全て見せます！VRにも対応する新しいVideo Player

全て見せます！ VRにも対応する新しいVideo Player ユニティ・テクノロジーズ・ジャパン エバンジェリスト 伊藤 周

今までのUnity動画環境は... ・重い ・モバイルでは動かない ・音が出ない（後付け） ・ほとんどの人はAssetStoreを使っていた Unite 2017 Tokyo

お待たせしました！新VideoPlayer ・特徴 ・実装が簡単 ・可能な限りハードウェアデコード ・透過ムービー ・複数トラック対応 ・ストリーミング再生対応 Unite 2017 Tokyo

実装デモ

徹底比較! 最強動画アセット選手権! Unite 2017 Tokyo

動画アセット揃い踏み ・AVPro Video ・Easy Movie Texture ・TMPGEnc ・Universal Media Player ・Unity の新Video Player Unite 2017 Tokyo

比較プレイアブルデモ ※動画提供：Home360 中谷様

unity chan! Little Swan's playGROWnd LET'S TRY VIDEO PLAYER

unity VIDEO PLAYER AVPRO VIDEO AV PRO TMPGEnc Reader SDK for Unity for Windows TMPGENC EASY MOVIE TEXTURE UNIVERSAL MEDIA PLAYER Based on VLC native libraries; Windows, Mac, Linux and WebGL support; Unity Editor video playback; Unity "Audio Source" support; Compatible with VR devices; Fast, fast and flexible implementation; 4K, 360°, YouTube videos playback; Main video formats and streams playback. UNIVERSAL MEDIA PLAYER

unity VIDEO PLAYER AVPRO VIDEO AV PRO TMPGEnc Reader SDK for Unity for Windows TMPGENC EASY MOVIE TEXTURE UNIVERSAL MEDIA PLAYER Based on VLC native libraries; Windows, Mac, Linux and WebGL support; Unity Editor video playback; Unity "Audio Source" support; Compatible with VR devices; Fast, fast and flexible implementation; 4K, 360°, YouTube videos playback; Main video formats and streams playback. UNIVERSAL MEDIA PLAYER

Windows比較 VideoPlayer AVPro Video TMPGEnc UMP 価格 無料 $489 $102.6 $48.6 H265再生 × 〇 〇 × 4K再生 〇 〇 〇 〇 6K再生 〇(V8) 〇 〇 〇(V8) 8K再生 △(V8) 〇(H265) 〇(H265) △(V8) シームレスな再生 〇 〇 〇 〇 透過動画 〇(V8) △(アルファマスク) × △(シェーダー) 実装の簡単さ 〇 △ △ 〇 MP4ストリーミング 〇 〇 × 〇 HLSストリーミング × 〇 × 〇 速度コントロール 〇 〇 × 〇 シーク 〇 〇 〇 〇 備考 VerUpに完全に追従 老舗 日本語サポート VLCを裏で使っている Unite 2017 Tokyo

Made with unity

iOS比較 VideoPlayer AVPro Video Easy Movie Player UMP 価格 無料 $489 $70.2 $59.6 2K 60fps H264 〇 〇 〇 〇 シーク 〇 〇 〇 〇 速度コントロール 〇 〇 〇 〇 MP4ストリーミング 〇 〇 〇 〇 HLSストリーミング × 〇 〇 〇 透過動画 〇 〇(アルファマスク) 〇(シェーダー) × 2K 30fps H264 〇 〇 〇 〇 2K 30fps VP8 △ × × × 2K 30fps H265 × ×(音だけ) × △ 4K 30fps H264 △ 〇 × 〇 4K 30fps VP8 × × × × 4K 30fps H265 × ×(音だけ) × × シームレスな再生 ×? 〇 △ 〇 メモリ解放? 〇 × × 〇 Unite 2017 Tokyo

Made with unity

Android比較 VideoPlayer AVPro Video Easy Movie Player UMP 価格 無料 $489 $70.2 $59.6 2K 60fps H264 〇 〇 〇 〇 シーク 〇 〇 〇 〇 速度コントロール 〇 〇 〇 〇 MP4ストリーミング × 〇 〇 〇 HLSストリーミング × 〇 〇 〇 透過動画 × 〇(アルファマスク) 〇(シェーダー) × 2K 30fps H264 〇 〇 〇 〇 2K 30fps VP8 〇 〇 〇 〇 2K 30fps H265 × 〇 〇 〇 4K 30fps H264 〇 〇 〇 × 4K 30fps VP8 〇 〇 〇 × 4K 30fps H265 × 〇 〇 × シームレスな再生 × 〇 〇 〇 メモリ解放? 〇 × 〇 〇 Unite 2017 Tokyo

Unity WebGL Player | 360Vid × + file:///D:/UnityProj/360Video/App_WebGL_FF_Unity/index.html よく見るページ Recap 360 Firefox を使いこなそう index.html Recap Photo | Gunda... unity WebGL 360Video

WebGL比較 VideoPlayer AVPro Video Easy Movie Player UMP 価格 無料 $489 $70.2 $59.6 確認ブラウザ FireFox 未対応 未対応 Chrome 2K 60fps H264 〇 - - 〇 シーク 〇 - - × 速度コントロール 〇 - - 〇 MP4ストリーミング × - - × HLSストリーミング × - - × 透過動画 〇 - - 〇 2K 30fps H264 〇 - - 〇 2K 30fps VP8 〇 - - 〇 2K 30fps H265 × - - × 4K 30fps H264 〇 - - 〇 4K 30fps VP8 〇 - - 〇 4K 30fps H265 × - - × シームレスな再生 × - - 〇 メモリ解放? 〇 - - × Unite 2017 Tokyo

START お金かけたくない！ 無料？ 有料でもOK 分岐等で一度に複数 の動画を使う？ よく使う 使わない WebGLも 含めた 全て ターゲットは ？ Windows 価格と高解像 度だったら？ 安い方がいい α動画を扱う？ 使わない 高解像度 使う iOS/Android だけ サポートを お願いしたい ？ 是非！ 日本語で 別に大丈夫 iOSとAndroidならど っち優先? iOS Android Video Player Easy Movie Texture AVPro TMPGEnc Universal Media Player

一歩進んだ使い方 Unite 2017 Tokyo

アルファ抜けアニメーションの作り方 1 ・クロマキー合成(背景を同一色)の映像を撮影 ・Adobe Premiereで加工 ・http://tv.adobe.com/jp/watch/learn-premiere-pro-cs5/12594/ ・TIFの連番で出力 ・ffmpegで動画に変換 ・例: ffmpeg -i %04d.tif -crf 10 -b:v 10M -vcodec vp8 output.webm Unite 2017 Tokyo

• http://tv.adobe.com/jp/watch/learn-premiere-pro-cs5/12594/

Adobe Premiere Pro CC 2017 - C:¥ユーザー¥makot_000¥ドキュメント¥AdobePremiere Pro¥11.0¥JustDoIt.prproj * ファイル(F) 編集(E) クリップ(C) シーケンス(S) マーカー(M) グラフィック(G) ウィンドウ(W) ヘルプ(H) アセンブリ 編集 ≡ カラー エフェクト オーディオ グラフィック ライブラリ » ソース: (クリップなし) エフェクトコントロール ≡ オーディオクリップミキサー: Shia LaBeouf -Just Do It- Motivational Speech (Original Video) メタデータ プログラム: Shia LaBeouf -Just Do It- Motivational Speech (Original Video) ≡ マスター * Shia LaBeouf -Just Do It- Motivational Speech (Original... Shia LaBeouf -Just Do It- Motivational Speech (Original Video)... :00:00 00:00:29:23 00:00:59 ビデオエフェクト > fx モーション > fx 不透明度 > fx タイムリマップ > fx Ultra キー 出力 コンポジット 設定 カスタム キーカラー マットの生成 > 透明度 66.0 > ハイライト 50.0 > シャドウ 57.0 > 許容量 100.0 > ペデスタル 97.0 > マットのクリーンアップ スビルサプレッション > カラー補正 オーディオエフェクト > ボリューム > チャンネルボリューム > fx バンナー 00:00:16:16 プロジェクト: JustDoIt メディアブラウザー ライブラリ 情報 エフェクト ≡ マー » Shia LaBeouf -Just Do It- Motivational Speech (Original Video) ≡ 00:00:16:16 プリセット > ソラリゼーション > ピクチャインピクチャ > ブラー > ベベルエッジ > モザイク > レンズゆがみ補正 > 回転 > 明るさの値 > Lumetri プリセット > 00:00 00:00:14:23 00:00:29:23 00:00:44:22 00:00:59:22 00:01:14:22 00:01:29:21 00:01:44 fx V3 ≡ 〇 fx V2 ≡ 〇 fx V1 ≡ 〇 Shia LaBeouf -Just Do It- Motivational Speech (Original Video).mp4 [V] fx A1 ≡ M S fx A2 ≡ M S

アルファ抜けアニメーションの作り方 2 ・PS等で抜きたい色の値を調べる Unite 2017 Tokyo

カラー スウォッチ ✓ 色相キューブ 明るさキューブ グレースケール RGB スライダー HSB スライダー CMYK スライダー Lab スライダー Web カラースライダー カラーをHTMLコードとしてコピー カラーの16進コードをコピー RGB スペクトル CMYK スペクトル グレーバランス 現在のカラー Web セーフカラーのランプを作成 閉じる タブグループを閉じる 属性 色調補正 ドキュメントプロパティ W: 508 mm H: 285.75 mm X: 0 Y: 0 解像度: 96 pixel/inch レイヤー チャンネル パス 〇 RGB Ctrl+2 〇 レッド Ctrl+3 アセットをドラッグ＆ドロップ ドキュメントにドラッグ＆ドロップ してグラフィックを追加します。ま たは、下のボタンを使用してカラー やレイヤースタイルなどを追加しま す。

アルファ抜けアニメーションの作り方 2 ・PS等で抜きたい色の値を調べる ・ffmpegオプションで指定する ・例: ffmpeg -i JustDoIt.mp4 -vf colorkey=0x5ca66e:0.2:0.1 -crf 10 -b:v 10M -vcodec vp8 output.webm ・-vf colorkey … 色:一致の範囲:グラデーション ・-crf 10 … 動画クオリティ ・-b:v … ビットレート Unite 2017 Tokyo

ストリーミング動画の作り方 ・ffmpegで -movflags faststart オプションをつけて変換したmp4をサー バーに置く ・またはHLS形式にして作ってサーバーに置く(VideoPlayerはまだ未対 応) Unite 2017 Tokyo

AssetBundleを使った動画配信
・Asset Bundle Graph Tool を使うと簡単にAB作成が可能
・以下の要領で読み込む
IEnumerator Start ()
{
using (var www = WWW.LoadFromCacheOrDownload(urlName, 0))
{
yield return www;
VideoClip vc = www.assetBundle.LoadAsset<VideoClip>(assetName);
VideoPlayer vp = GetComponent<VideoPlayer>();
vp.clip = vc;
vp.Play();
}
}
Unite 2017
Tokyo

Q&A Unite 2017 Tokyo

Q&A Q. ビットレートと動画のサイズについて 大きすぎると何か不具合とか あるのか、最適なサイズとか知りたいです。 A. 動画サイズが大きいと落ちる可能性が高くなります。 重い=落ちやすい=綺麗 ←→ 軽い=落ちにくい=汚い ・bitrate は10,000kbpsを切るあたりからあやしくなってくる ・ハードウェアアクセラレーションが効く解像度は1080pまで(現段 階) Unite 2017 Tokyo

Q&A Q. HoloLensの対応状況は？ A. 一応できました。 https://www.youtube.com/watch?v=p1lqHnHkvP4 Unite 2017 Tokyo

Q&A Q. メモリ負荷。けっこうあるけど、どの程度を想定すればいいか わからない A. 様々な要因によります。基本的に綺麗=重い。 複数のムービーを流しまくるとまずいかも Unite 2017 Tokyo

Q&A Q. Stop時のCPU負荷。瞬間的に負荷が高く一瞬ゲームが止まる A. 現在対処中。非同期化を進めている。これによりシームレスにム ービーがつながるようになるはず。 Unite 2017 Tokyo

Q&A Q. サウンド再生がまだ未対応。今後どう対応していくのか気にな る。 A. OSXとiOSはすでに対応済み。他プラットフォームも順次対応し ていく。それまでオーディオは別再生でお願いします。 Unite 2017 Tokyo

Q&A Q. Timelineとかどうなの？ A. 現状でも使えます New Timeline with VideoPlayer Unite 2017 Tokyo

まとめ ・Video Player はマルチプラットフォーム完全対応！ ・他の動画Assetも用途によっては今後も利用した方がいい ・動画エンコーダーには ffmpeg がマジ最強 Unite 2017 Tokyo