This page has been robot translated, sorry for typos if any. Original content here.

Organisation der Live-Übertragung von IP-Kamera vor Ort

Auf Seite


Organisation der Live-Übertragung von IP-Kamera vor Ort

Aufgabe

Berücksichtigen Sie die Aufgabe, eine Live-Videoübertragung von einer IP-Kamera auf der Website zu organisieren.

Unser Stand besteht aus drei Komponenten:

  • IP-Kamera
  • Medienserver
  • Flash Player im clientseitigen Browser

Wählen Sie die IP-Kamera

Um bequem von der Kamera aufgenommen zu werden, muss Live-Video-Übertragung unterstützt werden (normalerweise über das RTSP- Protokoll). Es gibt eine andere Möglichkeit, wenn Sie jederzeit ein JPEG mit dem aktuellen Bild über HTTP von der Kamera aufnehmen können, aber das ist nicht so bequem. Daher wurde die D'Link DCS-2121 Kamera mit RTSP-Unterstützung ausgewählt.

Medienserver

Der schwierigste Teil der Konfiguration besteht darin, dass die Funktionen zum Abrufen von Video von der Kamera, Konvertieren in das erforderliche Format, Zwischenspeichern und Verteilung an Clients darauf fallen. Mit Blick auf die Zukunft werde ich sagen, dass es sinnvoll ist, in diesem Fall entweder über das Adobe-RTMP-Protokoll, das nativ von Flash-Playern unterstützt wird, oder über HTTP zu verteilen.

Für RTMP gibt es bezahlte Lösungen: FMS , Wowza (Letzteres ist kostenlos mit der Anzahl der gleichzeitigen Verbindungen weniger als zehn) und frei ( red5 und rtmpd ).

Wenn Sie über HTTP verteilen, gibt es noch mehr Möglichkeiten, da die Aufgabe in zwei Teilaufgaben aufgeteilt ist:

  1. Videokonvertierung
  2. Videoverteilung

Natürlich wächst die Anzahl der Kombinationen. Für die Verteilung können Sie beispielsweise apache oder lighthttpd verwenden. Umwandeln - ffmpeg.

In meinem Fall musste alles getan werden.

  1. unter Linux
  2. kostenlos
  3. einfach

Deshalb habe ich bei der einfachen, meiner Meinung nach einfachen Version angehalten, bei der wir auf dem Server nur ein Programm benötigen - den VLC- Videoplayer, den wir übrigens für unsere Bedürfnisse konfigurieren und kompilieren werden. Dieser Video-Player hat noch keine normale Unterstützung für RTMP, daher geben wir die FLV-Datei über HTTP.

Flash Player im clientseitigen Browser

Im Prinzip sollte jeder auftauchen, aber aus irgendeinem Grund habe ich es nicht geschafft, JW Player zu installieren . Die FLV-Datei wurde unendlich auf den Client heruntergeladen, und die Pufferung wurde nicht beendet. Die Deadline wurde gedrückt und der Player zum Flow-Player gewechselt, wodurch dieses Problem verschwand.

Anpassung

Variablen

Um nicht weiter zu reservieren, gehen wir davon aus, dass ich die Server-IP-Adresse - 10.0.0.2, Kameras - 10.0.0.3, Maske 255.0.0.0 und Gateway 10.0.0.1 habe, unter Linux arbeite ich unter user user, ich führe alle notwendigen Befehle über sudo aus .

Kamera-Setup

Wir konfigurieren die Kamera über die Weboberfläche, stellen die notwendigen Netzwerkparameter ein: IP-Adresse, Maske, Gateway, stellen die Uhrzeit ein. Wir müssen auch den Port angeben, an dem die Kamera den RTSP-Stream überträgt (der Standard-Port 554 wird verwendet und ich habe ihn verlassen).

