Les tutos de Pisto

Outils pour utilisateurs

Outils du site

Vous êtes ici : start » linux » installation » rtsptoweb
Piste :
linux:installation:rtsptoweb

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
linux:installation:rtsptoweb [2025/03/02 20:08] – [Ajouter une nouvelle Cam] tutospistolinux:installation:rtsptoweb [2025/03/02 20:30] (Version actuelle) – tutospisto
Ligne 77: Ligne 77:
   },   },
   "streams": {   "streams": {
-    "Couvoir": { +    "Cam1": { 
-      "name": "Couvoir",+      "name": "Cam1",
       "channels": {       "channels": {
         "0": {         "0": {
Ligne 89: Ligne 89:
       }       }
     },     },
-    "Pondoir": { +    "Cam2": { 
-      "name": "Pondoir",+      "name": "Cam2",
       "channels": {       "channels": {
         "0": {         "0": {
Ligne 151: Ligne 151:
 ====== Intégrer les vidéos dans une page html ====== ====== Intégrer les vidéos dans une page html ======
  
 +Source :
 +  * https://stackoverflow.com/questions/19782389/playing-m3u8-files-with-html-video-tag 
 +  * https://videojs.com/getting-started/#videojs-cdn 
 +  * https://github.com/videojs/http-streaming?tab=readme-ov-file#initialization 
 +  * https://unpkg.com/browse/@videojs/http-streaming@3.15.0/dist/videojs-http-streaming.min.js 
 +  * https://github.com/videojs/http-streaming?tab=readme-ov-file#installation 
  
-<code php> 
  
-<!-- CSS  --> +Pour l'ajouter dans une page Web, il faut utiliser videojs ( https://github.com/videojs/http-streaming?tab=readme-ov-file#initialization ). 
- <link href="https://vjs.zencdn.net/7.2.3/video-js.css" rel="stylesheet">+Fichiers : {{ :linux:installation:videojs_js_et_css.7z |}}
  
- +Exemple dans une page PHP : 
-<!-- HTML --> +
-<video id='hls-example'  class="video-js vjs-default-skin" width="800" height="600" controls> +
-<!-- <source type="application/x-mpegURL" src="https://pisto.fr.nf:8084/stream/Couvoir/channel/0/hls/live/index.m3u8"> --> +
-<source type="application/x-mpegURL" src="https://pisto.fr.nf:8084/stream/Pondoir/channel/0/hls/live/index.m3u8"> +
-</video> +
- +
- +
-<!-- JS code --> +
-<!-- If you'd like to support IE8 (for Video.js versions prior to v7) --> +
-<script src="https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script> +
-<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib-hls.js"></script> +
-<script src="https://vjs.zencdn.net/7.2.3/video.js"></script> +
- +
-<script> +
-var player = videojs('hls-example'); +
-player.play(); +
-</script> +
- +
- +
-</code> +
-Source : https://stackoverflow.com/questions/19782389/playing-m3u8-files-with-html-video-tag  +
-https://videojs.com/getting-started/#videojs-cdn  +
-https://github.com/videojs/http-streaming?tab=readme-ov-file#initialization  +
-https://unpkg.com/browse/@videojs/http-streaming@3.15.0/dist/videojs-http-streaming.min.js  +
-https://github.com/videojs/http-streaming?tab=readme-ov-file#installation  +
- +
-====== Ajouter une nouvelle Cam ====== +
-<code bash>nano /$TONPATH/RTSPtoWeb/config.json</code> +
- +
-Ajouter dans les streams :  +
- +
-<code bash> +
-    ,"NomDeLaCam": { +
-      "name": "NomDeLaCam", +
-      "channels": { +
-        "0": { +
-          "name": "ch1", +
-          "url": "rtsp://IPDELACAM:554/11", +
-          "debug": false, +
-          "on_demand": true, +
-          "audio": true, +
-          "status": 0 +
-        } +
-      } +
-    }</code> +
-     +
-Redémarrer le service rtsp :  +
-<code bash>sudo systemctl restart rtsp.service</code> +
- +
-Vérifier son statut : +
-<code bash>sudo systemctl status rtsp.service</code> +
- +
-Si tout est OK, la nouvelle cam est disponible par le gestionnaire de RTSPtoWeb. +
- +
-Pour l'ajouter dans une page Web, il faut utiliser videojs ( https://github.com/videojs/http-streaming?tab=readme-ov-file#initialization ).+
  
 <code php> <code php>
-  GNU nano 7.2                                                                   /var/www/html/cam_poul/index.php 
 <!doctype html> <!doctype html>
 <html lang="fr"> <html lang="fr">
 <head> <head>
   <meta charset="utf-8">   <meta charset="utf-8">
-  <title>Cam Poulailler</title>+  <title>Titre</title>
   <link href="../css.css" rel="stylesheet">   <link href="../css.css" rel="stylesheet">
   <link href="css/video-js.css" rel="stylesheet" />   <link href="css/video-js.css" rel="stylesheet" />
Ligne 231: Ligne 180:
  
 <?php <?php
 +   
 +  $TONDNS = "example.org"; 
 +  
   $cameras = [   $cameras = [
-    'Trappe', +    'Cam1', 
-    'Pondoir', +    'Cam2', 
-    'Couvoir', +    'Cam3'
-    'Cour', +
-    'Cypres'+
   ];   ];
   foreach ($cameras as $valeur) {   foreach ($cameras as $valeur) {
     ?><video-js id=<?php echo ("'".$valeur."'");?> width='540' height='360' class="vjs-default-skin" controls autoplay muted style="margin-bottom:10px;">     ?><video-js id=<?php echo ("'".$valeur."'");?> width='540' height='360' class="vjs-default-skin" controls autoplay muted style="margin-bottom:10px;">
-      <source src=<?php echo ("'https://pisto.fr.nf:8084/stream/".$valeur."/channel/0/hls/live/index.m3u8'");?> type="application/x-mpegURL">+      <source src=<?php echo ("'https://".$TONDNS.":8084/stream/".$valeur."/channel/0/hls/live/index.m3u8'");?> type="application/x-mpegURL">
     </video-js>     </video-js>
     <script>     <script>
Ligne 257: Ligne 206:
 </body> </body>
 </code> </code>
 +
 +
 +====== Ajouter une nouvelle Cam ======
 +Editer la config de RTSPtoWeb :
 +<code bash>nano /$TONPATH/RTSPtoWeb/config.json</code>
 +
 +Ajouter dans les streams : 
 +<code bash>
 +    ,"NomDeLaCam": {
 +      "name": "NomDeLaCam",
 +      "channels": {
 +        "0": {
 +          "name": "ch1",
 +          "url": "rtsp://IPDELACAM:554/11",
 +          "debug": false,
 +          "on_demand": true,
 +          "audio": true,
 +          "status": 0
 +        }
 +      }
 +    }
 +</code>
 +    
 +Redémarrer le service rtsp : 
 +<code bash>sudo systemctl restart rtsp.service</code>
 +
 +Vérifier son statut :
 +<code bash>sudo systemctl status rtsp.service</code>
 +
 +Si tout est OK, la nouvelle cam est disponible par le gestionnaire de RTSPtoWeb.
 +
  
  
linux/installation/rtsptoweb.1740946085.txt.gz · Dernière modification : 2025/03/02 20:08 de tutospisto

Outils de la page

Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : Public Domain
Public Domain Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki Nom de domaine