Weitere ähnliche Inhalte Ähnlich wie HTML5 VIDEO on Chromecast (20) Kürzlich hochgeladen (12) HTML5 VIDEO on Chromecast5. Supported Media Types
Video
Audio
Container
H.264 High Profile Level 4.1, 4.2 and
5, VP8
HE-AAC, LC-AAC, CELT/Opus, MP3,
Vorbis
MP4/CENC, WebM, MPEG-DASH,
SmoothStreaming
非対応:HTTP Live Streaming
DRM
Widevine, PlayReady
Subtitle
TTML - Timed Text Markup Language
WebVTT - Web Video Text Tracks
8. First Sample Application Build and Launch
Sender(Android)はライブラリを色々設定しなければな
らないので少し手間が掛かるが、
Receiver(HTML5)は、HTMLファイル1つだけ
MP4は簡単に再生!
https://github.com/googlecast/cast-android-sample
11. Google Cast Receiver API
•
•
•
•
•
•
•
•
•
cast.receiver.Channel
cast.receiver.ChannelFactory
cast.receiver.ChannelFactoryEvent
cast.receiver.ChannelHandler
cast.receiver.ConnectionService
cast.receiver.MessageEvent
cast.receiver.Platform
cast.receiver.Receiver
cast.receiver.RemoteMedia
12. Google Cast Receiver API
•
•
•
•
•
•
•
•
•
cast.receiver.Channel
cast.receiver.ChannelFactory
cast.receiver.ChannelFactoryEvent
cast.receiver.ChannelHandler
cast.receiver.ConnectionService
cast.receiver.MessageEvent
cast.receiver.Platform
cast.receiver.Receiver
cast.receiver.RemoteMedia
これだけ?
13. Google Cast Receiver API
•
•
•
•
•
•
•
•
•
cast.receiver.Channel
cast.receiver.ChannelFactory
cast.receiver.ChannelFactoryEvent
cast.receiver.ChannelHandler
cast.receiver.ConnectionService
cast.receiver.MessageEvent
cast.receiver.Platform
cast.receiver.Receiver
cast.receiver.RemoteMedia
これだけ?
通信系ばかり
14. Google Cast Receiver API
•
•
•
•
•
•
•
•
•
cast.receiver.Channel
これだけ?
cast.receiver.ChannelFactory
cast.receiver.ChannelFactoryEvent
cast.receiver.ChannelHandler
cast.receiver.ConnectionService
cast.receiver.MessageEvent
通信系ばかり
cast.receiver.Platform
cast.receiver.Receiver
cast.receiver.RemoteMedia
Adaptive
は?
15. Google Cast Receiver API
•
•
•
•
•
•
•
•
•
cast.receiver.Channel
これだけ?
cast.receiver.ChannelFactory
cast.receiver.ChannelFactoryEvent
cast.receiver.ChannelHandler
cast.receiver.ConnectionService
cast.receiver.MessageEvent
通信系ばかり
cast.receiver.Platform
cast.receiver.Receiver
cast.receiver.RemoteMedia
Adaptive
は?
DRMは?
23. Extends HTMLMediaElement
• Media Source Extensions (MSE)
• アダプティブ ストリーミングのサポートの定義
• Encrypted Media Extensions (EME)
• コンテンツ保護システムをサポートするため定義
• CDMへアクセスする為のAPI定義
• Content Decryption Model (CDM)
• コンテンツ暗号解除モジュール
• 実装はプラットフォーム側
25. dash.js
• dash.js • MPEG-DASHの Media Source Extensions API の
http://dashif.org/reference/players/javascript/index.html
JavaScript ライブラリ
•
Microsoft Smooth Streaming 対応?
• MPEG-DASH(Dynamic Adaptive Streaming over
HTTP)
• HTTPプロトコルを使った動画配信プロトコルの国
際標準規格
http://dashif.org/
33. 参考
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Casting Your Content to the Big Screen - Google Cast — Google Developers https://developers.google.com/
cast/
Stack Overflow http://stackoverflow.com/questions/tagged/chromecast
Stack Overflow http://stackoverflow.com/questions/tagged/google-cast
EME・DRMの行方 - http://furoshiki.hatenadiary.jp/entry/2013/06/07/040209
HTML5でDRMってアリなの? - https://www.slideshare.net/otachan/html5drm
DRM in HTML5 - https://luv.asn.au/files/20130604-drm_in_html.pdf
DRM in HTML5 | The Beautiful, Tormented Machine http://manu.sporny.org/2013/drm-in-html5/
EME WTF?: An introduction to Encrypted Media Extensions - HTML5 Rocks http://www.html5rocks.com/en/
tutorials/eme/basics/
Microsoft PlayReady DRM を使った Web ブラウザーでの Encrypted Media Extensions のサポート (Windows)
http://msdn.microsoft.com/ja-jp/library/windows/apps/dn466732.aspx
The Netflix Tech Blog: HTML5 Video at Netflix http://techblog.netflix.com/2013/04/html5-video-at-netflix.html
MPEG-DASH http://dashif.org/
DASH-264 JavaScript Reference Client Landing Page http://dashif.org/reference/players/javascript/
index.html
Dash-Industry-Forum/dash.js Wiki https://github.com/Dash-Industry-Forum/dash.js/wiki
Media Source Extensions http://www.w3.org/TR/media-source/
Encrypted Media Extensions http://www.w3.org/TR/encrypted-media/