Android

21 jan, 2014

CodeLab: Pegar as recomendações do YouTube – Lição 03

Publicidade

phonegapyoutube

Objetivo

O objetivo é pegar a lista de recomendações de vídeo utilizando o YouTube Data API v3.

Passos

1. Pegue a lista de atividades na “home” do usuário utilizando o API Explorer

Vá para https://developers.google.com/youtube/v3/docs/activities/list

Autorize o API Explorer:

codelab-1

codelab-2

Tente checar as atividades ao afirmar que queremos o snippet, contentDetails e os 50 primeiros registradores da “home”.

2. Pegue as recomendações usando javascript depois que o app foi autorizado

Use os arquivos index.html e index.js incluídos nesta lição e atualize a seguinte query usando a sua chave:

 userRecommendations: function(options) {
      return $.getJSON('https://www.googleapis.com/youtube/v3/activities?part=id%2Csnippet%2CcontentDetails&home=true&maxResults=50&key=YOUR_KEY', options);
  }

Você deve também atualizar o seu client_id e o client_secret com os valores do seu projeto:

client_id: 'YOUR_CLIENT_ID',
client_secret: 'YOUR_CLIENT_SECRET',

3. Exiba a lista de vídeos recomendados no seu aplicativo

As respostas da YouTube Data API contêm todas as atividades da home do usuário. As atividades são filtradas por tipo para conseguir recomendações e para criar links para abrir cada vídeo recomendado pelo YouTube:

 function(recommendations) {
//Display recommendations if the API call was successful
var items = recommendations.items;
var videos = '';
for (var i=0; i<items.length; i++) {
// Iterates over activities
var activity = items[i];
if ((activity.snippet.type == 'recommendation')&&(activity.contentDetails.recommendation.resourceId.videoId)){
videos += '<li><a href="http://www.youtube.com/watch?v=' + activity.contentDetails.recommendation.resourceId.videoId + '" target="_blank">' + activity.snippet.title + '</a></li>';
}
}
$('#activities').html(videos);
}

4. Vamos fazer o deploy do aplicativo novamente

phonegap run android

***

Artigo traduzido pela Redação iMasters, com autorização do autor. Publicado originalmente em http://matiasmolinas.blogspot.com.br/2013/11/codelab-youtube-apis-in-phonegap-lesson_8.html