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 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
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.
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.
Step 4.1: Afterwards all files should be in the same folder as shown below.
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.