In der Sektion "Audio und Video" werden wir die Eigenschaften des Videos festlegen, die wir brauchen. In jedem Fall können wir die Bitrate und Größe des Bildes später auf dem Server bei der Konvertierung ändern, aber um alles sauber zu halten, geben wir auch hier an. Wir werden MPEG4 640x480, 15 fps, 512kb Bitrate verwenden.

Auch hier ist es notwendig, die RTSP-URL anzugeben: Diese Adresse wird beim Abrufen des Streams von der Kamera verwendet, wir müssen nur den Dateinamen angeben. Ich habe camera1.sdp eingegeben. Daher wird der Stream über den Link rtsp: //10.0.0.3: 554 / camera1.sdp verfügbar sein

Servereinrichtung

Irgendein Linux wird tun, ich habe Debian Lenny benutzt. Erstellen Sie einen Ordner in dem Haus, in dem wir arbeiten werden:

  1. mkdir ~user / install cd ~user / install
  2. mkdir ~user / install cd ~user / install

Wir müssen Codecs herunterladen, also verbinden wir das Debian-Multimedia-Repository:

  1. wget http: // www.debian-multimedia.org / pool / main / d / debian-multimedia-keyring / debian-multimedia-keyring_2008.10.16_all.deb dpkg -i . / debian-multimedia-keyring_2008.10.16_all.deb
  2. wget http: // www.debian-multimedia.org / pool / main / d / debian-multimedia-keyring / debian-multimedia-keyring_2008.10.16_all.deb dpkg -i . / debian-multimedia-keyring_2008.10.16_all.deb

Fügen Sie eine Zeile zu /etc/apt/sources.list hinzu

  1. deb http: // www.debian-multimedia.org stable main non-freel.deb

