How to Embed IP Camera Video into a Web Page using Vivotek Network Cameras

Home › Forums › IP Camera Support › Vivotek IP Camera Support › How to Embed IP Camera Video into a Web Page using Vivotek Network Cameras

  • It is actually very easy to embed a video stream from a Vivotek IP camera into an webpage as long as you set the video stream of your Vivotek network camera to JPEG instead of MPEG.

    Here is how to configure your Vivotek IP camera for web page embedding:

    1. Access the configuration screen of your camera.
    2. Click on the Configuration link.
    3. Set the configuration mode to advanced by clicking on the advanced mode link in the lower left. If the link says basic mode, then you are already in advanced mode.
    4. Click on the audio and video link
    5. Click on the Video quality settings for stream 1 link and set select the JPEG radio button
    6. Select the Frame size, Maximum frame rate, and Video quality settings that you want to use to embed into your website
    7. Click on the save button to save these settings
    8. Last, you need to add an img HTML tag into the page that you want the video stream to appear. Please check out this HTML sample embed a video stream into your webpage.

    Please note that the host name or IP address of your camera must be accessible from the Internet from outside of the local network that the IP camera is running on. This means that port forwarding must already be in place. You need to change the host name that is used in the example to the IP address or host that you use to access your camera.

    Also note that in this example, the camera is running on port 80. If your camera is running on a different port, change 80 to the port number that you are using.

    The sample HTML page to embed an IP camera into a web page was updated today so that Internet Explorer is supported using the Active X control. Firefox, Chrome, and Safari web browsers work using the cameras MJPEG (motion jpeg) video stream.

    This is an excellent and very helpful post. Much appreciated and found to work well with our SD7151 PTZ camera; up and running in minutes.

    That said, we have been unable to apply this to our IP8332 MP camera; nothing I have done will get the image to come up, it appears I am missing something either with the camera or in the code snippet.

    Anyone get this working with a vivotek MP camera?

    Thanks!

    -Mark

    Hello.

    Thanks for the tutorial. I am using the script to embed Ip camera video but only runs in Firefox and Internet Explorer. In Opera doesn't work fine and Chrome and Safari don't show any image.

    Can you help me to solve the problem? Any idea?

    Regards.

    And other question. How can I put the user and password directly in the script?

    Thanks.

    Solved. In Safari and Chrome It works. The problem was the authentication. If the auth is enabled, page don't loads.

    It would be good to put directly user and password in the script…

    In Opera the load is wrong.

    Regards.

    My ip cam support only 10 viewers at a time to watch it. If I embed it, will I able to let more viewers watch my cam? If yes then how many?

    This is excellent post, Thanks for that nice post its really helpful regarding my some issues.

    As its quite use for me as i use Firefox for that.

    Zavio IP cameras are another great choice to embed the video feed into a web page.

    This is a screenshot of a Zavio F7210 2 Mepgixel IP camera embedded in a web page and being viewed on from a Mac computer in the Firefox web browser.

    embed-ip-camera-web-page.jpg

    Here is the Zavio F7210 camera used for the video embed.

    Zavio-F7210-1.jpg

    Instructions for how to embed Zavio cameras into a web site can be found here.

    https://www.cctvcamerapros.com/Embed-IP-Camera-in-Web-Page-s/657.htm