SlideShare une entreprise Scribd logo
1  sur  102
Télécharger pour lire hors ligne
~なんかサブタイトル~
Unreal Engine4
Media Frameworkについて
自己紹介
Twitter : @MozPaca398
UE4 4年目のスーパービギナー
UE4初心者が頑張ってるブログ
http://mozpaca.hatenablog.com/
2
過去のスライド
Unreal Engine4で合成音声を使いたい
https://www.slideshare.net/ItsukiInoue/unrealengine4-82720682
UE4で実装するBGMのプロシージャル生成
(スライド行方不明)
3
音声合成の研究を寂しくやってます
4
目次
基礎概要
・Media Frameworkとは
・4.18から大きく変わったところ
・再生可能な拡張子とエンコード
動画再生のやり方
・Media Playerを用いた動画再生の手順
・URLからのストリーム再生
・再生できるMeshとWidget
Media Frameworkで使用するもの
・Media Player
・Media Texture
・Media Sound Component
・Media Source File
プラットフォームごとのあれこれ
・Windows
・MacOS
・iOS
・Android
個人的に詰まった箇所
・動画の画質が劣化する
・動画が白っぽく見える
・真下に変なものが見える
番外編
・4Kとか8Kとかの映像再生について
・パノラマとして再生するには
まとめ
5
Media Framework初心者
ターゲットの想定
6
Media Frameworkの使い方を覚えてもらう回
7
初心者向けということで難しい話はしません
8
Unreal Engine4 4.18.3
Visual Studio 2015 Community
9
\俺もいるぞ!/
10
\なぜだ!/
11
基礎概要
12
Media Framework
・Both Engine & Slate Agnostic
(エンジンにもスレートにも依存しない)
・Able to support Localized Audio & Video Tracks
(ローカライズされたAudio & Video Trackをサポート)
・Accessible in the Content Browser, Material Editor, & Sound System
(コンテンツブラウザ、マテリアルエディタ、サウンドシステムで使用可能)
・Available for use with Blueprint & the UMG UI Designer
(ブループリント、UMGで使用できる)
・Able to support Streaming Media
(Stereaming Mediaをサポート)
・Able to Fast Forward, Reverse, Play, Pause, & Scrub Media
(早送り、逆再生、再生、一時停止、スクラブメディアが可能)
・Able to support Pluggable Players
(フラグ着脱可能なPlayerをサポート)
以下、公式ドキュメントより引用
13
難しい言葉はやめて!
覚えられないわ
14
簡単に言うと
15
動画の再生とその他もろもろがUE4上でできる
こいつぁすげーや
16
公式ドキュメント
http://api.unrealengine.com/JPN/Engine/MediaFramework/Overview/
17
UE4 4.18から変わった箇所
・MediaTextureを使用するマテリアル
・Media Sound
・動画のカクつきの解消
ちょこちょこ変わってるっぽいけど、
大きな(使い方の変わった)ところだけ紹介
18
Media Textureから作成したマテリアル
19
Media Textureから作成したマテリアルのSampler Type
Sampler Typeが外部ファイル用のものに変更された
External以外ではエラーを吐く
4.17 4.18 20
Media Textureから作成したマテリアルのSampler Type
Media Textureから直接マテリアルを作成すると
Sampler Typeが自動的に設定される
21
Media Sound
22
Media Sound
4.17 4.18
Media Soundファイルを作成できなくなった
23
Media Sound
Actorのコンポーネントになったらしい
24
Media Sound
+
適応させたいMedia Playerをここに入っている→
このコンポーネントを持ったActorが
レベルに配置されている
=
音が再生される
25
Media Sound
MozPacaって人がブログに書いてた
http://mozpaca.hatenablog.com/entry/20180312/1520843909
UE4 Media SoundがComponentになってあたふたした話
26
画面のカクつきの解消
27
画面のカクつきの解消
中を読んだわけではない
でも体感でわかるほどにカクつきが減った
根拠は体感だけ。
質問されると困る
多分デコーダー周りが変わったんじゃないかなぁ
28
再生可能なファイル拡張子とエンコード
29
ストリーム再生とかも
30
動画再生のやり方
31
Media Playerを用いた動画の再生方法
動画をインポートする
↓
Media Playerを作成する
↓
MediaTextureからマテリアルを作成する
↓
Media Sound ComponentをPlayerとかにAttachする
↓
動画再生の処理を書く
32
動画のインポート
Contentフォルダに「Movies」という新規フォルダを作成
33
動画のインポート
作成したMoviesフォルダに動画ファイルをいれる
34
動画のインポート
コンテンツブラウザからFile Media Sourceを作成
35
動画のインポート
作成したFile Media Sourceを開く
36
動画のインポート
動画までのパスを指定する
37
動画のインポート
動画までのパスを指定した
File Media Sourceから動画ファイルまでの相対パス
38
動画のインポート
絶対パスで表示された場合パスの設定が間違っています
見直してください
今回の場合はMoviesフォルダがContentフォルダの外にあるのが原因
39
動画のインポート
注意事項的な扱いっぽい?
「プロジェクトでは動画再生されるけど、パッケージ化したら再生されなくなった」
↓
大体これが原因
40
動画のインポート
私も引っかかりました
↑sが抜けてた
再現イメージ
41
動画のインポート
当時の私
42
Media Playerの作成
43
Media Playerの作成
44
Media Playerの作成
45
Media Textureからマテリアルを作成
右クリックからマテリアルを作成
46
Media Textureからマテリアルを作成
PlaneなどのMeshに貼り付ける
47
Media Sound ComponentをAttachする
Playerやスピーカー用のBPにAttach
48
Media Sound ComponentをAttachする
Media Playerの適応も忘れずに
49
動画を再生するための処理を書く
Media Playerを入れるための変数を作成
50
動画を再生するための処理を書く
File Media SourceをOpen Sourceノードで開く
51
動画を再生するための処理を書く
Media Playerの詳細タブにある
「Play on Open」にチェックが入っていると読み込まれた時点で自動で再生される
52
動画を再生するための処理を書く
Playノードを使用すると再生される
53
動画を再生するための処理を書く
処理の一例
54
Widgetでも再生できるよ
新規Widgetを作成
↓
Media TextureをImageに入れる
↓
Open Sourceノードに処理を通す
↓
Widgetをレベルに表示させる
55
デザイナー画面でImageを配置する
56
Imageには作成しておいたMediaTextureを入れる
57
イベントグラフ画面に移動し、
変数を作成する
Media Player型の変数を作成する
↓
コンパイル後に対応したMedia Playerを入れる
58
動画ファイルを開きたいタイミングでOpen Sourceから動画ファイルを呼び出す
59
Widgetをレベル上に出す
60
再生できた
61
ストリーム再生の場合は「File Media Source」ではなく、
「Stream Media Source」を使用する
62
Stream Urlのところに再生したい動画をURLを入力する
63
動画再生に使用するもの
64
Media Player
・プロジェクト内に存在している動画ファイルの
再生、逆再生、早送りが可能なファイル
・動画の詳細(拡張子、再生時間など)が確認できる
・このMedia Playerを通すことでゲーム内に動画を流すことができる
65
コンテンツブラウザから
Media→Media Playerで出すことができる
66
こんな感じの画面
67
Media Texture
Media Playerを生成する際に「Video output MediaTexture asset」に
チェックを入れている場合生成される
68
コンテンツブラウザから出すこともできる
69
コンテンツブラウザから出した場合は
Media Playerを手動で関連付ける必要がある
70
Media Sound Component
関連付けたMedia Playerに合わせて
サウンドを再生するコンポーネント
71
Media File Source
動画データのパスを記録する
Media Playerはこのファイルからデータを読み取る
プラットフォームごとに再生方法を切り替える
72
プラットフォームごとのあれこれ
再生するものが異なってくる?
それぞれで再生してみた感想
73
Windows
74
Windows
75
MacOS
76
MacOS
77
機材がないので未検証です
78
ごめんなさい
79
iOS
80
iOS
81
実機がないので未検証です
82
本当にごめんなさい
83
Android
84
Android
85
余程のことがない限りAutomaticのままでいいような気がする
86
個人的に詰まった箇所
環境
・UE4 4.18.3
・Android(Galaxy s7 edge)
光源なし
パノラマ動画を再生してた
(原因究明はしてない)
87
画質が劣化する
こいつにチェックを入れると発生
88
動画が白っぽく再生される
89
動画が白っぽく再生される
90
真下に動画の収束点のようなものが見える
カメラの回転などの影響を考えて
このようなマテリアルを組んでいた
91
真下に動画の収束点のようなものが見える
これがあかんかった
92
真下に動画の収束点のようなものが見える
特別な処理が必要なければ
こうしておくのが吉
93
真下に動画の収束点のようなものが見える
ちょっと待て
94
真下に動画の収束点のようなものが見える
Vector Parameterで動画を反転するのは特別な処理じゃないのか
95
真下に動画の収束点のようなものが見える
マテリアルを貼るMesh自体を反転させれば問題ない
96
番外編
・4Kとか8Kとかの映像を再生するには
・パノラマ動画を再生するには
97
4Kとか8Kとかの映像を再生するには
再生の手順は全て同じ
問題無く再生できる
98
4Kとか8Kとかの映像を再生するには
だたし
動画のエンコードがその画質に対応している必要がある
4K
mp4 H.264
8K
mp4 H.265/HEVC
99
パノラマ動画を再生するには
再生の手順は全く同じ
マテリアルを貼り付ける対象が
Plane orWidget → Sphere
になっただけ
※パノラマ用の動画でないと引き伸ばされてすごいことになる
100
時間に余裕があれば実演します
101
まとめ
・どの再生(通常、パノラマ)でも再生手順は同じ(ストリームは例外)
・画質などにこだわる場合はプラットフォームごとに調整の必要あり
・Media Framework2.0と比べると格段に使いやすくなった
・公式ドキュメントにも手順がかなり詳しく掲載されている
102

