Downloaded 23 times
More Related Content
![[CEDEC2017] UE4プロファイリングツール総おさらい（グラフィクス編）](https://cdn.slidesharecdn.com/ss_thumbnails/ue4profilingbasiccedec2017-170831013144-thumbnail.jpg?width=640&height=640&fit=bounds)
More from Daiyu Hatakeyama
動画配信の基礎知識
- 1.
- 5.
- 8.
- 10.
- 11. 音声 データ♬ ♬ 画像データ
- 12.
- 13.
- 14. 8K UHD 4320p (7680x 4320) 4K UHD 2160p (3840 x 2160) HD 1080i/1080p (1920 x 1080) SD 480i (720 x 480) 10分 50MB 200MB 800MB 3.2GB ?
- 15.
- 16.
- 17. 項目 状態 備考 ビットレート2 Mbps スマートフォンだと大きめ 映像の尺 (長さ) 30 分 • 1秒間 2M • 30分 Byte 450 MB
- 18.
- 19. スライド = シーン! 出力= エンコード!
- 20.
- 21.
- 22.
- 26.
- 27. (standard) Streaming 3Mbps Streaming Server HTTPProgressive Download RTMP / RTSP / MMS etc … 3Mbps Web ServerHTTP Cache Adaptive bitrate Streaming over HTTP 3Mbps Streaming Server HTTP Cache 1Mbps 512 kbps 256 kbps
- 28. 2 4 68 2 4 6 8 2 4 6 8 2 4 6 8 4 6 8 350.ismv 600.ismv 1450.ismv 1050.ismv 350kbps 600kbps 1050kbps 1450kbps
- 30. Smooth Streaming HttpLive Streaming Http Dynamic Streaming
- 31. Dynamic Adaptive Streamingover HTTP (DASH) Smooth Streaming Http Live Streaming Http Dynamic Streaming
- 33. リーチ機会の増加 • デバイス個別対応の最小 化 • 新旧のデバイスに対応し やすく ベンダーロックイン からの解放 •自分のビジネス計画を優 先 • 将来にわたってベンダー を選べる 開発コスト最小化 • 「ユニバーサル プレイ ヤー」 • リリース期間の最小化
- 35.
- 38. フォーマッ ト Player Smooth Streaming PIFF HLS HDS DRM Server PlayReady Silverlight など MPEG2-TS (AES256) QuickTime など F4V /MP4 Adobe Access Flash Player など データ構造
- 39. フォーマッ ト Player Smooth Streaming PIFF HLS HDS DRM Server PlayReady Silverlight など MPEG2-TS (AES256) QuickTime など F4V /MP4 Adobe Access Flash Player など データ構造 ISO Based Media File (MP4) / MPEG2-TS MPEG-DASH Common Encryption +α HTML5 MSE + EME
- 41. <MPD profiles="urn:mpeg:dash:profile:isoff-on-demand:2011“/> <Period> <ContentProtection schemeIdUri="urn:mpeg:da…"value="cenc"/> <AdaptationSet mimeType=“video/mp4”> <Representation bandwidth="6000000" width="1920" height="1080“> <BaseURL>movie-high.mp4</BaseURL> <SegmentBase indexRange=“804-1123”> <Initialization range=“0-803”> </SegmentBase> </Representation> <Representation bandwidth="2962000" width="1280" height="720“> <BaseURL>movie-medium.mp4</BaseURL> <SegmentBase … </Representation> <Representation bandwidth="1427000" width=“856" height="480“> <BaseURL>movie-low.mp4</BaseURL> <SegmentBase … </Representation> </AdaptationSet> …
- 42. <MPD profiles="urn:mpeg:dash:profile:isoff-live:2011“> <Period> <ContentProtection schemeIdUri="urn:mpeg:dash…"value="cenc"/> <AdaptationSet mimeType=“video/mp4”> <SegmentTemplate media=“Level($Bandwidth$)/Fragment($Time$) initialization="Level($Bandwidth$)/Fragments(init)> <SegmentTimeline> <S d=3 r=430 /> </SegmentTimeline> </SegmentTemplate> <Representation bandwidth="6000000" width="1920" height="1080“/> <Representation bandwidth="2962000" width="1280" height="720“/> <Representation bandwidth="1427000" width="856" height="480“/> </AdaptationSet> <AdaptationSet mimeType=“audio/mp4”> <SegmentTemplate … <Representation bandwidth=“160000”/> <Representation bandwidth=“64000”/>
- 43.
- 44.
- 47. <html> <head> <title>HTML5 VIDEO</title> <script src="dash.all.js"></script> <script> //setup the video element and attach it to the Dash player function setupVideo() { var url = "http://wams.edgesuite.net/media/MPTExpressionData02/BigBuckBunny_1080p24_IYUV_2ch.ism/manifest(format=mpd-time-csf)"; var context = new Dash.di.DashContext(); var player = new MediaPlayer(context); player.startup(); player.attachView(document.querySelector("#videoplayer")); player.attachSource(url); } window.addEventListener("load", setupVideo, false); </script> </head> <body> <video controls id="videoplayer" width="80%" height="80%"></video> </body> </html>
- 48. Application (Player) • HTML5 withEnhancement • Native Authorization • Video Authorization Profile of IETE OAuth • IETF Simple Web Discovery Transport • ISO MPEG Dynamic Adaptive Streaming over HTTP Media Format • ISO Based Media File Format • UltraViolet Common File Format, Common Streaming Format Codec • H.264, HEVC • AAC Encryption • ISO MPEG Common Encryption
- 50.