Internes Wiki der Jugendgruppe CCC Göttingen

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen: • Dokumentation matelight Stream
projekte:matelight:stream

**Dies ist eine alte Version des Dokuments!**

Inhaltsverzeichnis

Dokumentation matelight Stream

,
  • Webserver: NGINX https://www.nginx.com/ mit RTMP (Real-time-message protocol) Installation mit sudo apt install nginx libnginx-mod-rtmp * Sytemstatus (Dienste anzeigen) mit systemctl status
  • Konfguration in /etc/nginx/nginx.conf
  • dann mit systemctl restart nginx Dienst neustarten
  • Standardport für RTMP-Streams 1935
  • mime-type (https://de.wikipedia.org/wiki/Internet_Media_Type) für Streams application/octet-stream
  • Pfad für den Server konfigurieren, z.B. /srv/www, hier die Web-Seiten ablegen.
  • Stylesheet für Stream (video-js.css) wird im Header der HTML-Seite mit <link/> eingebunden (<head></head>)
  • im Body mit <video></video> den Stream einbinden
  • JavaSkript Video.js zeigt den Stream an.

https://hlsbook.net/hls-nginx-rtmp-module/

NGINX-Config (/etc/nginx/nginx.conf)

snippet.nginx
worker_processes auto;
 
error_log /var/log/nginx/error.log warn;
pid /run/nginx.pid;
 
load_module modules/ngx_rtmp_module.so;
 
events {
  worker_connections 1024;
}
 
rtmp {
  access_log /var/log/nginx/rtmp.log;
 
  server {
    listen 1935;
    application live {
      live on;
 
      hls on;
      hls_path /srv/www;
      hls_fragment 6s;
 
      hls_keys on;
      hls_key_path /srv/www/keys;
      hls_key_url /keys/;
      hls_fragments_per_key 10;
    }
 }
}
 
http {
  include mime.types;
  default_type application/octet-stream;
  access_log /var/log/nginx/access.log;
 
  map $sent_http_content_type $expires {
    default 1d;
    application/vnd.apple.mpegurl epoch;
  }
 
  server {
    listen 80;
 
    location / {
      root /srv/www;
      expires $expires;
    }
  }
}

HTML-Seite (/srv/www/index.html)

<!DOCTYPE html> <html> <head> <link href="https://vjs.zencdn.net/7.8.4/video-js.css" rel="stylesheet" /> <title>Teststream</title> <style> body{ background-color: black; } </style> </head> <body> <video id="my-video" class="video-js" controls preload="auto" width="1280" height="960" data-setup="{}"> <source src="test.m3u8" type="application/vnd.apple.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/7.8.4/video.js"></script> </body> </html>

projekte/matelight/stream.1644007996.txt.gz · Zuletzt geändert: 2022/02/04 21:53 von tux