Contenu connexe

Tendances

第1回UE4勉強会 in 大阪 - エンジン改造ってどうなの?
第1回UE4勉強会 in 大阪 - エンジン改造ってどうなの?第1回UE4勉強会 in 大阪 - エンジン改造ってどうなの?
第1回UE4勉強会 in 大阪 - エンジン改造ってどうなの?com044
 
UE4 Volumetric Fogで 空間を演出する!
UE4 Volumetric Fogで 空間を演出する!UE4 Volumetric Fogで 空間を演出する!
UE4 Volumetric Fogで 空間を演出する!com044
 
UE4プログラマー勉強会 in 大阪 -エンジンの内部挙動について
UE4プログラマー勉強会 in 大阪 -エンジンの内部挙動についてUE4プログラマー勉強会 in 大阪 -エンジンの内部挙動について
UE4プログラマー勉強会 in 大阪 -エンジンの内部挙動についてcom044
 
ヒストリア HelixCore(Perforce) 運用レギュレーションドキュメント
ヒストリア HelixCore(Perforce) 運用レギュレーションドキュメントヒストリア HelixCore(Perforce) 運用レギュレーションドキュメント
ヒストリア HelixCore(Perforce) 運用レギュレーションドキュメントhistoria_Inc
 

Tendances (20)