Bevor wir direkt zu VLC gehen, müssen wir viele Pakete installieren. Ich habe versucht, hier alles aufzulisten, aber vielleicht ist etwas nicht genug, in diesem Fall müssen die Vermissten geliefert werden.

  1. apt-get update apt-get install yasm make subversion xcb libxcb1-dev libxcb-shm0-dev libxcb-keysyms0-dev \ libavformatcvs51 libavcodeccvs51 libavcodeccvs51-dev libavformatcvs51-dev libavutilcvs49-dev \ autoconf g++ gcc liba52-0.7.4-dev libdvbpsi3-dev libdvbpsi3 libfaad-dev libfaac-dev libfribidi-dev \ libavutilcvs49 libavahi-client3 libavahi-common-dev libpostproccvs51-dev libswscalecvs0-dev \ libswscalecvs0 libxvidcore4-dev libxvidcore4 libx264-dev libx264- 54 automake1.9 libgcrypt11-dev \ liblame-dev liblua5.1- 0 -dev libmad0-dev libmpeg2- 4 -dev libogg-dev libvorbis-dev zlib1g-dev \ libvcdinfo-dev libiso9660-dev libcddb2-dev libflac-dev libx264-dev x264
  2. apt-get update apt-get install yasm make subversion xcb libxcb1-dev libxcb-shm0-dev libxcb-keysyms0-dev \ libavformatcvs51 libavcodeccvs51 libavcodeccvs51-dev libavformatcvs51-dev libavutilcvs49-dev \ autoconf g++ gcc liba52-0.7.4-dev libdvbpsi3-dev libdvbpsi3 libfaad-dev libfaac-dev libfribidi-dev \ libavutilcvs49 libavahi-client3 libavahi-common-dev libpostproccvs51-dev libswscalecvs0-dev \ libswscalecvs0 libxvidcore4-dev libxvidcore4 libx264-dev libx264- 54 automake1.9 libgcrypt11-dev \ liblame-dev liblua5.1- 0 -dev libmad0-dev libmpeg2- 4 -dev libogg-dev libvorbis-dev zlib1g-dev \ libvcdinfo-dev libiso9660-dev libcddb2-dev libflac-dev libx264-dev x264
  3. apt-get update apt-get install yasm make subversion xcb libxcb1-dev libxcb-shm0-dev libxcb-keysyms0-dev \ libavformatcvs51 libavcodeccvs51 libavcodeccvs51-dev libavformatcvs51-dev libavutilcvs49-dev \ autoconf g++ gcc liba52-0.7.4-dev libdvbpsi3-dev libdvbpsi3 libfaad-dev libfaac-dev libfribidi-dev \ libavutilcvs49 libavahi-client3 libavahi-common-dev libpostproccvs51-dev libswscalecvs0-dev \ libswscalecvs0 libxvidcore4-dev libxvidcore4 libx264-dev libx264- 54 automake1.9 libgcrypt11-dev \ liblame-dev liblua5.1- 0 -dev libmad0-dev libmpeg2- 4 -dev libogg-dev libvorbis-dev zlib1g-dev \ libvcdinfo-dev libiso9660-dev libcddb2-dev libflac-dev libx264-dev x264
  4. apt-get update apt-get install yasm make subversion xcb libxcb1-dev libxcb-shm0-dev libxcb-keysyms0-dev \ libavformatcvs51 libavcodeccvs51 libavcodeccvs51-dev libavformatcvs51-dev libavutilcvs49-dev \ autoconf g++ gcc liba52-0.7.4-dev libdvbpsi3-dev libdvbpsi3 libfaad-dev libfaac-dev libfribidi-dev \ libavutilcvs49 libavahi-client3 libavahi-common-dev libpostproccvs51-dev libswscalecvs0-dev \ libswscalecvs0 libxvidcore4-dev libxvidcore4 libx264-dev libx264- 54 automake1.9 libgcrypt11-dev \ liblame-dev liblua5.1- 0 -dev libmad0-dev libmpeg2- 4 -dev libogg-dev libvorbis-dev zlib1g-dev \ libvcdinfo-dev libiso9660-dev libcddb2-dev libflac-dev libx264-dev x264
  5. apt-get update apt-get install yasm make subversion xcb libxcb1-dev libxcb-shm0-dev libxcb-keysyms0-dev \ libavformatcvs51 libavcodeccvs51 libavcodeccvs51-dev libavformatcvs51-dev libavutilcvs49-dev \ autoconf g++ gcc liba52-0.7.4-dev libdvbpsi3-dev libdvbpsi3 libfaad-dev libfaac-dev libfribidi-dev \ libavutilcvs49 libavahi-client3 libavahi-common-dev libpostproccvs51-dev libswscalecvs0-dev \ libswscalecvs0 libxvidcore4-dev libxvidcore4 libx264-dev libx264- 54 automake1.9 libgcrypt11-dev \ liblame-dev liblua5.1- 0 -dev libmad0-dev libmpeg2- 4 -dev libogg-dev libvorbis-dev zlib1g-dev \ libvcdinfo-dev libiso9660-dev libcddb2-dev libflac-dev libx264-dev x264
  6. apt-get update apt-get install yasm make subversion xcb libxcb1-dev libxcb-shm0-dev libxcb-keysyms0-dev \ libavformatcvs51 libavcodeccvs51 libavcodeccvs51-dev libavformatcvs51-dev libavutilcvs49-dev \ autoconf g++ gcc liba52-0.7.4-dev libdvbpsi3-dev libdvbpsi3 libfaad-dev libfaac-dev libfribidi-dev \ libavutilcvs49 libavahi-client3 libavahi-common-dev libpostproccvs51-dev libswscalecvs0-dev \ libswscalecvs0 libxvidcore4-dev libxvidcore4 libx264-dev libx264- 54 automake1.9 libgcrypt11-dev \ liblame-dev liblua5.1- 0 -dev libmad0-dev libmpeg2- 4 -dev libogg-dev libvorbis-dev zlib1g-dev \ libvcdinfo-dev libiso9660-dev libcddb2-dev libflac-dev libx264-dev x264
  7. apt-get update apt-get install yasm make subversion xcb libxcb1-dev libxcb-shm0-dev libxcb-keysyms0-dev \ libavformatcvs51 libavcodeccvs51 libavcodeccvs51-dev libavformatcvs51-dev libavutilcvs49-dev \ autoconf g++ gcc liba52-0.7.4-dev libdvbpsi3-dev libdvbpsi3 libfaad-dev libfaac-dev libfribidi-dev \ libavutilcvs49 libavahi-client3 libavahi-common-dev libpostproccvs51-dev libswscalecvs0-dev \ libswscalecvs0 libxvidcore4-dev libxvidcore4 libx264-dev libx264- 54 automake1.9 libgcrypt11-dev \ liblame-dev liblua5.1- 0 -dev libmad0-dev libmpeg2- 4 -dev libogg-dev libvorbis-dev zlib1g-dev \ libvcdinfo-dev libiso9660-dev libcddb2-dev libflac-dev libx264-dev x264
  8. apt-get update apt-get install yasm make subversion xcb libxcb1-dev libxcb-shm0-dev libxcb-keysyms0-dev \ libavformatcvs51 libavcodeccvs51 libavcodeccvs51-dev libavformatcvs51-dev libavutilcvs49-dev \ autoconf g++ gcc liba52-0.7.4-dev libdvbpsi3-dev libdvbpsi3 libfaad-dev libfaac-dev libfribidi-dev \ libavutilcvs49 libavahi-client3 libavahi-common-dev libpostproccvs51-dev libswscalecvs0-dev \ libswscalecvs0 libxvidcore4-dev libxvidcore4 libx264-dev libx264- 54 automake1.9 libgcrypt11-dev \ liblame-dev liblua5.1- 0 -dev libmad0-dev libmpeg2- 4 -dev libogg-dev libvorbis-dev zlib1g-dev \ libvcdinfo-dev libiso9660-dev libcddb2-dev libflac-dev libx264-dev x264

