How to get stream from camera to web page?

Question

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?

Answer 1

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 common 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 ^{Recommended, step by step guide}