I have started developing module which shows the live video stream from the camera on web page.

But, I don't know how to show the video stream live in web page.

Is there any JavaScript function helps to show live view? Does object tag in HTML allow us to embed live video ?

Could someone guide me on how I can do this?

I have started developing module which shows the live video stream from the camera on web page.

But, I don't know how to show the video stream live in web page.

Is there any JavaScript function helps to show live view? Does object tag in HTML allow us to embed live video ?

Could someone guide me on how I can do this?

• javascript
• html
• video-streaming

• Just to be sure. You are trying to show a webcam stream from a remote server on a client's browser? Or a local webcam feed? – Tchoupi Commented Mar 26, 2012 at 4:18
• these camera should not play over internet. it can access only within industry. – Mohan Commented Mar 26, 2012 at 4:33

2 Answers 2

If you are mentioning about the Live Streaming. For this you either need Streaming Video Server or HTTP Streaming.

1. Streaming Video Server

   IT is the server from which you will stream your video. They have to be extremely fast, able to handle many connections at a time, depending on user's connection speed etc. To have this, you can

   • Buy your own, or
   • Sign up for a hosted streaming plan with an ISP (Internet Service Provider)

2. Or, you need HTTP Streaming

   To make it as simple as it can be

   • Create a video file in a mon streaming media format
   • Upload the file to your web server
   • Make a simple hyperlink to the video file, or use special HTML tags to embed the video in a web page.

Some helpful posts and plugins

• Video streaming over websockets using JavaScript

• jQuery Video Player: Enables webcam video streaming

• Video and Audio Streaming with Flash and Open Source Tools
  _{And yes <object> tag, can be used to embed a video player which stream the data.}

• Streaming over HTTP with JavaScript: AJAX video player ^{Remended, step by step guide}

<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
        codebase="http://downloads.videolan/pub/videolan/vlc/latest/win32/axvlc.cab"
        width="640" height="441" id="vlc" events="True">

    <param name="Src" value="rtsp://your camera ip address" />
    <param name="ShowDisplay" value="True" />
    <param name="AutoLoop" value="False" />
    <param name="AutoPlay" value="True" />

    <embed id="vlcEmb"  type="application/x-google-vlc-plugin" quality="high" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="441"
           target="rtsp://your camera ip address" >               
    </embed>