Der Rest wird aus der Quelle gesetzt, um bestimmte Optionen aktivieren oder deaktivieren zu können. Fangen wir mit der neuesten Version von ffmpeg an:

  1. svn checkout svn : // svn.ffmpeg.org / ffmpeg / trunk ffmpeg cd ffmpeg . / configure make make install cd ..
  2. svn checkout svn : // svn.ffmpeg.org / ffmpeg / trunk ffmpeg cd ffmpeg . / configure make make install cd ..
  3. svn checkout svn : // svn.ffmpeg.org / ffmpeg / trunk ffmpeg cd ffmpeg . / configure make make install cd ..
  4. svn checkout svn : // svn.ffmpeg.org / ffmpeg / trunk ffmpeg cd ffmpeg . / configure make make install cd ..
  5. svn checkout svn : // svn.ffmpeg.org / ffmpeg / trunk ffmpeg cd ffmpeg . / configure make make install cd ..
  6. svn checkout svn : // svn.ffmpeg.org / ffmpeg / trunk ffmpeg cd ffmpeg . / configure make make install cd ..

Wenn Sie mit dem h264-Codec arbeiten möchten, können Sie ffmpeg mit Optionen konfigurieren

./configure --enable-libx264 --enable-gpl

Als nächstes brauchen wir eine sehr notwendige Live555 Streaming Medienbibliothek, mit deren Hilfe unser VLC Player mit RTSP arbeiten wird.

  1. wget http: // www.live555.com / liveMedia / public / live555-latest.tar.gz tar zxvf . / live555-latest.tar.gz cd live . / genMakefiles linux make cd ..
  2. wget http: // www.live555.com / liveMedia / public / live555-latest.tar.gz tar zxvf . / live555-latest.tar.gz cd live . / genMakefiles linux make cd ..
  3. wget http: // www.live555.com / liveMedia / public / live555-latest.tar.gz tar zxvf . / live555-latest.tar.gz cd live . / genMakefiles linux make cd ..
  4. wget http: // www.live555.com / liveMedia / public / live555-latest.tar.gz tar zxvf . / live555-latest.tar.gz cd live . / genMakefiles linux make cd ..
  5. wget http: // www.live555.com / liveMedia / public / live555-latest.tar.gz tar zxvf . / live555-latest.tar.gz cd live . / genMakefiles linux make cd ..
  6. wget http: // www.live555.com / liveMedia / public / live555-latest.tar.gz tar zxvf . / live555-latest.tar.gz cd live . / genMakefiles linux make cd ..