[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック
[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック
[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック
 
第1回UE4勉強会 in 大阪 - エンジン改造ってどうなの?
第1回UE4勉強会 in 大阪 - エンジン改造ってどうなの?第1回UE4勉強会 in 大阪 - エンジン改造ってどうなの?
第1回UE4勉強会 in 大阪 - エンジン改造ってどうなの?
 
猫でも分かる UE4のAnimation Blueprintの運用について
猫でも分かる UE4のAnimation Blueprintの運用について猫でも分かる UE4のAnimation Blueprintの運用について
猫でも分かる UE4のAnimation Blueprintの運用について
 
UE4 Volumetric Fogで 空間を演出する!
UE4 Volumetric Fogで 空間を演出する!UE4 Volumetric Fogで 空間を演出する!
UE4 Volumetric Fogで 空間を演出する!
 
UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!
UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!
UE4のシーケンサーをもっともっと使いこなそう!最新情報・Tipsをご紹介!
 
「Press Button, Drink Coffee」 UE4における ビルドパイプラインとメンテナンスの全体像
「Press Button, Drink Coffee」 UE4における ビルドパイプラインとメンテナンスの全体像「Press Button, Drink Coffee」 UE4における ビルドパイプラインとメンテナンスの全体像
「Press Button, Drink Coffee」 UE4における ビルドパイプラインとメンテナンスの全体像
 
猫でも分かる Control Rig UE4.25 版
猫でも分かる Control Rig UE4.25 版猫でも分かる Control Rig UE4.25 版
猫でも分かる Control Rig UE4.25 版
 
UE4プログラマー勉強会 in 大阪 -エンジンの内部挙動について
UE4プログラマー勉強会 in 大阪 -エンジンの内部挙動についてUE4プログラマー勉強会 in 大阪 -エンジンの内部挙動について
UE4プログラマー勉強会 in 大阪 -エンジンの内部挙動について
 
UE4を用いた人間から狼男への変身表現法の解説
UE4を用いた人間から狼男への変身表現法の解説UE4を用いた人間から狼男への変身表現法の解説
UE4を用いた人間から狼男への変身表現法の解説
 
実行速度の最適化のあれこれ プラス おまけ
実行速度の最適化のあれこれ プラス おまけ  実行速度の最適化のあれこれ プラス おまけ
実行速度の最適化のあれこれ プラス おまけ
 
アーティストの為のプロファイル入門!~楽しいRenderDocの使い方~
アーティストの為のプロファイル入門!~楽しいRenderDocの使い方~アーティストの為のプロファイル入門!~楽しいRenderDocの使い方~
アーティストの為のプロファイル入門!~楽しいRenderDocの使い方~
 
[4.20版] UE4におけるLoadingとGCのProfilingと最適化手法
[4.20版] UE4におけるLoadingとGCのProfilingと最適化手法[4.20版] UE4におけるLoadingとGCのProfilingと最適化手法
[4.20版] UE4におけるLoadingとGCのProfilingと最適化手法
 
UE4 MultiPlayer Online Deep Dive 基礎編1 -Getting Started- (historia様ご講演) #UE4DD
UE4 MultiPlayer Online Deep Dive 基礎編1 -Getting Started-  (historia様ご講演) #UE4DDUE4 MultiPlayer Online Deep Dive 基礎編1 -Getting Started-  (historia様ご講演) #UE4DD
UE4 MultiPlayer Online Deep Dive 基礎編1 -Getting Started- (historia様ご講演) #UE4DD
 
UE4におけるレベル制作事例
UE4におけるレベル制作事例  UE4におけるレベル制作事例
UE4におけるレベル制作事例
 
UE4におけるエフェクトの基本戦略事例 前半
UE4におけるエフェクトの基本戦略事例  前半UE4におけるエフェクトの基本戦略事例  前半
UE4におけるエフェクトの基本戦略事例 前半
 
UE4を使った映像制作 (UE4 Character Art Dive Online)
UE4を使った映像制作 (UE4 Character Art Dive Online)UE4を使った映像制作 (UE4 Character Art Dive Online)
UE4を使った映像制作 (UE4 Character Art Dive Online)
 
[CEDEC2017] UE4プロファイリングツール総おさらい(グラフィクス編)
[CEDEC2017] UE4プロファイリングツール総おさらい(グラフィクス編)[CEDEC2017] UE4プロファイリングツール総おさらい(グラフィクス編)
[CEDEC2017] UE4プロファイリングツール総おさらい(グラフィクス編)
 
UE4における大規模背景制作事例 描画特殊表現編
UE4における大規模背景制作事例 描画特殊表現編UE4における大規模背景制作事例 描画特殊表現編
UE4における大規模背景制作事例 描画特殊表現編
 
ヒストリア HelixCore(Perforce) 運用レギュレーションドキュメント
ヒストリア HelixCore(Perforce) 運用レギュレーションドキュメントヒストリア HelixCore(Perforce) 運用レギュレーションドキュメント
ヒストリア HelixCore(Perforce) 運用レギュレーションドキュメント
 
60fpsアクションを実現する秘訣を伝授 解析編
60fpsアクションを実現する秘訣を伝授 解析編60fpsアクションを実現する秘訣を伝授 解析編
60fpsアクションを実現する秘訣を伝授 解析編
 

Similaire à UE4のMediaFrameworkについて

はじめてのUnreal Engine 4
はじめてのUnreal Engine 4はじめてのUnreal Engine 4
はじめてのUnreal Engine 4Shun Sasaki
 
UnrealEngine4で合成音声を使いたい
UnrealEngine4で合成音声を使いたいUnrealEngine4で合成音声を使いたい
UnrealEngine4で合成音声を使いたいItsuki Inoue
 
第4回UE4勉強会 in 大阪 UE4でのチーム製作
第4回UE4勉強会 in 大阪   UE4でのチーム製作第4回UE4勉強会 in 大阪   UE4でのチーム製作
第4回UE4勉強会 in 大阪 UE4でのチーム製作com044
 
Unreal Engine 4 勉強会 福岡 2014/05/25
Unreal Engine 4 勉強会 福岡 2014/05/25Unreal Engine 4 勉強会 福岡 2014/05/25
Unreal Engine 4 勉強会 福岡 2014/05/25Daisuke Nakamura
 
UE4 Grass Interaction
UE4 Grass InteractionUE4 Grass Interaction
UE4 Grass InteractionItsuki Inoue
 
ゲームエンジンの文法【UE4】No.002 Ue4 Epic Games Launcherについて
ゲームエンジンの文法【UE4】No.002 Ue4 Epic Games Launcherについてゲームエンジンの文法【UE4】No.002 Ue4 Epic Games Launcherについて
ゲームエンジンの文法【UE4】No.002 Ue4 Epic Games LauncherについてTatsuya Iwama
 
UE4のコンポジット機能をもっと深く使ってみた
UE4のコンポジット機能をもっと深く使ってみたUE4のコンポジット機能をもっと深く使ってみた
UE4のコンポジット機能をもっと深く使ってみたMasahiko Nakamura
 
あんりあるフレンズ ~あなた、アンリアルがとくいなけものなんだね~
あんりあるフレンズ ~あなた、アンリアルがとくいなけものなんだね~あんりあるフレンズ ~あなた、アンリアルがとくいなけものなんだね~
あんりあるフレンズ ~あなた、アンリアルがとくいなけものなんだね~Yuuki Ogino
 
GGJ2016用UE4ヒストリアBLOGリファレンス
GGJ2016用UE4ヒストリアBLOGリファレンスGGJ2016用UE4ヒストリアBLOGリファレンス
GGJ2016用UE4ヒストリアBLOGリファレンスShun Sasaki
 
シーケンサーの使い方と映像基礎
シーケンサーの使い方と映像基礎シーケンサーの使い方と映像基礎
シーケンサーの使い方と映像基礎Ginryu_dev
 
GTMF 2015: UE4で開発環境は次なるステージへ~才能のコラボーレーションでクリエイティビティはさらなる高みへ~ | エピック・ゲームズ・ジャパ...
GTMF 2015: UE4で開発環境は次なるステージへ~才能のコラボーレーションでクリエイティビティはさらなる高みへ~ |  エピック・ゲームズ・ジャパ...GTMF 2015: UE4で開発環境は次なるステージへ~才能のコラボーレーションでクリエイティビティはさらなる高みへ~ |  エピック・ゲームズ・ジャパ...
GTMF 2015: UE4で開発環境は次なるステージへ~才能のコラボーレーションでクリエイティビティはさらなる高みへ~ | エピック・ゲームズ・ジャパ...Game Tools & Middleware Forum
 

Similaire à UE4のMediaFrameworkについて (14)

はじめてのUnreal Engine 4
はじめてのUnreal Engine 4はじめてのUnreal Engine 4
はじめてのUnreal Engine 4
 
UnrealEngine4で合成音声を使いたい
UnrealEngine4で合成音声を使いたいUnrealEngine4で合成音声を使いたい
UnrealEngine4で合成音声を使いたい
 
第4回UE4勉強会 in 大阪 UE4でのチーム製作
第4回UE4勉強会 in 大阪   UE4でのチーム製作第4回UE4勉強会 in 大阪   UE4でのチーム製作
第4回UE4勉強会 in 大阪 UE4でのチーム製作
 
Unreal Engine 4 勉強会 福岡 2014/05/25
Unreal Engine 4 勉強会 福岡 2014/05/25Unreal Engine 4 勉強会 福岡 2014/05/25
Unreal Engine 4 勉強会 福岡 2014/05/25
 
UE4 Grass Interaction
UE4 Grass InteractionUE4 Grass Interaction
UE4 Grass Interaction
 
UE4をレンダラとした趣味的スピード背景ルックデブ(UE4 Environment Art Dive)
UE4をレンダラとした趣味的スピード背景ルックデブ(UE4 Environment Art Dive)UE4をレンダラとした趣味的スピード背景ルックデブ(UE4 Environment Art Dive)
UE4をレンダラとした趣味的スピード背景ルックデブ(UE4 Environment Art Dive)
 
ゲームエンジンの文法【UE4】No.002 Ue4 Epic Games Launcherについて
ゲームエンジンの文法【UE4】No.002 Ue4 Epic Games Launcherについてゲームエンジンの文法【UE4】No.002 Ue4 Epic Games Launcherについて
ゲームエンジンの文法【UE4】No.002 Ue4 Epic Games Launcherについて
 
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
猫でも分かるUE4を使った VRコンテンツ開発 超入門編 2021
 
UE4でマルチプレイヤーゲームを作ろう
UE4でマルチプレイヤーゲームを作ろうUE4でマルチプレイヤーゲームを作ろう
UE4でマルチプレイヤーゲームを作ろう
 
UE4のコンポジット機能をもっと深く使ってみた
UE4のコンポジット機能をもっと深く使ってみたUE4のコンポジット機能をもっと深く使ってみた
UE4のコンポジット機能をもっと深く使ってみた
 
あんりあるフレンズ ~あなた、アンリアルがとくいなけものなんだね~
あんりあるフレンズ ~あなた、アンリアルがとくいなけものなんだね~あんりあるフレンズ ~あなた、アンリアルがとくいなけものなんだね~
あんりあるフレンズ ~あなた、アンリアルがとくいなけものなんだね~
 
GGJ2016用UE4ヒストリアBLOGリファレンス
GGJ2016用UE4ヒストリアBLOGリファレンスGGJ2016用UE4ヒストリアBLOGリファレンス
GGJ2016用UE4ヒストリアBLOGリファレンス
 
シーケンサーの使い方と映像基礎
シーケンサーの使い方と映像基礎シーケンサーの使い方と映像基礎
シーケンサーの使い方と映像基礎
 
GTMF 2015: UE4で開発環境は次なるステージへ~才能のコラボーレーションでクリエイティビティはさらなる高みへ~ | エピック・ゲームズ・ジャパ...
GTMF 2015: UE4で開発環境は次なるステージへ~才能のコラボーレーションでクリエイティビティはさらなる高みへ~ |  エピック・ゲームズ・ジャパ...GTMF 2015: UE4で開発環境は次なるステージへ~才能のコラボーレーションでクリエイティビティはさらなる高みへ~ |  エピック・ゲームズ・ジャパ...
GTMF 2015: UE4で開発環境は次なるステージへ~才能のコラボーレーションでクリエイティビティはさらなる高みへ~ | エピック・ゲームズ・ジャパ...
 

UE4のMediaFrameworkについて