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?

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, Mar 26 '12 at 04:18
these camera should not play over internet. it can access only within industry. — Mohan, Mar 26 '12 at 04:33

score 7 · Answer 1 · edited May 23 '17 at 12:08

7

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

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)
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}

edited May 23 '17 at 12:08

Community

1
1

answered Mar 26 '12 at 04:34

Starx

77,474
47
185
261

It is difficult to download and upload to webserver and start playing the video. if we do that process means downloading process should happen in one thread and playing video should play on another thread, right ? we have number of camera plays with same ip and port with different channels. How to handle this process? – Mohan Mar 26 '12 at 04:54
@Mohan, It really does not matter. Different camera means different video and different streams. They each will have individual link. – Starx Mar 26 '12 at 04:56
@Starx I am capturing videos using camera how do i post it to server i mean live?pleas help. – A Sahra Jan 02 '17 at 11:09
@ASahra What kind of camera do you have? – Starx Jan 03 '17 at 12:51
@Starx it's a USB camera connected from client side but it might vary depending on users (clients) – A Sahra Jan 03 '17 at 13:06
@ASahra, If it's a USB Camera, my answer should be enough. – Starx Jan 03 '17 at 13:59
Can we record video in `CCTV` and show it live in web page using `Javascript` ? – Shaiju T Aug 01 '20 at 12:13

score 0 · Answer 2 · edited Jun 11 '15 at 19:10

<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
        codebase="http://downloads.videolan.org/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>

How to get stream from camera to web page?

2 Answers2