Jetzt gehe zum VLC-Player. Gehen Sie zu http://download.videolan.org/pub/videolan/vlc/latest/ und sehen Sie, welche die neueste Version ist, und laden Sie dann die Quelle herunter und entpacken Sie sie. In meinem Fall sah es so aus:

  1. wget http: // download.videolan.org / pub / videolan / vlc / latest / vlc-1.1.0.tar.bz2 bzip2 -d vlc-1.1.0.tar.bz2 tar xvf . / vlc-1.1.0.tar cd vlc-1.1.0
  2. wget http: // download.videolan.org / pub / videolan / vlc / latest / vlc-1.1.0.tar.bz2 bzip2 -d vlc-1.1.0.tar.bz2 tar xvf . / vlc-1.1.0.tar cd vlc-1.1.0
  3. wget http: // download.videolan.org / pub / videolan / vlc / latest / vlc-1.1.0.tar.bz2 bzip2 -d vlc-1.1.0.tar.bz2 tar xvf . / vlc-1.1.0.tar cd vlc-1.1.0
  4. wget http: // download.videolan.org / pub / videolan / vlc / latest / vlc-1.1.0.tar.bz2 bzip2 -d vlc-1.1.0.tar.bz2 tar xvf . / vlc-1.1.0.tar cd vlc-1.1.0
Die VLC-Konfiguration ist der kreativste Teil, wir werden versuchen, es so zu machen, dass wir haben, was wir brauchen und nichts extra.
  1. . / configure --enable-release --enable-faad --disable-dbus --disable-hal \ --disable-remoteosd --disable-qt4 --disable-skins2 --disable-activex \ --disable-v4l2 --disable-libv4l2 --disable-x11 --disable-xvideo --disable-glx \ --disable-opengl --disable-visual --disable-nls --disable-mozilla \ --enable-realrtsp --enable-flac --disable-lua --prefix = / usr\ --with-live555-tree = / home / user / install / live --with-ffmpeg-tree = / home / user / install / ffmpeg
  2. . / configure --enable-release --enable-faad --disable-dbus --disable-hal \ --disable-remoteosd --disable-qt4 --disable-skins2 --disable-activex \ --disable-v4l2 --disable-libv4l2 --disable-x11 --disable-xvideo --disable-glx \ --disable-opengl --disable-visual --disable-nls --disable-mozilla \ --enable-realrtsp --enable-flac --disable-lua --prefix = / usr\ --with-live555-tree = / home / user / install / live --with-ffmpeg-tree = / home / user / install / ffmpeg
  3. . / configure --enable-release --enable-faad --disable-dbus --disable-hal \ --disable-remoteosd --disable-qt4 --disable-skins2 --disable-activex \ --disable-v4l2 --disable-libv4l2 --disable-x11 --disable-xvideo --disable-glx \ --disable-opengl --disable-visual --disable-nls --disable-mozilla \ --enable-realrtsp --enable-flac --disable-lua --prefix = / usr\ --with-live555-tree = / home / user / install / live --with-ffmpeg-tree = / home / user / install / ffmpeg
  4. . / configure --enable-release --enable-faad --disable-dbus --disable-hal \ --disable-remoteosd --disable-qt4 --disable-skins2 --disable-activex \ --disable-v4l2 --disable-libv4l2 --disable-x11 --disable-xvideo --disable-glx \ --disable-opengl --disable-visual --disable-nls --disable-mozilla \ --enable-realrtsp --enable-flac --disable-lua --prefix = / usr\ --with-live555-tree = / home / user / install / live --with-ffmpeg-tree = / home / user / install / ffmpeg
  5. . / configure --enable-release --enable-faad --disable-dbus --disable-hal \ --disable-remoteosd --disable-qt4 --disable-skins2 --disable-activex \ --disable-v4l2 --disable-libv4l2 --disable-x11 --disable-xvideo --disable-glx \ --disable-opengl --disable-visual --disable-nls --disable-mozilla \ --enable-realrtsp --enable-flac --disable-lua --prefix = / usr\ --with-live555-tree = / home / user / install / live --with-ffmpeg-tree = / home / user / install / ffmpeg
  6. . / configure --enable-release --enable-faad --disable-dbus --disable-hal \ --disable-remoteosd --disable-qt4 --disable-skins2 --disable-activex \ --disable-v4l2 --disable-libv4l2 --disable-x11 --disable-xvideo --disable-glx \ --disable-opengl --disable-visual --disable-nls --disable-mozilla \ --enable-realrtsp --enable-flac --disable-lua --prefix = / usr\ --with-live555-tree = / home / user / install / live --with-ffmpeg-tree = / home / user / install / ffmpeg

