DevBytes: Google Cast SDK for iOSYouTube↗  IA↗(long shot)
Science & Technology  16.9K views 25 likes 6 dislikes   05 Feb 2014
Google for Developers 2.7M subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Hello, my name is Kevin Nilson, and I'm
こんにちは。 Kevin Nilson です。
a developer advocate for Google Cast.
私は、Google Cast の デベロッパーアドボケートです。
I'm here to give you a quick overview of the Google Cast iOS
今回は、Google Cast の iOS 向け SDK の
SDK.
概要を説明します。
The Google Cast SDK allows you to extend your existing iOS,
Google Cast SDK によって、 既存 の iOS、Android、
Android, and Chrome application to a second screen using
Chrome アプリケーションに、 Chromecast などの
a Google Cast receiver device such as a Chromecast.
Google Cast レシーバーデバイスを使う セカンド スクリーン機能を追加できます。
Google Cast enables you to use the familiar controls
Google Cast では、大画面での
of your phone, tablet, or browser
アプリケーション操作に、電話、 タブレット、
to control the experience of your application
ブラウザ上の使い慣れたコントロールを
on the big screen.
使用できます。
Let's start by looking at the life cycle of an iOS Google
まず、Google Cast のセンダーとなる iOS アプリケーションの
Cast sender application.
ライフサイクル全体を見てみましょう。
First, you must scan for devices on your network.
最初に、ネットワーク上で デバイスを検索します。
Once devices are found, the user can
デバイスがいくつか見つかったら、 デバイス マネージャが
select a device for the device manager to connect to.
接続するデバイスをユーザーが 選択します。
Once connected, you will launch the application.
接続がされると、 アプリケーションが起動されます。
And finally after the application is launched,
そして、アプリケーションが 起動されれば、
you can begin sending and receiving messages.
メッセージの送受信を開始できます。
Now, let's look at the Cast icon.
次に、Cast アイコンに 注目しましょう。
You should only show the Cast icon
Cast アイコンはネットワーク上で
when Cast devices are found on your network.
Cast デバイスが見つかった 場合にのみ表示されます。
As you can see, in this example, when the user clicks
このサンプルのように、 ユーザーがアイコンを
the Cast icon you show a list of Cast devices
クリックすると、接続可能な Cast デバイスの
that can be connected to.
一覧が表示されます。
To show a list of devices, you begin
このようなデバイスの 一覧を表示するには、まず、
by starting the scan of the device scanner.
デバイス探索を行う deviceScanner を使って 検索を開始します。
After scanning for a few seconds,
数秒の検索の後、
you can ask the device scanner for a list
deviceScanner に対して、 ネットワーク上のデバイスの一覧を
of devices on your network.
表示するように指示します。
Each device object has attributes,
各デバイス オブジェクトは 説明的な名前など、
such as friendly name, that can be displayed to the user.
ユーザーに表示できる 属性を備えています。
While scanning, the device did come online delegate
検索時には、デバイスが検出されるごとに
will be culled for each device that is found.
deviceDidComeOnline デリゲートが 呼び出されます。
Keep in mind that you do not need to manually keep
ここで覚えておいて欲しい点は、 これらのデバイスを手動で
track of these devices because the device scanner already
維持管理する必要はないということです。 デバイスの一覧は
maintains a list of devices.
deviceScanner がすでに保持しています。
You can, however, use the device did come online delegate call
しかしこの場合でも、deviceDidComeOnline デリゲートの
back to trigger refreshing of the device list
コールバックを使用して、 ユーザーに表示している
that you were showing to the user.
デバイス一覧の更新を開始する ことは可能です。
The Cast icon has two primary states--
Cast アイコンの主なステータスは
disconnected and connected.
接続状態と切断状態の 2 つです。
When a cast device is connected, you
Cast デバイスが接続されたら、
must change the color of the Cast icon to be highlighted.
Cast アイコンを目立たせるために 色を変更します。
The connected state color can be customized
接続状態を表す色は、 各アプリケーションの
to match the color scheme of your application.
配色に合わせて カスタマイズできます。
Here you can see that in the Cast video sample application
この Cast ビデオの サンプル アプリケーションでは、
we chose yellow for the connected state.
接続状態を表す色として 黄色を選択しました。
Also, there's an intermediate state
この他に、Wi-Fi ネットワークが 遅い場合に対応するため、
when the Cast receiver is connecting,
Cast レシーバーが 接続しようとしている
which accommodates the case when a Wi-Fi network is slow.
最中であることを 表す中間的な状態もあります。
For this state, the Google Cast button appears animated.
この状態では、Cast ボタンに アニメーションを表示します。
The waves in the lower left corner of the Google Cast
Google Cast ボタンの 左下隅の波の絵の部分が
button change progressively to the color
接続状態の色に徐々に
of the connected state.
変化します。
To connect to a device, you start
次に、デバイスに接続します。 このためには
by initializing a device manager with the selected device.
まず、選択したデバイスで デバイス マネージャを初期化します。
Now you can connect the device manager.
初期化後、デバイス マネージャを 接続します。
When the device manager connects,
デバイス マネージャが接続されると、
the device manager did connect delegate method is called.
deviceManagerDidConnect デリゲート メソッドが 呼び出されます。
Now that you're connected, you can launch your application
接続ができたら、デベロッパー ポータルから
using the application ID you received from the developer
受け取ったアプリケーション ID を使用して
portal.
アプリケーションを起動します。
Launching the application will cause the HTML5 receiver app
アプリケーションを起動することで、 HTML5 受信アプリが開始されます。
to launch, giving you the ten-foot experience.
これは、3 メートル程度離れた場所からでも操作しやすい 「10 フィート」エクスペリエンスを提供します。
Once your application is launched,
アプリケーションが起動したら、
you are ready to send and receive messages.
メッセージを送受信する ための準備は完了です。
You must subclass Cast Channel to send and receive
Cast Channel をサブクラス化して Google Cast レシーバーと
text messages to your Google Cast receiver.
テキスト メッセージを送受信します。
Media Control Channel, a subclass of a Cast Channel,
メディアの制御には、 Cast Channel のサブクラスである
is a convenience class that should
Media Control Channel を使用すると
be used when controlling media.
便利です。
Now, you should have a clear picture
さて、これで Google Cast アプリケーションの
of the life cycle of a Google Cast application.
ライフサイクルを ご理解いただけたと思います。
When you start thinking about adding Google
Google Cast を アプリケーションに追加する際は、
Cast to your application, I recommend
デザインチェックリストを 確認することを
reading the design checklist.
お勧めします。
By following the checklist your application
チェックリストに従うことにより、 あらゆる
will follow common user interface patterns
Google Cast センダーアプリケーションに 共通するユーザー インターフェイス
that are found across all Google Cast sender applications,
パターンに従ったアプリケーションを 開発できます。
keeping your Cast experience simple, intuitive,
またこれは、シンプルで、直観的で、動作を予測しやすい Google Cast エクスペリエンスを
and predictable.
実現することにもつながります。
All users benefit when every Cast application
すべての Cast アプリケーションが 同じパターンで実装されることは、
implements the same patterns.
どのユーザーにも歓迎されるはずです。
Following these guidelines will help your users avoid pitfalls
提供されているガイドラインに従うことにより、 Google Cast を使うユーザーが
when using Google Cast.
戸惑うことも少なくなります。
To help you implement the best practices,
皆様にベスト プラクティスを 実装していただけるよう、
we have provided a series of checklist items
私たちは、豊富な説明と 画像を用いた
with full descriptions and pictures.
チェックリストを提供しています。
You can get more details about the Google Cast SDK
Google Cast SDK の詳細については、
at developers.google.com/cast.
developers.google.com/cast を参照してください。
Don't forget to take a look at the Cast Design Checklist,
Cast デザインチェックリストも 忘れずにご確認ください。
you can find several example apps at github.com/googlecast.
サンプル アプリケーションは github.com/googlecast で提供しています。
Feel free to post your developer questions to Stack Overflow
開発に関する質問は、 Stack Overflow で
using #google-cast.
#google-cast タグを付けて気軽に投稿してください。
You can also join the Google Cast Developers Community
専門的な情報が欲しい場合や、 ご自身の経験を共有したい場合は、
on Google+ for pro tips and to share your experience.
Google+ 上の Google Cast の開発者コミュニティ にもぜひご参加ください。
It's now up to you to go and create a great iOS Google Cast
皆様によって、Google Cast の送信側となる すばらしい iOS アプリが
sender.
開発されることを願っています。
Happy casting.
ハッピーキャスティング！
Similar videos:

