web-dev-qa-db-fra.com

Ouvrir le flux vidéo sur le lecteur VLC via le navigateur

Est-il possible d'ajouter un type de lien sur une page Web qui ouvrira le lecteur VLC et commencera à lire une vidéo en streaming? Comme celui-ci:

Alternativement, est-il possible d'intégrer le lecteur VLC dans le navigateur?

videostreamvideo-streamingvlc
17
user516242

MISE À JOUR: 2018-09-25 La plupart de cette réponse ne s'applique qu'aux navigateurs plus anciens, donc mise à jour de certaines sections.

Cela était possible sur les anciens navigateurs, mais nécessitait un plug-in de navigateur côté client en fonction de la version de votre navigateur et de votre système d'exploitation, voir: https://web.archive.org/web/20150212035837/http://www.videolan .org/doc/play-howto/en/ch04.html

Voici un extrait montrant comment intégrer et se replier pour télécharger ou cliquer pour diffuser:

<object type="application/x-vlc-plugin" data="http://server.example.com/video1.mpeg" width="400" height="300" id="video1">
     <param name="movie" value="http://server.example.com/video1.mpeg"/>
     <embed type="application/x-vlc-plugin" name="video1"
     autoplay="no" loop="no" width="400" height="300"
     target="http://server.example.com/video1.mpeg" />
     <a href="http://server.example.com/video1.mpeg">Download Video1</a>
</object>

Le plugin VLC player expose une API JavaScript utile accessible par nom ou par ID:

<a href="javascript:;" onclick='document.video1.play()'>Play video1</a>
<a href="javascript:;" onclick='document.getElementById('video1').pause()'>Pause video1</a>
<a href="javascript:;" onclick='document.video1.stop()'>Stop video1</a>
<a href="javascript:;" onclick='document.video1.fullscreen()'>Fullscreen</a>

Le type MIME application/x-vlc-plugin est utilisé pour activer le plugin VLC (quand il est disponible). Vous devez fournir une forme de secours, comme un lien régulier.

Quant à la liaison aux protocoles pris en charge par VLC, cela dépendra des paramètres de l'appareil et/ou du système d'exploitation de l'utilisateur, en particulier de l'application qu'ils ont sélectionnée comme lecteur multimédia par défaut pour un protocole donné. Mais un exemple pourrait être:

http://www.example.com/your_file.mpg

OU:

rtsp://www.example.com/your_file.3gp

Vous pouvez inclure des instructions "d'aide" sur la façon de définir VLC comme lecteur par défaut, ou, sinon, vous auriez besoin que certains de vos propres logiciels soient installés côté client pour vous assurer que VLC est l'application qui s'ouvre, pas autre chose . VLC peut facilement être exécuté par ligne de commande (spécifié en haut de la page dans ce lien VLC Chapitre 4).

Notez qu'avec la prise en charge HTML5 de plus en plus omniprésente, vous voudrez peut-être envisager d'utiliser la balise <video> HTML5 et l'encodage dans un profil pris en charge Ogg, MP4 ou WebM.

MISE À JOUR: 2018-09-25 L'avis ci-dessus est maintenant plus important à prendre en considération que jamais. Respectez les normes HTML5 et ouvertes. Ce qui précède ne fonctionnera tout simplement plus, sauf si l'équipe VLC ramène le plugin d'entre les morts en développant une version qui fonctionne avec la norme WebExtensions. Pour un usage personnel, vous pouvez toujours utiliser un ancien navigateur sur votre réseau local si vous avez construit quelque chose en particulier pour votre propre streaming vidéo en utilisant cela, mais ne vous suggéreriez pas de construire quoi que ce soit pour les utilisateurs/visiteurs Web habituels de cette façon.

13
bcmoney

J'ai construit quelques programmes pour ouvrir des liens vlc: // sous Windows, Mac et Linux. Voir https://github.com/stefansundin/vlc-protocol

Vous avez essentiellement besoin d'un programme entre le protocole et VLC, pour supprimer "vlc: //" car VLC ne connaît pas ces liens et qu'il doit supprimer ce préfixe avant d'essayer d'ouvrir l'URL.

2
stefansundin

Vous pouvez ouvrir un site de streaming, afficher la source de la page et trouver l'URL de la vidéo (parfois vous devez lire la vidéo pour pouvoir voir l'URL). Copiez et collez ensuite ce lien sur "Ouvrir le flux réseau ..." (Ctrl+N) et c'est parti.

J'ai écrit un petit script qui automatise ce processus en trouvant l'URL dans le site de streaming, puis en l'ouvrant avec VLC en utilisant un protocole personnalisé. C'est un script JS très simple qui trouve l'URL des vidéos dans la page et redirige vers vlcs:URL; le protocole personnalisé ouvre un autre script qui supprime le vlcs: à partir de la chaîne et envoyer l'URL résultante à VLC. Tout cela simplement en ouvrant le site de streaming.

Cela fonctionne avec certains sites de streaming mais je mettrai à jour le script avec d'autres. N'hésitez pas à lire le code et à ajouter votre site de streaming préféré ou à envoyer des demandes de pull pour de nouveaux sites.

Voici le lien avec les instructions: https://github.com/giuseppe-dandrea/Stream-to-VLC

J'espère que cela pourrait vous aider!

1
giuseppe-dandrea

Dans iOs, vous pouvez utiliser une URL de rappel pour ouvrir vlc à partir d'une page Web:

vlc-x-callback://x-callback-url/ACTION?url=...&PARAMETER=...

Découvrez plus d'informations ici: https://wiki.videolan.org/Documentation:IOS/#x-callback-url .

Dans Chrome on Android vous pouvez le faire avec une intention:

https://developer.chrome.com/multidevice/Android/intents

Voici un exemple d'ouverture d'un lecteur de code-barres à partir d'un lien:

href="intent://scan/#Intent;scheme=zxing;package=com.google.zxing.client.Android;end"
1
yglodt