俺のchromecast

俺のChromecast(´ ・ ω ・ `)

岡野忍　 ( おかのしのぶ )

• Android エンジニア

• @operandoOS

• Play

Framework/Firefox OS

Processing/Arduino

Dart/Ruby

Chromecast

はい、これ！

USB の中に

Chrome OS

入ってるの？

はい、そうです。

あ、それ欲しい。

買いました。

Chrome OS です

Chrome OS とは？

Chrome OS とは？Google Chrome OS とは、 Google が

開発しているオープンソースのオペレー

ティングシステム (OS) であ

る。 Linux カーネルを採用し、独自の

ウィンドウシステムを備えている。

なんか話が違うぞ・・・

こいつ大丈夫か？(-_-)zzz

みなさんの頭の中

すいません(´ ・ ω ・ `)

Chromecast です

買った人！

買いたい人！

Chromecast

とは？

ざっくりいうと

HDMI 端子に差し込む

小型の

メディア ストリーミング

端末

わかった？

いや、わからない

テレビ

HDMI 端子

テレビ

HDMI 端子

テレビ

HDMI 端子無線 LAN

テレビ

HDMI 端子

PC

無線 LAN

テレビ

HDMI 端子

PC

無線 LAN

動画！音楽！

動画！音楽！

テレビ

HDMI 端子

PC

無線 LAN

動画！音楽！

テレビ

HDMI 端子

PC

無線 LAN動画！音楽！

わかった？

いや、わからない

説明間違ってる

http://www.google.com/intl/ja/chrome/devices/chromecast/

これ見たらわかるはず！

てか、実際やればいいやん

DEMO

わかった？

なんとなく

Chromecast できること

Chromecast できること

設定から自分の Chromecast の端末

名を変えられる

「俺の Chromecast(´ ・ ω ・ `) 」

だけ？

だけ

正直説明するの

めんどう・・・

すいません(´ ・ ω ・ `)

では

Developer 向けの

話

Chromecast のアプリ

Chromecast のアプリ

Sender Application

Chromecast のアプリ

Sender Application

Receiver Application

Sender Application

Sender Application

Chromecast にコンテンツを送信する側

のアプリケーション

Sender Application

Chromecast にコンテンツを送信する側

のアプリケーション

Android / iOS / Chrome ウェブアプ

リ

Receiver Application

Receiver Application

Android / iOS / Chrome ウェブアプリな

どからコンテンツを受け取る側のアプリケー

ション。

Receiver Application

Android / iOS / Chrome ウェブアプリな

どからコンテンツを受け取る側のアプリケー

ション。

Chrome ウェブアプリ

Receiver Application

Receiver Application

Receiver Application Sender Application

Receiver Application Sender Application

Receiver Application Sender Application

Sender Application

Sender Application

各プラットフォームごとに SDK/API が

用意されている

Sender Application

各プラットフォームごとに SDK/API が

用意されている

必要な操作の UI は Sender 側で作成す

る

Receiver Application

Receiver Application１ページから成る HTML ５アプリ

Receiver Application１ページから成る HTML ５アプリ

Receiver Application は３種類

Receiver Application１ページから成る HTML ５アプリ

Receiver Application は３種類

• Default Media Receiver

Receiver Application１ページから成る HTML ５アプリ

Receiver Application は３種類

• Default Media Receiver

• Styled Media Receiver

Receiver Application１ページから成る HTML ５アプリ

Receiver Application は３種類

• Default Media Receiver

• Styled Media Receiver

• Custom Receiver

Receiver Application１ページから成る HTML ５アプリ

Receiver Application は３種類

• Default Media Receiver

• Styled Media Receiver

• Custom Receiver

Styled Media Receiver と Custom Receiver は Developer Console の登録が必要

Default Media Receiver

Default Media Receiver

単純なメディア再生のみを行う

Default Media Receiver

単純なメディア再生のみを行う

スタイルのカスタマイズができない

Default Media Receiver

単純なメディア再生のみを行う

スタイルのカスタマイズができない

アプリケーション ID はない

Default Media Receiver

単純なメディア再生のみを行う

スタイルのカスタマイズができない

アプリケーション ID はない

　→ Developer Console で登録不要

Default Media Receiver

単純なメディア再生のみを行う

スタイルのカスタマイズができない

アプリケーション ID はない

　→ Developer Console で登録不要

　→何にもいじれないから開発者的に微

妙！！

Styled Media Receiver

Styled Media Receiver

CSS で見た目をカスタマイズできる

Styled Media Receiver

CSS で見た目をカスタマイズできる

自身で Receiver Application を作る必要

なし

Styled Media Receiver

CSS で見た目をカスタマイズできる

自身で Receiver Application を作る必要

なし

　→出来上がっているアプリの見た目だけ変えられる

Styled Media Receiver

CSS で見た目をカスタマイズできる

自身で Receiver Application を作る必要

なし

　→出来上がっているアプリの見た目だけ変えられる

初めはこいつで作るのがオススメらしい

Styled Media Receiver

CSS で見た目をカスタマイズできる

自身で Receiver Application を作る必要

なし

　→出来上がっているアプリの見た目だけ変えられる

初めはこいつで作るのがオススメらしい

　→うーん、やっぱり微妙！！

Custom Receiver

Custom Receiver

自由になんでも作れるよ！ゲームみたいなの

も

Custom Receiver

自由になんでも作れるよ！ゲームみたいなの

も

　→これ！これが作りたい！

Custom Receiver

自由になんでも作れるよ！ゲームみたいなの

も

　→これ！これが作りたい！

Receiver 用 SDK を使って開発

Custom Receiver

自由になんでも作れるよ！ゲームみたいなの

も

　→これ！これが作りたい！

Receiver 用 SDK を使って開発

Sender とのメッセージのやりとりが柔軟にでき

る

Custom Receiver

自由になんでも作れるよ！ゲームみたいなの

も

　→これ！これが作りたい！

Receiver 用 SDK を使って開発

Sender とのメッセージのやりとりが柔軟にでき

る

　→かなり強力！やり方次第で何でもいけそう！

Application動作の流れ

Sender Application

①Application ID

Sender Application

Google Service

App IDURL

①Application ID

②App ID

Sender Application

Google Service

App IDURL

①Application ID

②App ID③URL

Sender Application

Google Service

App IDURL

①Application ID

②App ID③URL

HTML

④URL Sender Application

まとめ

Sender Application は Developer Console に

登録しなくても、割りと作れる

→ 対応する Receiver Application がないと意味なし

Receiver Application は Custom Receiver の

開発が一番いい！！

まだわかってないこといっぱい・・・

Happy casting!