DevBytes: Google Cast for Chrome
Google for Developers
27.3K views 47 likes 6 dislikes 05 Feb 201495% match

DevBytes: Overview for Google Cast Receivers
Google for Developers
37.3K views 78 likes 2 dislikes 05 Feb 201491% match

DevBytes: Google Cast SDK for Android
Google for Developers
30.5K views 87 likes 5 dislikes 13 Feb 201467% match

Google Cast SDK Overview (Deprecated)
Google for Developers
114K views 272 likes 15 dislikes 03 Feb 201462% match

Google Cast: Introduction to the SDK
Google for Developers
47K views 141 likes 7 dislikes 10 Dec 201446% match

Introduction to the Google Cast SDK, Version 3
Google for Developers
105.1K views 282 likes 16 dislikes 27 Jun 201643% match

DevBytes - The Beauty of Scale with Google Cloud Platform
Google for Developers
38.3K views 221 likes 4 dislikes 28 Feb 201438% match

Google I/O 2016 Highlights
Google for Developers
46.6K views 649 likes 15 dislikes 26 May 201638% match

Designing for Google Cast
Google for Developers
28K views 69 likes 2 dislikes 25 Jun 201438% match

DevBytes: Introduction to Google Cloud Endpoints
Google for Developers
27.3K views 165 likes 1 dislikes 21 Mar 201433% match

