Difference between revisions of "Android-app-using-Kotlin/C3/Playing-video-using-YouTube-API/English"

Learning Objectives

• Create a project in Google cloud
• Enable the YouTube API
• Initialise the YouTubePlayerView in Android studio
• Run the Kotlin App and
• Play the selected video

System requirement

• Ubuntu Linux 16.04 operating system
• Android Studio version 3.x and
• Android Phone with minimum of Android OS version 4.03

Pre-requisites

• Java programming language and
• Android Studio

If not, then go through the relevant tutorials on this website.

Go to the website: https://cloud.google.com/

as shown here.

Maximise the window if you don’t see the Console option.

Then sign in/login with your google credentials.

I have logged in already.

Now we will create a new project to mention the APIs that we will use in the Android app.

Click on NEW PROJECT button

Create a new project by clicking on NEW PROJECT button at the top right of the dialog box.

Click Create button.

Then click on Create button at the bottom of the scree.

Select MyKotlinProject that is created just now.

Open the navigation menu at the top left corner.

Click APIs & Services >> dashboard

Select YouTube Data API v3.

Select YouTube Data API v3.

After few seconds the API will be enabled.

This will create new credentials.

AIzaSyAmivb62TEzhqNnqDO-RArUIEUsYCeRFvQ

Copy that key and save it in a text editor for future use.

We will use this key in our app’s Kotlin code to load the YouTube video.

Tool - YouTubePlayerView

But YouTube provides its own YouTubePlayerView which we can use.

The view just needs to be initialized directly to play a video from YouTube, by giving the video ID.

Now let’s download the required file from the developer website.

A download option is provided under Download link column.

Click on Download and then click on SaveFile option and click on Ok button.

Open libs folder

From the extracted folder, open libs folder.

This folder contains YouTubeAndroidPlayerApi.jar file which we can use to play YouTube videos.

So, right-click and select copy.

Open libs folder >> Paste the file.

Right-click on the app folder and select Show in Files.

The File Explorer opens showing the project folder.

Open libs folder.

Right-click and select paste to copy the YouTubeAndroidPlayerApi.jar file into libs folder.

Close the window.

Double-click on build.gradle within brackets Module:app

In the dependencies block {} we will add a new dependency.

implementation files('libs/YouTubeAndroidPlayerApi.jar')

Click Sync now.

A Sync Now message appears at the top right corner.

Click on it.

Here we will display the YouTube video.

Now we will write our own code for YouTube player.

Between the tags of ConstraintLayout type the below code.

We can see a view with the name “com.google...YouTubePlayerView” with a grey colored background.

First hold and drag the YouTubePlayerView box little lower.

Now we can clearly see the constraint circles.

Join the top, left and right circles to the boundaries.

Drag a TextView and drop it in the layout.

Set the top constraint below the YouTube player view.

Set the left constraint to left boundary.

Change the ID attribute of the TextView to youtube_title

Go to ThirdActivity.kt

var KEY = "YOUR KEY HERE"

So first we’ll create a variable to store the API key that we got from Google Cloud Console.

So declare the variable below the toast command as shown:

In the place of “YOUR KEY HERE” paste the API key which was saved in the text editor.

Type the code as shown.

So, type this code as shown here

For that, type the code as shown.

The code will initialize the YouTube player with the selectedVideoID using cueVideo method.

If it fails, it will show an error message as toast.

Select the Foss and Language and click on the Search button.

We can see that the video thumbnails get loaded.

The video plays in a new screen.

Go back and click any other video thumbnail.

Once again, the video plays in a new screen.

Spoken Tutorial’s ST search app is now ready to launch.

Publish

Apps on Google Play Store

Summary

• Create a project in Google cloud
• Enable the YouTube API
• Initialise the YouTubePlayerView in Android studio
• Run the Kotlin App and
• Play the selected video

Assignment

• Select different FOSS and Language combinations and play the selected video

About Spoken Tutorial project

Please download and watch it

About workshops

conducts workshops and gives certificates on passing online tests.

For more details, please write to us.

Forum for specific questions:

Acknowledgement

More information on this mission is available at

this link.

And this is Nirmala Venkat along with the Spoken Tutorial team from IIT Bombay, signing off.

Thanks for watching.