**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) mitsystemctl 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.
NGINX-Config (/etc/nginx/nginx.conf)
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)
- snippet.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>