Vídeo ao vivo com HTML 5?

Question

Vídeo ao vivo com HTML 5?

Eu quero fazer streaming de vídeo ao vivo . Por exemplo, há discussão. E alguém está a gravar. Quero que o vídeo apareça na minha página web. Quero fazer isto com HTML 5 . Não sei se é possível, mas alguém tentou ? obrigado antecipadamente!

12

html5 html5-video video-streaming live-streaming

Author: Dimitrina Stoyanova, 2016-10-14

Source

5 answers

score 4 · Answer 1

Para gerar um fluxo ao vivo de última geração com boa qualidade de experiência, eu recomendo fazer uso de tecnologias de streaming adaptativas como MPEG-DASH ou HLS.

Utilizar o recurso de streaming ao vivo do Youtube é definitivamente uma opção (boa). Se preferir uma solução mais controlável, poderá usar serviços de streaming ao vivo, como Wowza ou Bitmovin , que oferecem codificação, bem como soluções de jogo baseadas em HTML5.

score 3 · Answer 2

Desculpa, não fui suficientemente claro na minha pergunta. Eu estava pensando em usar HTML 5 e JS em vez de flash e outros produtos de software. Encontrei a minha solução aqui. https://davidwalsh.name/browser-camera e aqui: http://recordrtc.org / . Obrigado a todos pela vossa ajuda!

score 2 · Answer 3

Alguns navegadores podem mostrar uma transmissão HTTP à direita no HTML5 <video> tag

<video src="http://example.com/stream.m3u8">

Devias construir contratempos para os outros... Veja esta resposta também: https://stackoverflow.com/a/22001830/2874523

score 0 · Answer 4

Eu não recomendaria usando o seu próprio servidor a menos que você tenha algum

Um pequeno público

Ou
Um servidor realmente buffed up

Porquê? Por causa de como os servidores web e hospedagem web funcionam, as pessoas podem não ter a melhor experiência. Com isso dito, eu recomend usando Youtube, em seguida, embedding dizer que você está agendando um fluxo ao vivo amanhã, bem 10 minutos antes de você ir ao vivo eu criaria a Página live stream e incorporar o vídeo, enquanto ele ainda pode usar alguns dos seus recursos de hospedagem que ainda vai ser em seu site.

Quanto a ser responsivo, acredito que se você usar o Youtube Embed (usa Iframes) é muito responsivo. Certifique-se apenas de ter as suas portas de vista definidas ou usar as consultas de mídia.

score 0 · Answer 5

Você precisa de um servidor intermediário como flashphoner . Aqui você pode ler o artigo Como transmitir o vídeo a partir da página HTML5 para o YouTube ao vivo usando o software gateway.

Resumindo, tem de converter o seu fluxo HTML5 (WebRTC) em Rtmp aceitável pelo Youtube ao vivo.