In der letzten Zeile zeigen wir die Pfade zu den Quellen ffmpeg und live555 an, mit denen wir in den vorherigen Schritten gearbeitet haben. Wenn Sie den Player als root ausführen möchten , müssen Sie den Schlüssel --enable-run-as-root hinzufügen, wenn der h264-Codec --able -x264 lautet

Als nächstes kompilieren und installieren Sie den Player. Dieser Vorgang dauert sehr lange. In meinem Fall fehlte immer etwas, das kompiliert werden musste. Ich habe versucht, alle notwendigen Bibliotheken aufzulisten, aber in jedem Fall kann sich alles von Version zu Version ändern, also auf Fehler achten und liefern, was es verlangt.

  1. make make install
  2. make make install

Die Installation der Software ist abgeschlossen, wir müssen lediglich den Player mit den notwendigen Parametern starten. Im Allgemeinen ist der VLC-Player einzigartig in seiner Flexibilität.

Der Player wird für uns in zwei simultanen Streams arbeiten: der erste wird Video von der Kamera über RTSP empfangen multiplext es in MPEG TS und sendet es an localhost: 8001, der zweite wird das Ergebnis von localhost: 8001 nehmen, komprimieren, encodieren, in einen FLV Container packen und an diesen weitergeben HTTP auf Port 8080. Wir machen 2 Dateien, um diese Streams zu starten:

  1. mkdir ~user / scripts touch ~user / scripts / stream1.sh touch ~user / scripts / stream2.sh
  2. mkdir ~user / scripts touch ~user / scripts / stream1.sh touch ~user / scripts / stream2.sh
  3. mkdir ~user / scripts touch ~user / scripts / stream1.sh touch ~user / scripts / stream2.sh

Fügen Sie die Zeilen in stream1.sh ein:

  1. #!/bin/sh vlc -vv rtsp: // 10.0.0.3: 554 / camera1.sdp --rtsp-caching = 100000 --no-sout-audio --sout \ '#std{access=http,dst=127.0.0.1:8001,mux=ts}'
  2. #!/bin/sh vlc -vv rtsp: // 10.0.0.3: 554 / camera1.sdp --rtsp-caching = 100000 --no-sout-audio --sout \ '#std{access=http,dst=127.0.0.1:8001,mux=ts}'
  3. #!/bin/sh vlc -vv rtsp: // 10.0.0.3: 554 / camera1.sdp --rtsp-caching = 100000 --no-sout-audio --sout \ '#std{access=http,dst=127.0.0.1:8001,mux=ts}'

