Saiba como usar o Kaltura – O player em HTML5 e Javascript

Olá, pessoal. Nesse post vou mostrar como usar o Kaltura, um player open-source baseado em HTML5 e javascript.

Ele oferece compatibilidade com os cinco navegadores (nas versões mais atuais). Além disso, disponibiliza recursos de legenda e tela cheia.

Vamos ver como funciona passo a passo:

1) Vá na página principal do Kaltura e clique em “downloads”.

2) Vá em “HTML5 Video Player” e faça o download da versão atual, clicando no link logo abaixo. Caso não encontre, faça o download Kaltura Player.

3) O arquivo está zipado. Descompacte-o localmente e upe para o servidor onde hospedado seu site.

4) Abra o arquivo examples/captions.html em um editor de texto e veja o código fonte.

5) Observe que dentro do “head” há os seguintes códigos de javascript e css:

Copie e cole no “head” do seu site. Não se esqueça de ajeitar os endereços dos links!!

6) A partir disso, todo link de vídeo em html5 que esteja dentro do “body” de seu site, vai estar com as configurações e designer do Kaltura. Vá, então no corpo do arquivo examples/captions.html e veja a seguinte configuração de como vc deve escrever no código-fonte:

“width”, “height” e “poster” indicam, respectivamente, largura, altura e imagem do vídeo (antes de ser executado). Caso, vc queira que seu vídeo seja executado assim que o usuário visualize seu site, coloque o atributo “autoplay” dentro da tag “video”.

“source” nos permite ter uma flexibilidade quanto a compatibilidade dos navegadores aos formatos de vídeo. O referido vídeo só não tocará em um navegador que não suporte extensões mp4, webm e ogv.

“durationHint” mostra o tempo do vídeo na interface do Kaltura Player.

7) Caso o vídeo tenha legenda, coloque-a dentro da seguinte tag (não coloque “_” no nome do arquivo da legenda. Dá erro!):

Pronto! Vc já pode desfrutar dos recursos do Kaltura Player.

Façam seus testes!

Confira aqui o Tutorial Completo HTML5 2012

Author Description

dukountra

Nenhum comentário ainda.

Join the Conversation