俺のChromecast

94
俺俺 Chromecast ω `)

description

Chromecast Summary

Transcript of 俺のChromecast

Page 1: 俺のChromecast

俺のChromecast(´ ・ ω ・ `)

Page 2: 俺のChromecast

岡野忍  ( おかのしのぶ )

• Android エンジニア

• @operandoOS

• Play

Framework/Firefox OS

Processing/Arduino

Dart/Ruby

Chromecast

Page 3: 俺のChromecast
Page 4: 俺のChromecast

はい、これ!

Page 5: 俺のChromecast

USB の中に

Chrome OS

入ってるの?

Page 6: 俺のChromecast

はい、そうです。

Page 7: 俺のChromecast

あ、それ欲しい。

Page 8: 俺のChromecast

買いました。

Page 9: 俺のChromecast
Page 10: 俺のChromecast

Chrome OS です

Page 11: 俺のChromecast

Chrome OS とは?

Page 12: 俺のChromecast

Chrome OS とは?Google Chrome OS とは、 Google が

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

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

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

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

Page 13: 俺のChromecast

なんか話が違うぞ・・・

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

みなさんの頭の中

Page 14: 俺のChromecast

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

Page 15: 俺のChromecast
Page 16: 俺のChromecast

Chromecast です

Page 17: 俺のChromecast

買った人!

Page 18: 俺のChromecast

買いたい人!

Page 19: 俺のChromecast

Chromecast

とは?

Page 20: 俺のChromecast

ざっくりいうと

Page 21: 俺のChromecast

HDMI 端子に差し込む

小型の

メディア ストリーミング

端末

Page 22: 俺のChromecast

わかった?

Page 23: 俺のChromecast

いや、わからない

Page 24: 俺のChromecast

テレビ

HDMI 端子

Page 25: 俺のChromecast

テレビ

HDMI 端子

Page 26: 俺のChromecast

テレビ

HDMI 端子無線 LAN

Page 27: 俺のChromecast

テレビ

HDMI 端子

PC

無線 LAN

Page 28: 俺のChromecast

テレビ

HDMI 端子

PC

無線 LAN

動画!音楽!

動画!音楽!

Page 29: 俺のChromecast

テレビ

HDMI 端子

PC

無線 LAN

動画!音楽!

Page 30: 俺のChromecast

テレビ

HDMI 端子

PC

無線 LAN動画!音楽!

Page 31: 俺のChromecast

わかった?

Page 32: 俺のChromecast

いや、わからない

説明間違ってる

Page 33: 俺のChromecast

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

これ見たらわかるはず!

Page 34: 俺のChromecast

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

Page 35: 俺のChromecast

DEMO

Page 36: 俺のChromecast

わかった?

Page 37: 俺のChromecast

なんとなく

Page 38: 俺のChromecast

Chromecast できること

Page 39: 俺のChromecast

Chromecast できること

設定から自分の Chromecast の端末

名を変えられる

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

Page 40: 俺のChromecast

だけ?

Page 41: 俺のChromecast

だけ

Page 42: 俺のChromecast

正直説明するの

めんどう・・・

Page 43: 俺のChromecast

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

Page 44: 俺のChromecast

では

Developer 向けの

Page 45: 俺のChromecast

Chromecast のアプリ

Page 46: 俺のChromecast

Chromecast のアプリ

Sender Application

Page 47: 俺のChromecast

Chromecast のアプリ

Sender Application

Receiver Application

Page 48: 俺のChromecast

Sender Application

Page 49: 俺のChromecast

Sender Application

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

のアプリケーション

Page 50: 俺のChromecast

Sender Application

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

のアプリケーション

Android / iOS / Chrome ウェブアプ

Page 51: 俺のChromecast

Receiver Application

Page 52: 俺のChromecast

Receiver Application

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

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

ション。

Page 53: 俺のChromecast

Receiver Application

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

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

ション。

Chrome ウェブアプリ

Page 54: 俺のChromecast

Receiver Application

Page 55: 俺のChromecast

Receiver Application

Page 56: 俺のChromecast

Receiver Application Sender Application

Page 57: 俺のChromecast

Receiver Application Sender Application

Page 58: 俺のChromecast

Receiver Application Sender Application

Page 59: 俺のChromecast

Sender Application

Page 60: 俺のChromecast

Sender Application

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

用意されている

Page 61: 俺のChromecast

Sender Application

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

用意されている

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

Page 62: 俺のChromecast

Receiver Application

Page 63: 俺のChromecast

Receiver Application1ページから成る HTML 5アプリ

Page 64: 俺のChromecast

Receiver Application1ページから成る HTML 5アプリ

Receiver Application は3種類

Page 65: 俺のChromecast

Receiver Application1ページから成る HTML 5アプリ

Receiver Application は3種類

• Default Media Receiver

Page 66: 俺のChromecast

Receiver Application1ページから成る HTML 5アプリ

Receiver Application は3種類

• Default Media Receiver

• Styled Media Receiver

Page 67: 俺のChromecast

Receiver Application1ページから成る HTML 5アプリ

Receiver Application は3種類

• Default Media Receiver

• Styled Media Receiver

• Custom Receiver

Page 68: 俺のChromecast

Receiver Application1ページから成る HTML 5アプリ

Receiver Application は3種類

• Default Media Receiver

• Styled Media Receiver

• Custom Receiver

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

Page 69: 俺のChromecast

Default Media Receiver

Page 70: 俺のChromecast

Default Media Receiver

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

Page 71: 俺のChromecast

Default Media Receiver

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

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

Page 72: 俺のChromecast

Default Media Receiver

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

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

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

Page 73: 俺のChromecast

Default Media Receiver

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

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

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

 → Developer Console で登録不要

Page 74: 俺のChromecast

Default Media Receiver

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

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

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

 → Developer Console で登録不要

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

妙!!

Page 75: 俺のChromecast

Styled Media Receiver

Page 76: 俺のChromecast

Styled Media Receiver

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

Page 77: 俺のChromecast

Styled Media Receiver

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

自身で Receiver Application を作る必要

なし

 

Page 78: 俺のChromecast

Styled Media Receiver

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

自身で Receiver Application を作る必要

なし

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

Page 79: 俺のChromecast

Styled Media Receiver

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

自身で Receiver Application を作る必要

なし

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

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

 

Page 80: 俺のChromecast

Styled Media Receiver

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

自身で Receiver Application を作る必要

なし

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

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

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

Page 81: 俺のChromecast

Custom Receiver

Page 82: 俺のChromecast

Custom Receiver

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

Page 83: 俺のChromecast

Custom Receiver

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

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

Page 84: 俺のChromecast

Custom Receiver

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

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

Receiver 用 SDK を使って開発

Page 85: 俺のChromecast

Custom Receiver

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

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

Receiver 用 SDK を使って開発

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

Page 86: 俺のChromecast

Custom Receiver

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

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

Receiver 用 SDK を使って開発

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

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

Page 87: 俺のChromecast

Application動作の流れ

Page 88: 俺のChromecast

Sender Application

Page 89: 俺のChromecast

①Application ID

Sender Application

Page 90: 俺のChromecast

Google Service

App IDURL

①Application ID

②App ID

Sender Application

Page 91: 俺のChromecast

Google Service

App IDURL

①Application ID

②App ID③URL

Sender Application

Page 92: 俺のChromecast

Google Service

App IDURL

①Application ID

②App ID③URL

HTML

④URL Sender Application

Page 93: 俺のChromecast

まとめ

Sender Application は Developer Console に

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

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

Receiver Application は Custom Receiver の

開発が一番いい!!

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

Page 94: 俺のChromecast

Happy casting!