Willkommen im Deutschen Shop

    Webseiten Integration (HD Kameras)

    Einbindung des Videostreams in eine Webseite

    The Video Stream

    Es gibt zwei Möglichkeiten Ihre HD Kamera in eine Webseite einzubinden.


    H264: Hierbei wird der H264 Videostream in Ihre Webseite eingebunden. Dies setzt jedoch voraus das der PC auf dem Sie den Videostream sehen wollen das Apple Quicktime Plugin installiert hat oder im Internet Explorer ein ActiveX Steuerelement ausführt.

    MJPEG: Dieser Modus ist für alle Webbrowser kompatibel und wird für die Ansicht auf einer Webseite empfohlen.


    Editieren der HTML Seite

    Schritt 1: Laden Sie sich unser HTML Paket herunter und entpacken Sie die ZIP Datei. Diese finden Sie HIER Wiki-file-download.png

    HD Live Stream
    Laden Sie die Datei herunter und entpacken Sie diese.



    Schritt 2: Sofern Sie den H264 Videostream in Ihre Webseite einbinden möchten öffnen Sie bitte die Datei h264_video.html um entsprechend die Anpassungen für Ihre Kamera vorzunehmen.

    Um Ihre Kamera über das Internet erreichen zu können, müssen Sie die DDNS Adresse bzw. die IP Ihrer Kamera hinterlegen sowie den Benutzernamen und das Passwort Ihrer Kamera. Sofern Sie die DDNS Adresse nutzen um von außerhalb auf die Kamera zuzugreifen, stellen Sie sicher das die ( Portweiterleitung) im Router richtig hinterlegt ist. Zudem haben Sie die Möglichkeit das Video in unterschiedlichen Größen einzubinden.

    Ersetzen Sie bitte folgende Parameter markiert in rot:

    var url = 'http://192.168.1.165:80';

    var streamnum = 11; // Videostream 11 für 1280 x 720 pixel, 12 für 640 x 352 pixel und 13 für 320 x 176 pixel Auflösung

    var name0 = 'admin'; // Kamera Benutzername

    var password0 = 'instar'; // Kamera Passwort


    HD Live Stream
    Edit the h264_video.html file if you want to integrate the HD camera´s h.264 video stream.



    Schritt 3: Sofern Sie den MJPEG Stream einbinden möchten machen Sie bitte die gleichen Modifikationen wie oben in Schritt 2 beschrieben in der Datei mjpeg_video.html.

    HD Live Stream
    Bearbeiten Sie die mjpeg_video.html Datei wenn Sie den MJPEG video stream Ihre HD Kamera integrieren möchten.


    Laden Sie die Seite auf Ihren Server

    Schritt 4: Bitte nutzen Sie jetzt ein FTP Programm um die Dateien in den Ordner Ihrer Webseite zu kopieren. In unserem Fall nutzen wir das Programm FileZilla. Sofern Sie sich nicht so sehr mit HTML auskennen kopieren Sie die Datein einfach in den gleichen Ordner wo auch Ihre index.html Datei liegt welche die Startseite von Ihrer Webseite ist.

    HD Live Stream
    Benutzen Sie einen FTP Client um die Dateien auf Ihren Webserver zu laden.


    Schritt 4.1: Anschließend sollten sich dann alle Dateien im gleichen Hauptverzeichniss befinden.

    HD Live Stream
    Laden Sie die Dateien auf Ihren Webserver.



    Schritt 5: Alles was Sie jetzt noch machen müssen ist die Datei h264_video.html oder mjpeg_video.html in Ihrer Webseite zu verlinken. Sofern Sie sich mit HTML auskennen können Sie natürlich auch den vorhandenen Code der HTML Dateien in eine bereits vorhandene HTML Datei integrieren um so dass Video in einer vorhandenen Seite einzubinden.


    Bei Fragen können Sie uns gerne jederzeit kontaktieren.



    Verwandte Themen