1 page.title=Google Cast Android API 2 page.tags="chromecast","miracast" 3 header.hide=1 4 5 @jd:body 6 7 8 <div class="landing-banner"> 9 10 <div class="col-6"> 11 <img src="{@docRoot}images/google/googlecast.png" alt=""> 12 </div> 13 <div class="col-6"> 14 15 <h1 itemprop="name" style="margin-bottom:0;">Google Cast Android API</h1> 16 <p itemprop="description">Google Cast is a technology that enables multi-screen experiences, which 17 allows users to send content from mobile devices and personal computers to their TVs. 18 You can use the Google Cast Android API 19 to add casting functionality to your Android app so users can view your app content on their 20 big screens.</p> 21 22 <p>Explore the <a href="{@docRoot}reference/com/google/android/gms/cast/package-summary.html" 23 >Google Cast Android API reference</a> or visit <a 24 href="http://developers.google.com/cast/" class="external-link">developers.google.com/cast</a> 25 for more information about how to design and build your app to support Google Cast.</p> 26 <p></p> 27 </div> 28 </div> 29 30 <div class="landing-docs"> 31 <div class="col-6 normal-links"> 32 <h3 style="clear:left">Key Developer Features</h3> 33 34 <h4>Add your own style to a pre-built receiver app</h4> 35 <p>Adding support for Google Cast requires that you provide a companion app on the 36 Google Cast device, known as the receiver app. If your app streams audio or video content 37 using one of several supported media types, then you can create a receiver app with your 38 own style and branding by creating nothing more than a CSS file. 39 <br/><a href="http://developers.google.com/cast/docs/styled_receiver" class="external-link" 40 >Create a Styled Media Receiver</a></p> 41 42 <h4>Build an entirely custom receiver app</h4> 43 <p>If the Styled Media Receiver does not provide the UI components required for your 44 receiver app or does not support the media types your app requires, you can build your 45 own receiver app as a web page using the JavaScript Receiver API. 46 <br/><a href="http://developers.google.com/cast/docs/styled_receiver" class="external-link" 47 >Create a Custom Receiver</a></p> 48 49 <h4>Add playback controls to your app</h4> 50 <p>To allow users to control playback on the receiver app, you can add a 51 controller interface to your app on Android, iOS, and Chrome. The client app on these devices 52 is known as the sender app and can perform a variety of actions using the Google Cast APIs 53 such as start and pause playback and control the volume on the Google Cast device. 54 <br/><a href="http://developers.google.com/cast/docs/sender_apps" class="external-link" 55 >Create a Sender App</a></p> 56 </div> 57 58 59 <div class="col-6 normal-links"> 60 <h3 style="clear:left">Getting Started</h3> 61 <h4>1. Get the Google Play services SDK</h4> 62 63 <p>The Google Cast Android APIs are part of the Google Play services platform.</p> 64 <p>To get started, <a href="{@docRoot}google/play-services/setup.html">set up 65 the Google Play services SDK</a> on your development machine and be sure your test device has 66 Google Play services 4.2 (or higher) installed.</p> 67 68 <h4>2. Register your app</h4> 69 <p>Before you can develop and test apps on your own Google Cast device, 70 you need to acquire an app ID for your API calls and register your Google Cast device 71 (such as a Chromecast) as a development device. For details, read the 72 <a href="http://developers.google.com/cast/docs/registration" 73 class="external-link">Registration</a> guide.</p> 74 75 <h4>3. Design the Android app UI</h4> 76 <p>To provide the perfect user experience when casting your content to TVs, be sure your 77 app follows all the recommendations in the <a class="external-link" 78 href="https://developers.google.com/cast/docs/design_checklist" 79 >Design Checklist</a>.</p> 80 81 <h4>4. Start developing</h4> 82 <p>Read the <a class="external-link" 83 href="https://developers.google.com/cast/docs/developers">Developer's Guide</a> 84 to learn how to implement the receiver app and how to send it commands from your Android app. 85 </p> 86 87 <p>For quick access while developing your Android app, the 88 <a href="{@docRoot}reference/com/google/android/gms/cast/package-summary.html">Google Cast 89 Android API reference</a> is available here on developer.android.com.</p> 90 91 </div> 92 </div>