Hier haben wir dem Spieler angezeigt, was er verlieren soll. Der Stream von der rtsp: //10.0.03: 554 / camera1.sdp Kamera wurde als Quelle ausgewählt, zeigte die Größe des Puffers an und machte sofort die erste Stufe unseres Films stumm ( --no-sout-audio ). Das Ergebnis wird diesem Stream unter http://127.0.0.1:8001B stream2.sh übergeben:

  1. #!/bin/sh vlc -vv http: // 127.0.0.1: 8001 --loop --http-caching = 10000 --sout \ '#transcode{vcodec=FLV1,vb=512,fps=15}:std{access=http{mime=video/x-flv},dst=:8080/view01.flv,mux=ffmpeg{mux=flv}}'
  2. #!/bin/sh vlc -vv http: // 127.0.0.1: 8001 --loop --http-caching = 10000 --sout \ '#transcode{vcodec=FLV1,vb=512,fps=15}:std{access=http{mime=video/x-flv},dst=:8080/view01.flv,mux=ffmpeg{mux=flv}}'
  3. #!/bin/sh vlc -vv http: // 127.0.0.1: 8001 --loop --http-caching = 10000 --sout \ '#transcode{vcodec=FLV1,vb=512,fps=15}:std{access=http{mime=video/x-flv},dst=:8080/view01.flv,mux=ffmpeg{mux=flv}}'

Der zweite Stream nimmt http://127.0.0.1:8001, hat einen eigenen Cache, drückt ihn (vb - bitrate, fps - FPS) und verteilt ihn über HTTP auf Port 8080 als view01.flv Datei. Wenn auf dem Server mehrere Schnittstellen vorhanden sind, können Sie in dst auch die spezifische IP-Adresse der Schnittstelle angeben, auf die Sie verteilen möchten.

Im industriellen Betrieb sollten die Streams als Hintergrund und ohne Bezug zur Konsole laufen, in unserem Beispiel werden wir sie einfach in zwei Konsolen starten. vlc sollte den Puffer einige Zeit füllen und dann den regulären Modus übergeben. Die Dauer der Füllung hängt von der Größe des Cache ab ( --rtsp-caching bzw. --http-caching ) Wir müssen eine Seite mit dem Player erstellen. Der Einfachheit halber werden wir es auf demselben Server tun.

  1. apt-get install apache2
Playereinstellungen
  1. cd / var / www /

Als nächstes laden Sie Flow Player herunter. Auf der Website des Entwicklers befindet sich ein Einstellungsassistent, für dessen Verwendung Sie sich registrieren müssen. Ein Assistent ist unter http://flowplayer.org/setup/index.html verfügbar.

Da wir einen Live-Stream haben und die Kamera die aktuelle Uhrzeit direkt ins Bild zeigt, sollte der Player minimalistisch sein. Deaktivieren Sie alles außer der Schaltfläche "Vollbild", laden Sie den Player herunter und entpacken Sie den Inhalt des Archivs in den Ordner / var / www auf unserem Server.

Um alles perfekt zu machen, habe ich die SWF- und JS-Dateien auch in player.swf und player.js umbenannt. Ich würde nicht über diese Tatsache schreiben, wenn ich nicht vergessen hätte, wie sie vorher genannt wurden. Deshalb werde ich im Text auch meine neuen Namen verwenden. Also, wir erstellen HTML-Seite

  1. touch / var / www / index.html
Wir speichern darin folgenden Text:
  1. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  2. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  3. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  4. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  5. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  6. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  7. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  8. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  9. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  10. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  11. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  12. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  13. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  14. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >
  15. < html >< head > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >< script type = "text/javascript" src = "/player.js" >< / script > < title > Просмотр камеры 1 < / title > < / head > < body > < h1 > Камера № 1 < / h1 > < a href = "http://stream.kubsu.ru:8080/view01.flv" style = "display:block;width:520px;height:330px;margin:10px auto;" id = "player" > < / a > < script > flowplayer("player", "/player.swf"); < / script > < / body >< / html >

Alles ist bereit, gehen Sie zum Browser auf http://10.0.0.2/ und sehen Sie sich die Sendung an.