Lista e player de vídeo (YouTube API)

[Leonardo E. Silva 0]

Olá a todos,

 

Estou desenvolvendo um site cujo objetivo é agregar canais do YouTube. Quero colocar um player de vídeo na página de perfil de usuário e uma lista de vídeos na barra lateral dessa mesma página.

Gostaria que o player carregasse por padrão o primeiro item da lista lateral, que será alimentada pela API de dados do YouTube. Estou utilizando este e este projetos como base.

Tenho a estrutura da página pronta, mas ainda não mexi no code behind pois ainda estou perdido com as funcionalidades da API.

Como eu ainda não inseri o player nem a lista lateral, fiz um rascunho sobre a screenshot da página.

 

 

Se alguém souber lidar com essa YouTube API e puder me ajudar, agradeço desde já. :thumbsup:/>

[KhaosDoctor 242]

Qual linguagem você está utilizando?

[Leonardo E. Silva 0]

Qual linguagem você está utilizando?

 

Estou utilizando C#.

[KhaosDoctor 242]

Você já procurou na internet se há tutoriais do api, ou até no próprio site do youtube?

[Leonardo E. Silva 0]

Você já procurou na internet se há tutoriais do api, ou até no próprio site do youtube?

 

Sim, inclusive já consegui adiantar bastante coisa por meio deles.

Porém, ainda tenho alguns problemas:

 

1º: O método que lista os vídeos precisa do username do YouTube como parâmetro. Porém, esse valor está no FormView que contém os dados do perfil de usuário. Como posso acessar esse valor no code-behind?

 

Youtube: <a href="<%# Eval("youtubeUrl") %>">
<%# Eval("youtubeUsuario") %></a>

 

2º: Na barra lateral eu criei um Repeater, e coloquei uma tabela com as miniaturas e títulos dos vídeos. Como faço para carregar um vídeo no player (que está dentro de um UpdatePanel) clicando na respectiva miniatura na barra lateral?

[KhaosDoctor 242]

Para a primeira dúvida creio que você possa criar uma variável para a senha e usuário e utilizar dentro do parâmetro.

 

Com relação a segunda dúvida a coisa fica mais complicada, pois isto deve ser uma função interna do api, buscar a URL dos vídeos e inserir ele no player principal, veja se há a lista de funções deste api na internet, deve haver algo do tipo getURL()

[Leonardo E. Silva 0]

Para a primeira dúvida creio que você possa criar uma variável para a senha e usuário e utilizar dentro do parâmetro.

 

Com relação a segunda dúvida a coisa fica mais complicada, pois isto deve ser uma função interna do api, buscar a URL dos vídeos e inserir ele no player principal, veja se há a lista de funções deste api na internet, deve haver algo do tipo getURL()

 

KhaosDoctor, primeiramente agradeço pela atenção.

 

Quanto a 1ª dúvida, não fui muito claro. Os perfis de usuário no caso são dos canais parceiros do site, e no momento não utilizamos nenhum sistema de autenticação. Os dados de perfil estão armazenados no banco e são exibidos na página por meio do FormView. Queria aproveitar os dados do próprio FormView (só um campo, na verdade - o '<%# Eval("youtubeUsuario")%>') no code behind, onde está o método que lista os vídeos, sem a necessidade de criar uma consulta só para obter esse valor.

 

<asp:FormView ID="FormView1" runat="server" DataSourceID="perfilSqlDataSource" Width="670px" Font-Names="Tahoma">
<ItemTemplate>
...
Youtube: <a href="<%# Eval("youtubeUrl") %>">
<%# Eval("youtubeUsuario") %></a>
...
</ItemTemplate>
</asp:FormView>

 

2ª dúvida: Já fiz um pequeno rascunho disso. Acredito que é possível alterar o vídeo "atual" por meio de querystring, porém ainda não sei como fazer. Por padrão, o final do link da página seria /Perfil.aspx?usuario=username. Minha dúvida é como "completar" o link, que ficaria assim: /Perfil.aspx?usuario=username&video=video_id, e como recarregar o player com o novo vídeo. Quanto ao vídeo em si, criarei um novo método (baseado no que lista os vídeos na sidebar - o getUrl() que você mencionou) que renderize o player com o vídeo selecionado através da querystring.

 

Repeater

 

<asp:Repeater ID="rptVideos" runat="server">
<ItemTemplate>
<tr>
<td>
<a href="?video=<%# Eval("VideoId")%>">
<img alt="<%# Eval("Title") %>" src="http://img.youtube.com/vi/<%# Eval("VideoId")%>/default.jpg" width="128" height="96" />
</a>
</td>
<td>
<span>
<%# Eval("Title") %></span>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>