Différences

Ci-dessous, les différences entre deux révisions de la page.

--- ffmpeg_live_streaming [2025/04/23 20:24] – luc
+++ ffmpeg_live_streaming [2025/04/23 20:29] (Version actuelle) – luc
@@ Ligne 148: / Ligne 148: @@
 === Page web avec le lecteur ===
+On va s'appuyer sur `videojs` en version > 7.0 (important, sinon le flux HLS nécessite une lib JS additionnelle). On peut utiliser le CDN ou le proposer en statique (on préfèrera mais le code demo ci-dessous utlise le CDN)
+```
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Live Streaming</title>
+        <link href="//vjs.zencdn.net/8.21.1/video-js.css" rel="stylesheet">
+    </head>
+    <body>
+        <p>VIDEO.JS HLS</p>
+        <video
+            class="video-js"
+            controls
+            preload="auto"
+            width="640"
+            height="480"
+            data-setup="{}"
+          >
+            <source src="http://192.168.0.63:8080/hls/stream.m3u8" type="application/x-mpegURL" />
+            <p class="vjs-no-js">
+              To view this video please enable JavaScript, and consider upgrading to a
+              web browser that
+              <a href="https://videojs.com/html5-video-support/" target="_blank"
+                >supports HTML5 video</a
+              >
+            </p>
+          </video>
+          <script src="https://vjs.zencdn.net/8.21.1/video.min.js"></script>
+    </body>
+</html>
+```
+On notera l'url vers le flux HLS configuré précédemment.
+Voilà, on a ce qu'il faut pour consommer le flux video, il faut maintenant le capturer, c'est le travail de ffmpeg.
@@ Ligne 179: / Ligne 217: @@
 Les bcm2835 ne nous intéressent pas, il s'agit probablement de la gestion de la caméra par le connecteur CSI (nappe). La webcam que nous avons est bien de marque Microsoft, et elle est branchée en USB. C'est donc ce dernier bloc qui nous intéresse.\\
 => On apprend qu'elle accessible par ''/dev/video0''.