web-dev-qa-db-fra.com

De quel support pour la diffusion en direct l'élément vidéo HTML5 dispose-t-il?

L'élément vidéo HTML5 prend-il en charge les protocoles de diffusion en direct non basés sur HTTP (HLS, SmoothStreaming, etc.)?

Prend-il en charge les protocoles de streaming RTP/RTSP? Prend-il en charge RT M P? Existe-t-il des navigateurs spécifiques qui le prennent en charge ou non?

videovideo-streaminghtml5-videortp
14
user3861866

La balise HTML5 a un support très limité sur les sources vidéo. Les sources vidéo prises en charge sont également limitées au navigateur utilisé par vos visiteurs. S'il te plait regarde:

http://www.w3schools.com/html/html5_video.asp

pour un tableau des formats pris en charge selon le navigateur. Pour résumer, HTML5 Video prend en charge MP4 sur tous les navigateurs et OGG, WEBM dans FireFox, Opera et Chrome. Cela dit, il est Techniquement possible de diffuser RTSP/RTP , mais hautement déconseillé.

Si vous devez utiliser HTML5 Video et avoir plus de contrôle sur le serveur de streaming, vous pouvez essayer This Solution , qui explique comment diffuser une vidéo via un fichier ogg avec VLC. Ensuite, ce lien de fichier ogg peut être utilisé pour diffuser la vidéo sur une page avec HTML5 Video Tag.

Alternatives à la balise vidéo HTML5

Les lecteurs vidéo Flash prennent en charge un peu plus que la vidéo HTML5. Par exemple JW Player prend en charge:

  • 3 types de fichiers vidéo: MP4, WebM et FLV.
  • 3 types de fichiers audio: AAC, MP3 et Vorbis.
  • 2 protocoles de streaming: HLS et RTMP.

Et pour un support encore plus avancé des sources vidéo et audio, vous pouvez essayer VLC Web Plugin , ou le nouveau WebChimera (basé sur libvlc). (les deux nécessitent un plugin installé, flash nécessite également un plugin, mais qui est généralement déjà installé)

[~ # ~] mise à jour [~ # ~]

Comme les plugins NPAPI sont obsolètes dans la plupart des navigateurs, l'utilisation de VLC Web Plugin et WebChimera NPAPI n'est plus une solution.

Une autre chose intéressante à noter sur ce sujet est HailS.js de Dailymotion qui donne la possibilité de streaming en direct à tous les navigateurs via HLS.

3
Jaruba