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.

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

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.

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.

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.

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:

VIEW MORE