Se você navega na internet, certamente já ouviu falar do YouTube.
Esta empresa lançou há algum tempo mais uma novidade para ganhar ainda mais visitante e agregar mais serviços aos seus usuários: Um Leitor Personalizado dos Vídeos
Através dele é possível colocar em seus sites uma galeria com todos os vídeos que você tem cadastrado em seu usuário ou também os seus vídeos marcados como favoritos.
Além disso você pode personalizar o player com várias cores diferentes.
E aí, o que achou? Prefere fazer algo personalizado e fácil de gerenciar?
Acompanhe nossa matéria a seguir, pois com certeza você saberá como implementar essa ferramenta a seu site.
Configurando A Base De Dados MySQL
Antes de tudo, é necessário configurar a base de dados.
Com o BD já criado, acesse o ficheiro “config.php” e configure o ficheiro alterando as informações de acesso à base de dados (conforme script a seguir).
Após a configuração, vamos agora criar a tabela que será usada!
Configurando A Tabela na Base de Dados MySQL
Para configurar a base de dados através do script, abra o ficheiro script-sql.txt (disponível em anexo) e cole seu conteúdo no Programa utilizado para gerenciamento da base de dados.
Em nossas matérias utilizamos como padrão o MySQLFront. Caso tu também esteja utilizando este programa, clique em SQL Editor e cole o conteúdo do script (conforme disponibilizado a seguir).
----- INSTALANDO A TABELA -----
CREATE TABLE `tbl_videos` (
`id_video` int(11) NOT NULL auto_increment,
`nome` varchar(200) NOT NULL default '',
`video` varchar(200) NOT NULL default '',
`data_cadastro` varchar(20) default NULL,
`status` char(1) default NULL,
PRIMARY KEY (`id_video`)
);
INSERT INTO `tbl_videos` (`id_video`,`nome`,`video`,`data_cadastro`,`status`) VALUES (2,'Casamento','http://www.youtube.com/watch?v=mkKo8bNL8pU','2010-11-29','1');
INSERT INTO `tbl_videos` (`id_video`,`nome`,`video`,`data_cadastro`,`status`) VALUES (5,'Dicas para uso de Laboratório de Informática','http://www.youtube.com/watch?v=DwrQJpn0IQw','2010-11-29','1');
Após importar os dados, você já poderá fazer uso do sistema abaixo.
Explorando o Sistema
O uso deste ficheiro é bem prático e objetivo.
Através dele e com um pequeno conhecimento de PHP / MySQL você consegue adaptar o código fonte a seu web site.
Abaixo estaremos verificando como funciona a página index (responsável por apresentar em tela os vídeos – conforme o script e a imagem a seguir):
WebMaster.PTTrabalhando com galeria de vídeos
adicionar vídeo - gerenciar vídeos
|
Galeria de Videos
|
IMAGEM 01 (Apresentando em tela os vídeos cadastrados)
Como você pode verificar acima, o sistema é bem prático de mexer.
Nele não inseri contador de páginas, apresentação personalizada do código, até porque não era o foco, mas seu uso é bem prático.
Inserindo Novo Vídeo:
O processo de inserção funciona como se fosse em um formulário comum: Você preenche as informações e clica no botão para envio.
OBS.: Diferente de outras soluções, neste sistema você precisa inserir a URL. Feito isso, ele lhe dará a possibilidade de visualizar sempre que quiser seu vídeo preferido (conforme script e imagem a seguir).
WebMaster.PTTrabalhando com galeria de vídeos
IMAGEM 02 (Cadastrando um novo vídeo)
OBS.: Após preencher os campos, o sistema lhe enviará para o script de inserção (que funciona em uma página separada – conforme script a seguir):
Página “script_youtube.php”
Características Do Leitor Personalizado Do Youtube
Após clicar no vídeo cadastrado (disponível na página inicial), veja que o sistema lhe encaminhará para uma página onde será apresentado o vídeo (conforme script e imagem a seguir):
';
}elseif(preg_match("#http://www\.metacafe\.com/watch/(([^/].*)/([^/].*))/?#", $url, $matches)){
echo '';
}
}
$youtubeVideo1 = $_GET['url_video'];
embedVideo($youtubeVideo1,425,344);
?>
IMAGEM 03 (Visualizando o vídeo)
Veja que o sistema não te dá apenas o recurso de visualizar o vídeo cadastrado. Através dele você poderá efetuar também busca personalizada através do próprio youtube (conforme imagem a seguir):
IMAGEM 04 (Buscando vídeo no Youtube)
OBS.: Como nosso foco é apenas a apresentação da solução, apenas inserimos as opções de inserção, visualização de vídeos cadastrados e exclusão.
Caso seja de seu interesse, este sistema poderá ser melhorado (tanto na aparência, quanto na inserção de novos recursos).
Espero que esta solução lhe ajude no dia a dia.
3 Responses
Muito bom o sistema, tava procurando um desse há muito tempo (já tinha até desistido de procurar) até que encontrei aqui por acaso! muito obrigado
Cara muito bom mesmo fera de mais !!!
como faz pra colocar a galeria nativa do youtube com a tela do video do lado e miniaturas do outro…