DevBytes - What is BigQuery?
Google for Developers
95.7K views 373 likes 19 dislikes 24 Mar 201433% match

Google Play Services 6.5
Google for Developers
24.6K views 498 likes 31 dislikes 08 Dec 201432% match


Google Developers Channel - Trailer
Google for Developers
181.5K views 116 likes 21 dislikes 03 Sep 201532% match

DevBytes - Google Compute Engine Core Concepts
Google for Developers
49.3K views 238 likes 8 dislikes 24 Mar 201431% match

VR at Google - Google I/O 2016
Google for Developers
73K views 484 likes 16 dislikes 19 May 201631% match

DevBytes - Your App, At Scale with Google App Engine
Google for Developers
103.5K views 237 likes 4 dislikes 24 Mar 201431% match

Sign in series #1: The New Google Sign-in for iOS (Route 85)
Google for Developers
30.8K views 140 likes 4 dislikes 24 Aug 201530% match

DevBytes: Intro to Google Maps Data Layer
Google for Developers
81.1K views 179 likes 7 dislikes 18 Mar 201430% match

Importing the Mobile Ads SDK - Mobile Ads Garage #1
Google for Developers
427K views 1.9K likes 293 dislikes 14 Apr 201630% match

Google Summer of Code: Student Application Process
Google for Developers
27.8K views 275 likes 8 dislikes 26 Feb 201430% match

VR & Cinema - Google I/O 2016
Google for Developers
76.6K views 683 likes 47 dislikes 19 May 201630% match

Coming to a Chromebook near you - Google I/O 2016
Google for Developers
156K views 836 likes 27 dislikes 03 Jun 201630% match

Chromebook Developer Mode
Google for Developers
31.7K views 188 likes 19 dislikes 17 Mar 201429% match

Nearby Messages (100 days of Google Dev)
Google for Developers
46.9K views 147 likes 9 dislikes 17 Jul 201529% match

DevBytes: Android L Developer Preview
Google for Developers
46.3K views 801 likes 13 dislikes 18 Jul 201429% match

MapsZen - Visualize (100 Days of Google Dev)
Google for Developers
45K views 108 likes 2 dislikes 22 Jun 201528% match

DevBytes: Chrome DevTools Device Mode
Google for Developers
73.4K views 340 likes 26 dislikes 10 Oct 201428% match

Fetch API (100 Days of Google Dev)
Google for Developers
31.5K views 642 likes 12 dislikes 05 Jul 201528% match

YouTube Developers Live: Getting a Channel's Uploads in v3
Google for Developers
36.6K views 246 likes 24 dislikes 29 Jan 201428% match


Settings Privacy About Contact Donate