Transmissão ao vivo em HTML5

O Adobe Flash usa o Adobe Flash Player, protocolo RTMP, Flash Media Server e Flash Media Live Encoder para possibilitar a transmissão ao vivo.

Qual protocolo e software corresponde ao vídeo / áudio HTML?

O que pode substituir o protocolo RTMP, o Flash Media Server e o Flash Media Live Encoder?

É possível com HTML5?

Atualmente, o Wowza está trabalhando no Media Server , que suportará HTML5. Você pode vê-lo aqui , está exibindo um filme pela última vez que verifiquei.

Ele usa o WebM, um projeto dedicado ao desenvolvimento de um formato de vídeo aberto e de alta qualidade para a web, disponível gratuitamente para todos. É baseado em um contêiner Matroska. No momento, ele está sendo usado pelo YouTube para reproduzir vídeo HTML5.

A origem desse fluxo é um arquivo WebM que é transmitido como uma transmissão ao vivo usando a API de publicação do lado do servidor Wowza.

De acordo com a nota da etiqueta:

Nota: É necessário um navegador que suporte HTML5, WebM, VP8 e Ogg Vorbis. Funciona com os seguintes navegadores:

Portanto, esses parecem ser os requisitos para obter um navegador da Web para transmitir ao vivo.

HTML5 é uma extensão do HTML4 e, como tal, funciona usando qualquer porta TCP / IP, conforme especificado no parâmetro src da tag de vídeo . Ele é tratado diretamente pelo navegador, não usando nenhum plug-in como o Flash, e é, portanto, a única solução de streaming existente para dispositivos móveis.

O vídeo HTML5 é independente de protocolo - o protocolo está implícito no URL de origem, como por exemplo em:

<video src="rtp://myserver.com/path/to/stream">
    Your browser does not support the VIDEO tag and/or RTP streams.
</video>

ou talvez :

<video src="http://myserver.com:1935/path/to/stream/myPlaylist.m3u8">
    Your browser does not support the VIDEO tag and/or RTP streams.
</video>

Tudo isso depende do suporte do navegador ao protocolo usado. Normalmente, a transmissão simples de um arquivo de vídeo sempre é suportada, mas casos mais complicados, como acima, podem exigir o uso de um plug-in quando o navegador não possui o suporte necessário.

Os players HTML5 podem ser criados usando como ferramentas apenas HTML, CSS e Javascript.

Um exemplo é o VideoJS , um player leve, de código aberto e gratuito, 100% skinnable usando CSS, cujo site também contém muitas informações úteis sobre o vídeo HTML5.

Muito mais informações estão disponíveis em torno do projeto Kaltura, que é melhor acessado a partir do site da comunidade html5video - A Kaltura. Este site também contém uma Comparação de reprodutores em HTML5 e o artigo Introdução - Navegando em HTML5

Para publicar um arquivo de vídeo existente em HTML5, é possível usar o Criador de vídeo Html5 gratuito, que cria o código HTML5 para você.