This is a demo store. Any orders placed through this store will not be honored or fulfilled.

Welcome to the US Store

    Website Integration (HD Cameras)



    Integration of the live video stream in your website

    The Video Stream

    There is two ways to integrate the HD video stream of your camera in your website.


    H264: This method will use the H264 video stream of your camera. This will need a computer to have the Apple Quicktime Plugin installed. When using Internet Explorer an ActiveX Plugin will be needed.

    MJPEG: This method will work with every web browser. We will recommend you to use this way of integration to make sure the video stream of your camera can be displayed in any web browser.


    Edit the HTML Page

    Step 1: Please download our HTML package and unpack the ZIP file. The ZIP file can be found HERE Wiki-file-download.png

    HD Live Stream
    Download and unzip the files.



    Step 2: If you want to integrate the H264 video stream in your website please open the file h264_video.html in order to make modifications for your camera.

    In order to access your camera over the internet ( Portforwarding) or your internal network you have to fill in the DDNS or IP address of your camera. You will also need to type in the username and the password of your camera. Optional you can also select the video resolution which you want to display.

    Please change the following parameters:

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

    var streamnum = 11; // Videostream 11 for 1280 x 720 pixel, 12 for 640 x 352 pixel and 13 for 320 x 176 pixel resolution

    var name0 = 'admin'; // Camera Username

    var password0 = 'instar'; // Camera Password


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



    Step 3: If you want to integrate the MJPEG stream please modify the file mjpeg_video.html in the same way as explained in step 2 above.

    HD Live Stream
    Edit the 'mjpeg_video.html' file if you want to integrate the HD camera´s MJPEG video stream.


    Upload the Page to your Server

    Step 4: Now please use a FTP client in order to upload the files to your web space. In our example we are using the software FileZilla. If you are not so familiar with HTML we recommend you to upload all files in the same folder where your index.html file is located which is normally the main page of your website.

    HD Live Stream
    Edit the 'mjpeg_video.html' file if you want to integrate the HD camera´s MJPEG video stream.


    Step 4.1: Afterwards all files should be in the same folder as shown below.

    HD Live Stream
    Edit the 'mjpeg_video.html' file if you want to integrate the HD camera´s MJPEG video stream.



    Step 5: All you need to do is either to link the file h264_video.html or mjpeg_video.html in your website. If you are familiar with HTML you can also simply integrate the HTML code in an existing site in order to integrate the video stream in any of your existing websites.


    In case of questions please feel free to contact us any time.



    Related Topics