Contenu connexe Similaire à HTML5 VIDEO on Chromecast (20) 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/