1fullpage=true 2no_footer_links=true 3carousel=true 4page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers. 5@jd:body 6 7 8<div class="wrap"> 9 <!-- Slideshow --> 10 <div class="slideshow-container slideshow-home col-16"> 11 <a href="" class="slideshow-prev">Prev</a> 12 <a href="" class="slideshow-next">Next</a> 13 <div class="frame"> 14 <ul> 15 <li class="item carousel-home"> 16 <div class="content-left col-11" style="padding-top:65px;"> 17 <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> 18 <div style="box-shadow: 3px 10px 18px 1px #999;width:600px;height:338px"> 19 <div id="ytapiplayer"> 20 You need Flash player 8+ and JavaScript enabled to view this video. 21 </div> 22 <script type="text/javascript"> 23 var params = { allowScriptAccess: "always" }; 24 var atts = { id: "ytapiplayer" }; 25 swfobject.embedSWF("//www.youtube.com/v/RRelFvc6Czo?enablejsapi=1&playerapiid=ytplayer&version=3&HD=1;rel=0;showinfo=0;modestbranding;origin=developer.android.com;autohide=1", 26 "ytapiplayer", "600", "338", "8", null, null, params, atts); 27 28 // Callback used to pause/resume carousel based on video state 29 function onytplayerStateChange(newState) { 30 var isPaused = $("#pauseButton").hasClass("paused"); 31 if ((newState == 1) || (newState == 3)) { 32 // if playing or buffering, pause the carousel 33 if (!isPaused) { 34 $("#pauseButton").click(); 35 } 36 } else { 37 // otherwise, make sure carousel is running 38 if (isPaused) { 39 $("#pauseButton").click(); 40 } 41 } 42 } 43 44 // Callback received when YouTube player loads to setup callback (above) 45 function onYouTubePlayerReady(playerId) { 46 var ytplayer = document.getElementById("ytapiplayer"); 47 ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); 48 } 49 50 </script> 51 </div> 52 </div> 53 <div class="content-right col-4"> 54 <h1 style="white-space:nowrap;line-height:1em;">Developer Story: Smule</h1> 55 <p>The creators of AutoRap, Magic Piano, and Songify talk about launching on 56 Android and the explosive global growth they’ve seen on Google Play.</p> 57 </div> 58 </li> 59 <li class="item carousel-home"> 60 <div class="content-left col-9"> 61 <a href="{@docRoot}about/versions/jelly-bean.html"><img src="{@docRoot}images/home/android-jellybean.png" ></a> 62 </div> 63 <div class="content-right col-6"> 64 <h1>Android 4.2 Jelly Bean!</h1> 65 <p>The latest version of Jelly Bean is here, with performance optimizations, a refreshed UI, and great new features for developers. </p> 66 <p>Android 4.2 includes APIs for developing lock sceen widgets and Daydream screensavers, using external displays, creating RTL layouts, building flexible UI with nested Fragments, and much more.</p> 67 <p><a href="{@docRoot}about/versions/jelly-bean.html" class="button">Learn More</a></p> 68 </div> 69 </li> 70 <li class="item carousel-home"> 71 <div class="content-left col-10"> 72 <img src="{@docRoot}images/home/design.png" style="margin-top:30px"> 73 </div> 74 <div class="content-right col-5"> 75 <h1>Make your Android apps<br>look great</h1> 76 <p>New templates in the design guide make it easier than ever to design apps 77that are beautiful and easy to use.</p> 78 <p><a href="{@docRoot}design/index.html" class="button">Learn More</a></p> 79 </div> 80 </li> 81 <li class="item carousel-home"> 82 <div class="content-left col-10"> 83 <img src="{@docRoot}images/home/google-io.png"> 84 </div> 85 <div class="content-right col-5"> 86 <h1>Android videos<br/> from Google I/O!</h1> 87 <p>If you couldn't make it to Google I/O this year or want to review some of the material, 88 all of the Android sessions are now available for viewing online.</p> 89 <p><a href="http://www.youtube.com/playlist?list=PL4C6BCDE45E05F49E&feature=plcp" 90class="button">Watch the Android sessions</a></p> 91 </div> 92 </li> 93 <li class="item carousel-home"> 94 <div class="content-left col-10"> 95 <img src="{@docRoot}images/home/google-play.png" 96 style="margin-top:50px"> 97 </div> 98 <div class="content-right col-5"> 99 <h1>Publish your apps<br>in Google Play</h1> 100 <p>The most visited store in the world for Android apps. Cloud-connected and always synced, it's never been easier for users to find and download your apps.</p> 101 102 <p><a href="{@docRoot}distribute/index.html" class="button">Learn More</a></p> 103 </div> 104 </li> 105 </ul> 106 </div> 107 </div> 108 <!-- /End slideshow --> 109 110 <a href="" id="pauseButton" style="display:none">pause</a> 111 112 113</div> 114<div class="wrap" style="padding-bottom:20px"> 115 <!-- Section links --> 116 <div class="home-sections"> 117 <ul> 118 <li><a href="{@docRoot}about/index.html">About Android</a></li> 119 <li><a href="{@docRoot}sdk/index.html">Get the SDK</a></li> 120 <li><a href="http://source.android.com">Open Source</a></li> 121 <li><a href="{@docRoot}support.html">Support</a></li> 122 <li class="last"><a href="{@docRoot}legal.html">Legal</a></li> 123 </ul> 124 </div> 125 <!-- /Section links --> 126</div> 127
