<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="https://script.spoken-tutorial.org/skins/common/feed.css?303"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
		<id>https://script.spoken-tutorial.org/index.php?action=history&amp;feed=atom&amp;title=Android-app-using-Kotlin%2FC3%2FPlaying-video-using-YouTube-API%2FEnglish</id>
		<title>Android-app-using-Kotlin/C3/Playing-video-using-YouTube-API/English - Revision history</title>
		<link rel="self" type="application/atom+xml" href="https://script.spoken-tutorial.org/index.php?action=history&amp;feed=atom&amp;title=Android-app-using-Kotlin%2FC3%2FPlaying-video-using-YouTube-API%2FEnglish"/>
		<link rel="alternate" type="text/html" href="https://script.spoken-tutorial.org/index.php?title=Android-app-using-Kotlin/C3/Playing-video-using-YouTube-API/English&amp;action=history"/>
		<updated>2026-04-27T23:43:54Z</updated>
		<subtitle>Revision history for this page on the wiki</subtitle>
		<generator>MediaWiki 1.23.17</generator>

	<entry>
		<id>https://script.spoken-tutorial.org/index.php?title=Android-app-using-Kotlin/C3/Playing-video-using-YouTube-API/English&amp;diff=48207&amp;oldid=prev</id>
		<title>Nancyvarkey at 12:24, 15 July 2019</title>
		<link rel="alternate" type="text/html" href="https://script.spoken-tutorial.org/index.php?title=Android-app-using-Kotlin/C3/Playing-video-using-YouTube-API/English&amp;diff=48207&amp;oldid=prev"/>
				<updated>2019-07-15T12:24:08Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;a href=&quot;https://script.spoken-tutorial.org/index.php?title=Android-app-using-Kotlin/C3/Playing-video-using-YouTube-API/English&amp;amp;diff=48207&amp;amp;oldid=47946&quot;&gt;Show changes&lt;/a&gt;</summary>
		<author><name>Nancyvarkey</name></author>	</entry>

	<entry>
		<id>https://script.spoken-tutorial.org/index.php?title=Android-app-using-Kotlin/C3/Playing-video-using-YouTube-API/English&amp;diff=47946&amp;oldid=prev</id>
		<title>Nirmala Venkat: Created page with &quot; {| style=&quot;border-spacing:0;&quot; | style=&quot;background-color:#c0c0c0;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&quot;| &lt;cent...&quot;</title>
		<link rel="alternate" type="text/html" href="https://script.spoken-tutorial.org/index.php?title=Android-app-using-Kotlin/C3/Playing-video-using-YouTube-API/English&amp;diff=47946&amp;oldid=prev"/>
				<updated>2019-07-01T10:22:16Z</updated>
		
		<summary type="html">&lt;p&gt;Created page with &amp;quot; {| style=&amp;quot;border-spacing:0;&amp;quot; | style=&amp;quot;background-color:#c0c0c0;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &amp;lt;cent...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;&lt;br /&gt;
{| style=&amp;quot;border-spacing:0;&amp;quot;&lt;br /&gt;
| style=&amp;quot;background-color:#c0c0c0;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &amp;lt;center&amp;gt;'''Visual Cue'''&amp;lt;/center&amp;gt;&lt;br /&gt;
| style=&amp;quot;background-color:#c0c0c0;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &amp;lt;center&amp;gt;'''Narration'''&amp;lt;/center&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 1:&lt;br /&gt;
&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Welcome to the''' Spoken Tutorial''' on''' Playing video using YouTube API.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 2:&lt;br /&gt;
&lt;br /&gt;
Learning Objectives&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| In this tutorial we will learn to&lt;br /&gt;
&lt;br /&gt;
* Create a '''project''' in '''Google cloud'''&lt;br /&gt;
* Enable the '''YouTube API'''&lt;br /&gt;
* Initialise''' '''the''' YouTubePlayerView''' in '''Android studio'''&lt;br /&gt;
* Run the '''Kotlin''' '''App '''and&lt;br /&gt;
* Play the selected video&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 3:&lt;br /&gt;
&lt;br /&gt;
System requirement&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| To record this tutorial, I am using&lt;br /&gt;
&lt;br /&gt;
* '''Ubuntu Linux 16.04''' operating system &lt;br /&gt;
* '''Android Studio''' version 3.x and&lt;br /&gt;
* '''Android Phone '''with minimum of '''Android''' OS version '''4.03'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 4:&lt;br /&gt;
&lt;br /&gt;
Pre-requisites&lt;br /&gt;
&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| To follow this tutorial, you should have basic knowledge of&lt;br /&gt;
&lt;br /&gt;
* '''Java programming language '''and&lt;br /&gt;
* '''Android Studio '''&lt;br /&gt;
&lt;br /&gt;
If not, then go through the relevant tutorials on this website.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| First let us create a '''project''' in '''Google cloud.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Open Firefox web browser&lt;br /&gt;
&lt;br /&gt;
Go to the website: '''https://cloud.google.com/'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Open a web browser and go to the website: [https://cloud.google.com/ cloud.google.com/]&lt;br /&gt;
&lt;br /&gt;
as shown here.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click '''Console'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click '''Console '''at the top right corner of the window.&lt;br /&gt;
&lt;br /&gt;
Maximise the window if you don’t see the '''Console''' option.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Login in with google credentials&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Accept the terms and conditions of the '''Google Cloud''' platform.&lt;br /&gt;
&lt;br /&gt;
Then '''sign in/login''' with your '''google''' credentials.&lt;br /&gt;
&lt;br /&gt;
I have logged in already.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Point to dashboard&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| A '''dashboard''' opens.&lt;br /&gt;
&lt;br /&gt;
Now we will create a new '''project''' to mention the '''APIs''' that we will use in the '''Android app'''.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| click on Select a project&lt;br /&gt;
&lt;br /&gt;
Create a new project &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| In the top menu bar, click on '''Select a project''' drop-down box.&lt;br /&gt;
&lt;br /&gt;
Create a new '''project''' by clicking on '''NEW PROJECT '''button at the top right of the dialog box.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Type the name of project as '''MyKotlinProject.'''&lt;br /&gt;
&lt;br /&gt;
click '''Create'''.&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| In the next screen, type the name of the '''project''' as '''MyKotlinProject.'''&lt;br /&gt;
&lt;br /&gt;
Then click on '''Create '''button at the bottom of the scree.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Go to '''select a project''' dropdown &lt;br /&gt;
&lt;br /&gt;
Select the project '''MyKotlinProject '''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Then go to '''Select a project''' dropdown box.&lt;br /&gt;
&lt;br /&gt;
Select '''MyKotlinProject '''that is created just now.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Point to '''MyKotlinProject'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| The '''project dashboard''' is displayed with the '''project''' name '''MyKotlinProject.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click '''APIs &amp;amp; Services &amp;gt;&amp;gt; dashboard'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Now we will enable the '''YouTube API''' in this '''project'''.&lt;br /&gt;
&lt;br /&gt;
Open the navigation menu at the top left corner. &lt;br /&gt;
&lt;br /&gt;
Click '''APIs &amp;amp; Services &amp;gt;&amp;gt; dashboard'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| A new '''dashboard''' of '''APIs &amp;amp; Services''' appears.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click '''Enable apis and services '''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click '''Enable Apis and services '''at the top middle of the window.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| In the search box, search for '''youtube.'''&lt;br /&gt;
&lt;br /&gt;
Select '''YouTube Data API v3.'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| In the search box, type '''youtube.'''&lt;br /&gt;
&lt;br /&gt;
Select '''YouTube Data API v3.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click '''Enable'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| click on the '''ENABLE '''button'''.'''&lt;br /&gt;
&lt;br /&gt;
Within a few seconds the '''API''' will be enabled.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''click on Create Credentials'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Now select '''Credentials''' in the left sidebar or click on '''Create Credentials '''button.&lt;br /&gt;
&lt;br /&gt;
This will create new '''credentials'''.&lt;br /&gt;
&lt;br /&gt;
Let us click on '''Create Credentials '''drop-down and select''' API Key.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''API Key'''&lt;br /&gt;
&lt;br /&gt;
'''AIzaSyAmivb62TEzhqNnqDO-RArUIEUsYCeRFvQ '''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''API Key''' is generated and shown under '''Your API Key.'''&lt;br /&gt;
&lt;br /&gt;
Copy that '''key''' and save it in a text editor for future use.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click on the '''Close''' button&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Then click on the '''Close''' button in the dialog box.&lt;br /&gt;
&lt;br /&gt;
We will use this '''key''' in our '''app’s kotlin code''' to load the '''YouTube''' video.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''Slide 5:'''&lt;br /&gt;
&lt;br /&gt;
'''Tool - YouTubePlayerView '''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| In '''Android Studio''', we don’t have any tool in the palette which can play '''YouTube''' videos.&lt;br /&gt;
&lt;br /&gt;
But '''YouTube''' provides its own '''YouTubePlayerView '''which we can use.&lt;br /&gt;
&lt;br /&gt;
The '''view''' just needs to be initialized directly to play a video from '''YouTube,''' by giving the '''video ID'''.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''Open the web browser'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Open the web browser.&lt;br /&gt;
&lt;br /&gt;
Now let’s download the required file from the developer website.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click on '''Download'''. Click on '''SaveFile''' option&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Go to this website.&lt;br /&gt;
&lt;br /&gt;
A download option is provided under '''Download''' link column.&lt;br /&gt;
&lt;br /&gt;
Click on '''Download '''and then click on '''SaveFile''' option and click on '''ok''' button.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Point to the zip file.&lt;br /&gt;
&lt;br /&gt;
Open libs folder&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| A zip file gets downloaded. Extract the zip file.&lt;br /&gt;
&lt;br /&gt;
From the extracted folder, open '''libs''' folder.&lt;br /&gt;
&lt;br /&gt;
This folder contains '''YouTubeAndroidPlayerApi.jar '''file which we can use to play '''YouTube''' videos.&lt;br /&gt;
&lt;br /&gt;
We need to copy this file in our '''Android Studio project.'''&lt;br /&gt;
&lt;br /&gt;
So, right-click and select '''copy'''.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Open the '''Android studio '''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Let us open '''Android Studio'''.&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click on''' ST search'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Open the project''' ST Search.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''Project&amp;gt;&amp;gt;app&amp;gt;Show in Files'''&lt;br /&gt;
&lt;br /&gt;
'''Paste the file'''&lt;br /&gt;
&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Once the '''project''' completely loaded go to the left panel – and select '''Project''' tab.&lt;br /&gt;
&lt;br /&gt;
Right-click on the '''app '''folder and select '''Show in Files.'''&lt;br /&gt;
&lt;br /&gt;
The '''File Explorer''' opens showing the '''project''' folder.&lt;br /&gt;
&lt;br /&gt;
Open '''libs''' folder. &lt;br /&gt;
&lt;br /&gt;
Right-click and select '''paste''' to copy the '''YouTubeAndroidPlayerApi.jar '''file into '''libs''' folder.&lt;br /&gt;
&lt;br /&gt;
Close the window.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| double click on '''build.gradle(Module:app) '''in '''Gradle Scripts'''&lt;br /&gt;
&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| In the left panel, under '''Project''', go to '''Gradle Scripts.'''&lt;br /&gt;
&lt;br /&gt;
Double-click on '''build.gradle within brackets Module:app'''&lt;br /&gt;
&lt;br /&gt;
In the '''dependencies block {}''' we will add a new '''dependency'''.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| add the code&lt;br /&gt;
&lt;br /&gt;
'''implementation files('libs/YouTubeAndroidPlayerApi.jar')'''&lt;br /&gt;
&lt;br /&gt;
'''Point to sync'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| At the end of the '''block''' add a new line.&lt;br /&gt;
&lt;br /&gt;
'''implementation files('libs/YouTubeAndroidPlayerApi.jar')'''&lt;br /&gt;
&lt;br /&gt;
A '''Sync Now''' message appears at the top right corner.&lt;br /&gt;
&lt;br /&gt;
Click on it.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''Point to gradle build'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Wait for the '''gradle build''' to complete. This is shown at the bottom.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Now we will edit the layout file for '''third activity.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Go to '''activity_third.xml'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Go to '''activity_third.xml'''&lt;br /&gt;
&lt;br /&gt;
Here we will display the '''YouTube''' video.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''Copy -paste'''&lt;br /&gt;
&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| At the bottom of '''activity_third.xml, '''click on '''Text''' mode.&lt;br /&gt;
&lt;br /&gt;
Now we will write our own code for''' YouTube player'''.&lt;br /&gt;
&lt;br /&gt;
Between the '''tags''' of '''ConstraintLayout''' type the below code.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Click on Design button&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Now again go back to '''Design''' mode by clicking on the '''Design''' button at the bottom.&lt;br /&gt;
&lt;br /&gt;
We can see a '''view''' with the name '''“com.google...YouTubePlayerView” '''with a grey colored background.&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Demo of alignment&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Now we shall set its '''constraints.'''&lt;br /&gt;
&lt;br /&gt;
First hold and drag the '''YouTubePlayerView''' box little lower.&lt;br /&gt;
&lt;br /&gt;
Now we can clearly see the '''constraint''' circles.&lt;br /&gt;
&lt;br /&gt;
Join the '''top''', '''left '''and '''right '''circles to the boundaries.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| In the Attribute window type the ID attribute as '''youtube_playerview'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Go to '''Attribute''' window and type the '''ID attribute''' as '''youtube_playerview.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''layout_ height = wrap_content'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Change the''' layout_ height attribute''' of '''YouTubePlayerView '''to''' wrap_content.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Demo &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Now let’s place a '''TextView''' below this to display the video title.&lt;br /&gt;
&lt;br /&gt;
Drag a '''TextView''' and drop it in the layout.&lt;br /&gt;
&lt;br /&gt;
Set the top '''constraint''' below the '''YouTube player view'''.&lt;br /&gt;
&lt;br /&gt;
Set the left '''constraint''' to left boundary.&lt;br /&gt;
&lt;br /&gt;
Change the '''ID attribute''' of the '''TextView''' to '''youtube_title'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''Go to ThirdActivity.kt'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Next we will write the code to play the video.&lt;br /&gt;
&lt;br /&gt;
Go to '''ThirdActivity.kt'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''Point to class'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| To show '''YouTube''' video, our '''class''' should '''extend''' '''YouTubeBaseActivity.'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''class ThirdActivity : YouTubeBaseActivity()'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Change the '''class declaration''' code as shown.&lt;br /&gt;
&lt;br /&gt;
'''class ThirdActivity : YouTubeBaseActivity()'''&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''Point to '''&lt;br /&gt;
&lt;br /&gt;
'''var KEY = &amp;quot;YOUR KEY HERE&amp;quot;'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Now we will add code in our '''onCreate method'''.&lt;br /&gt;
&lt;br /&gt;
So first we’ll create a '''variable''' to store the''' API key''' that we got from''' Google Cloud Console'''.&lt;br /&gt;
&lt;br /&gt;
So declare the '''variable''' below the '''toast command '''as shown:&lt;br /&gt;
&lt;br /&gt;
In the place of '''“YOUR KEY HERE” '''paste the '''API key''' which was saved in the text editor. &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''youtube_title.text = selectedVideoTitle'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Now we will set the text of our '''youtube_title.'''&lt;br /&gt;
&lt;br /&gt;
Type the code as shown.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Type the code:&lt;br /&gt;
&lt;br /&gt;
''')'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Next, we’ll make an '''object''' for '''YouTube player view.'''&lt;br /&gt;
&lt;br /&gt;
So, type this code as shown here&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| We will then initialize the '''playerView.'''&lt;br /&gt;
&lt;br /&gt;
For that, type the code as shown.&lt;br /&gt;
&lt;br /&gt;
The code will initialize the '''YouTube player''' with the '''selectedVideoID '''using '''cueVideo method.'''&lt;br /&gt;
&lt;br /&gt;
If it fails, it will show an error message as '''toast'''.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| We’ve typed all the necessary code.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| '''Run the App'''&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Now let us run the '''App'''.&lt;br /&gt;
&lt;br /&gt;
Select the '''Foss''' and '''Language''' and click on the '''Search''' button.&lt;br /&gt;
&lt;br /&gt;
We can see that the video thumbnails get loaded. &lt;br /&gt;
&lt;br /&gt;
Click on any one.&lt;br /&gt;
&lt;br /&gt;
The video plays in a new screen.&lt;br /&gt;
&lt;br /&gt;
Go back and click any other video thumbnail. &lt;br /&gt;
&lt;br /&gt;
Once again, the video plays in a new screen.&lt;br /&gt;
&lt;br /&gt;
Spoken Tutorial’s '''ST search app''' is now ready to launch.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 8:&lt;br /&gt;
&lt;br /&gt;
Publish &lt;br /&gt;
&lt;br /&gt;
Apps on Google Play Store&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Please follow the steps in the given link to become a publisher.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| This is the official link where the registration is to be done :&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Once completed, you will be able to publish or upload your '''Android App''' on '''Google Play Store'''.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| This brings us to the end of this tutorial. Let us summarize.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 6:&lt;br /&gt;
&lt;br /&gt;
Summary&lt;br /&gt;
&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| In this tutorial we learnt to&lt;br /&gt;
&lt;br /&gt;
* Create a '''project''' in '''Google cloud'''&lt;br /&gt;
* Enable the '''YouTube API'''&lt;br /&gt;
* Initialise''' '''the''' YouTubePlayerView in Android studio'''&lt;br /&gt;
* Run the '''Kotlin''' '''App '''and&lt;br /&gt;
* Play the selected video&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 7:&lt;br /&gt;
&lt;br /&gt;
Assignment&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| As an assignment-&lt;br /&gt;
&lt;br /&gt;
* Select different FOSS and Language combinations and play the selected video&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 9:&lt;br /&gt;
&lt;br /&gt;
About Spoken Tutorial project&lt;br /&gt;
&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| The video at the following link summarises the Spoken Tutorial project.&lt;br /&gt;
&lt;br /&gt;
Please download and watch it&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 10:&lt;br /&gt;
&lt;br /&gt;
About workshops&lt;br /&gt;
&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| The Spoken Tutorial Project Team &lt;br /&gt;
&lt;br /&gt;
conducts workshops and gives certificates on passing online tests.&lt;br /&gt;
&lt;br /&gt;
For more details, please write to us.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 11:&lt;br /&gt;
&lt;br /&gt;
Forum for specific questions:&lt;br /&gt;
&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Please post your timed queries in this forum. &lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Slide 12:&lt;br /&gt;
&lt;br /&gt;
Acknowledgement&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.&lt;br /&gt;
&lt;br /&gt;
More information on this mission is available at&lt;br /&gt;
&lt;br /&gt;
this link.&lt;br /&gt;
&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| &lt;br /&gt;
| style=&amp;quot;border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;&amp;quot;| The '''Android app '''and the script for this tutorial was contributed by Abhishek Shah.&lt;br /&gt;
&lt;br /&gt;
And this is Nirmala Venkat along with the Spoken Tutorial team from IIT Bombay, signing off. &lt;br /&gt;
&lt;br /&gt;
Thanks for watching.&lt;br /&gt;
&lt;br /&gt;
|}&lt;/div&gt;</summary>
		<author><name>Nirmala Venkat</name></author>	</entry>

	</feed>