simple html, js project that calls youtube API

1. For this laboratory you will have to build a page with a simple search form that allows the user to search YouTube videos.

2. To be able to use the YouTube API you will have to get an API key.

a. Log into the Google Developer's Console. This is where you can get access to the Google API's. Note that you'll need a Google account.

b. Click the YouTube Data API v3

c. Click the "Create Project" button, give it a name of your choice, and agree to the terms of service (accepting the email is up to you)

d. Click "Enable" to be able to use the API key that you will generate.

e. Then click on "Credentials" > "Create credentials"

f. Leave the first dropdown as it is, change the second to "Web Browser (JavaScript)", select "Public Data" and click the blue button.

g. Choose a name, then click "Create API key"

h. You will see the API key you need to make your project work. Make sure you save it in a safe place.

3. Once you have the API key you should be able to build up the application of this laboratory which consists of the following:

a. You will have to create an HTML with a form that will have a text input and a button. When the user types a search term and clicks the submit button you should retrieve information from the YouTube API relevant to the given search term.

b. Based on the search results the page will display at maximum 10 videos each with:

i. Title of the video

ii. Thumbnail image of the video

c. When clicking in the title or the thumbnail image you should open the corresponding video in a new tab. A YouTube video has a unique id that is placed at the end of the following URL in order to open it in play mode: [login to view URL]

d. At the bottom of the list of results you will need to show buttons to get more results (using the previous and next page links from the JSON). Add the appropriate functionality to make this requirement possible.

4. The following URL points to the documentation that you need to read in order to learn how to use this API: [login to view URL] The documentation do not list it but the api key is sent as a parameter: key=your-api-key

5. Use the AJAX techniques seen at class to complete the laboratory.

6. Once you finish with the development you will have to add this laboratory to your github under a new repository called “youtube-app”. The link to this repository must be added as a comment or in the edit text box of a new page that you will have to create under your profile.

Квалификация: CSS, HTML, Javascript, jQuery / Prototype, PHP

Показать больше youtube iframe api example, youtube api key, youtube api upload video javascript, youtube api java, youtube api script, youtube data api quota, youtube video api, youtube search api example javascript, find simple html project, youtube api flash project, php simple youtube api, simple html api, youtube api project, api calls youtube wordpress, coding simple html project, simple html project website, simple html web redesign bid project, simple online shopping project html, youtube api sample project, youtube api simple search

О работодателе:
( 3 отзыв(-а, -ов) ) Genolier,, Switzerland

ID проекта: #18901755



Hi, I can start immediately. Please consider my offer. I am open for discussion in regards the details. Best regards!

£20 GBP за 1 день
(7 отзывов(-а))

2 фрилансеров(-а) в среднем готовы выполнить эту работу за £90


Hi, How are you? Hope you are going well! I checked your project carefully, so that i feel very confident in your project because I am talented mobile app and react native app and web developer with 6 years experience Больше

£160 GBP за 1 день
(6 отзывов(-а))