Get YouTube video, channel or playlist data (Extension-free)

In this tutorial, we will go through how to get video, channel or playlist data from Google Developers without extensions or a WebViewer. If you are a beginner, I suggest you to learn basics of App Inventor and how to get an API first. You will need:

• A brand new Google Doc to put your data in,

• A Google account that has Google Developers console,

• An App Inventor project.

There is a similar tutorial, Get Google's Search Results (Extension-Free) by me, which is harder but a little bit similar.

⚠️ DISCLAIMER: The API key is only used in this tutorial and will not be used elsewhere. Please create your own API key.

🏷️ Tags: #api, #json, #tutorials-and-guides, #google

Step 2. Designing our API URL.

To get started, read this: Search: list | YouTube Data API | Google Developers. From the documentation, we understand that the start of the get request is:

https://www.googleapis.com/youtube/v3/search

MrBeast is a popular YouTuber. In this tutorial, we will find his videos from the API.

Although the documentation didn't state that, you will need an API key in this get request. The following are the parameters we will need.

• part. We will set this parameter to snippet.

• key. This is the API key that we just pasted into Google Docs.

• type. This specifies what particular data, channel, playlist or video, is going to be searched. You can, of course, choose one of those 3 options, but in this tutorial, we will be doing MrBeast's channel.

• q. This specifies what we will search. In this tutorial, it is going to be MrBeast.

The API I use (please don't use it, create your own) is AIzaSyBl7vLh6ID9FlbNmDFqPC9nl7_3e0MtOOk. So, the key parameter will be AIzaSyBl7vLh6ID9FlbNmDFqPC9nl7_3e0MtOOk for me (for you, it is the API you just created), which is highlighted in blue. The part parameter is going to be snippet, which is highlighted in red. The type parameter is channel, highlighted in green and the q parameter is MrBeast, which is highlighted in orange.

Step 4. App Inventor Blocks.

You will need:

• A button to confirm the search,

• A label to show the output,

• An Image to show the channel logo,

• Two Web components to get the data and parse the JSON.

• One TextToSpeech to read out the result.

The variable global url is the API get request URL we designed in Step 2. The blocks are as follows.