Share via


How to add a YouTube DataSource in Windows AppStudio

Here are the simple steps to add a YouTube DataSource in Windows AppStudio:

1. Click on and click on DataSource.

2. You would see the below screen.

       a. Change the YouTube section name if you want.

       b. Next, create a new YouTube key.

 

3. This will take you to a new screen as shown below:

 

Click on the highlighted section. This will connect your free YouTube developer account with your Windows AppStudio app.

  4. This will take you to the Google Developers page. Login with your standard Google user name and password.

 

5. Click on ‘Create Project’.

 

6.  Enter a ‘PROJECT NAME’  and ‘PROJECT-ID’ and click on ‘Create’.

 

 

 

7. Now, the YouTube API needs to be switched ON. To do this

         a. Click on APIs.

 

  b.  Scroll down the screen till you find ‘YouTube Data API v3’ and click on ‘OFF’ to switch ON the API.

      

c.  Once it is switched on the API is visible in the ‘Enabled APIs’ section

 

8. Now we need to pass the credentials to the App. To do this click on ‘Credentials’ and then click on ‘Create New Key’.

 

9.  Click on ‘Browser key’

 

 

10. Click on ‘Create’

 

11. Copy the API KEY.

 

 

12. Paste the API KEY in the Windows AppStudio Section and click on ‘Validate’.  Ensure that there are no additional spaces before or after the Api Key. This is a common issue that can cause errors.

 

13.  The API key is registered now.

 

14. You will be able see the key name in Data Configuration.

15. Select the ‘API Keys’ and type in the YouTube channel name.

16. You will be able to see the channel videos in the preview screen.


 
 
  
  
  
  
  
  
  
  
  
  
  
  
 
 

 

 

2.png

Comments

  • Anonymous
    February 26, 2015
    So, I've successfully gone through this process and app studio pulls in search results or specific User accounts  into the YouTube content, but for some reason Playlist data remains empty. So, for example, I select YouTube user XYZ123 and they have a playlist of videos called XYZ123-Favorites, I cannot get the Favorites playlist to populate...But I CAN get all of XYZ's channel to populate. I've manually entered the playlist ID. I've also tried searching and finding the playlist, which DOES show a preview on the "Find A Playlist" page, but then fails to load in the app preview or live app. Please advise.

  • Anonymous
    February 28, 2015
    It loads only 20 videos out of 66 videos present in my playlist. So can anyone help me out with this problem?

  • Anonymous
    March 01, 2015
    Same problem here, I want to include more than just the first 20 videos!

  • Anonymous
    March 02, 2015
    Nothing is impossibe.Everything is possible.

  • Anonymous
    March 15, 2015
    o meu fica um cubinho e não consigo colocar a chave api alguen mi ajuda????

  • Anonymous
    March 21, 2015
    Excelente ayuda para agregar vídeos de Youtube por usuario, una búsqueda de la palabra que sea, o una playlist.

  • Anonymous
    April 07, 2015
    Same problem here,it displays only 20 videos from my 500 videos,How to get all videos?? plz help trying from 1 week to solve this..i think many users are facing this problem if any one found solution plz share it..plz help...Thank U

  • Anonymous
    April 08, 2015
    Where it belongs

  • Anonymous
    May 02, 2015
    HI , I WAS NEW TO THIS APP CREATION I WANT TO JUST ASK A QUESTION .YOU ALL GUYS ARE TELLING ONLY 20 VIDEOS ARE DISPLAYING IN THE APP FROM YOUR PLAYLIST DID YOU NOTICE WHEN YOU ENTERED THE APP EVERY TIME IT IS DIDPLAYING THE SAME 20 VIDEOS OR CHANGING RANDOMLY

  • Anonymous
    May 19, 2015
    @E.@LVINCI The video list get updated as soon as new ones are found on that particular YouTube channel. So yes, it changes.

  • Anonymous
    May 19, 2015
    Hi, Can you please try to edit the app in Visual Studio and change the &count=20 to &count=50? private const string URL = "api.instagram.com/.../tags{0}/media/recent?client_id={1}&count=50"; private const string URLUserID = "api.instagram.com/.../users{0}/media/recent?client_id={1}&count=50"; Thanks.

  • Anonymous
    June 10, 2015
    Thank you so much! , But I have trouble finding this sentence private const string URL = "api.instagram.com/.../tags{0}/media/recent?client_id={1}&count=50"; and private const string URLUserID = "api.instagram.com/.../users{0}/media/recent?client_id={1}&count=50"; I looked for them in every file on Visual studio after I opened my project ! ..

  • Anonymous
    June 26, 2015
    The comment has been removed

  • Anonymous
    July 04, 2015
    Can I add a search option I my YouTube section to search videos on YouTube?

  • Anonymous
    August 09, 2015
    I did something wrong, when it took me to google developer site it was just a bit different for me, it first had me create project, then I enabled it, videos work ok but, it then had me sign up for the cloud platform at google for free for 60 days then after charges incur, usage charges.  Can you please explain this better, either I did something incorrectly or the google site has changed some since you wrote this "how to"  my videos all work though but the charges has me concerned.

  • Anonymous
    August 09, 2015
    I had done something wrong, so I went back and fixed it ;)  so please disregard what I said about updating "How To" it was me ;)

  • Anonymous
    August 23, 2015
    Thank you a lot for the post, it was very useful for me.Please, check out the new windows app, I tried and I liked a lot www.popfax.com/.../popfax-launches-popcompanion-windows-mobile-phones

  • Anonymous
    December 18, 2015
    it still shows only the first 20 videos. on my desktop i run windows7, so i guess it makes not much sense to download visual studio and try to edit it there. could you change it in app studio, please please :)

  • Anonymous
    December 21, 2015
    This fails on step 7 for me. Perhaps the layout has changed? I can find an 'enable APIs and get credentials like keys', but when clicked it gives the message 'Failed to load' under 'Overview'.

  • Anonymous
    December 22, 2015
    Hi Stuart, This generally does not happen. Can you please try again? And here is a more updated how-to link appstudio.windows.com/.../howto.

  • Anonymous
    December 27, 2015
    The comment has been removed

  • Anonymous
    December 27, 2015
    Nevermind. I just solved the issue xD

  • Anonymous
    March 03, 2016
    The comment has been removed

  • Anonymous
    March 31, 2016
    please update this help thread, google changed the whole interface n'd looks, this one's old

  • Anonymous
    May 24, 2016
    Thank you for your instructor , they are a bit outdated otherwise dummy proof