How to read stream video from IP cam - html

I am trying to read the streaming from a Network IP Camera.
I can connect to the IP Camera (web server) by proprietary web interface and I can watch the video (h.264 format), but I need to read the video stream and put it in a web page that I am developing.
How can I read only the stream video ?
I think I have to authenticate in some way before read the video stream, right ? (and how ?)
Do exist some particular camera that allow me to read easily the video stream ?
Is there some plugin, applet or something that I can use in my html page ?
I know: to many question :) you can suggest me some web page that can help me.
Thank you,
Alessandro

hej allesandro,
only streaming the h.264 video data looks like a task for RTSP. There are some HTML-plugins for websites which can start a RTSP stream. Either you use one of them or you simply program your own plugin for your website. live555 is a powerful library for RTP and RTSP streaming. Try to find out if your server supports RTSP...
greetings,
jens.

Related

Is it possible to send a large video file (larger than 4 Gig) from browser via a webrtc or other and stream it via HLS or other format?

My question is for HTML side of things (via a broswer like chrome or safari)...
**** also the main concern is chrome / safari limitation when sending file over 4 Gig via a
<input type="file" >
Example : https://obsproject.com/ is a streaming software that you install on a desktop to stream a from a camera or from a video file to RTMP endpoint....
but is it doable to to the same (send a pre-recorded .mov) and stream it to a server and that server to "record" it to make it available after the stream... like using webrtc api of the browser and send it to a multipoint control unit (MCU) and record or convert to HLS .m3u8 format...
digging in google made me found this
https://webrtc.github.io/samples/src/content/capture/video-pc/
the the demo don't work :(
••••• I found this too https://github.com/muaz-khan/FileBufferReader with function FileBufferReader() {...
but what about recording (from the user browser to an other peer, but that other peer could be a server that takes this "stream" and re-assemble it and do a .m3u8 HLS format) ?
Delivering a 4 GB file is problematic- any network hiccup during delivery could cause an issue.
OBS sends a video RTMP stream to many services to "live stream" like Twitch, YouTube, etc (I work for api.video, and we sponsor OBS, and can be used to livestream this way).
These services convert the RTMP stream into HLS for you and deliver the streams to your customers.
If you have a 4 GB .mov file - you can upload that to services as well to convert to the HLS format. But - like you said, 4Gb can be problematic. Our workaround has been to use file.slice in JavaSCript to split the big video in to manageable chunks (that are reassembled on the server).
I've written a blog post on how to do this:
https://api.video/blog/tutorials/uploading-large-files-with-javascript
and a live demo (using the api.video backend): https://upload.a.video
Doug

any method for udp streaming video to be played in HTML browser page

is there a node js module, method using flash, or anything that can allow a udp streaming video, located at an address like udp://(ipaddress):port to be played in an HTML page?
i mean there has to be SOME way to play a udp video on a web page right?
is this WebRTC API the best way to do it?
thanks
I'm doing something like this as well. A video stream (coming from ffmpeg in my case) and being pushed out over http:// but I think you could use the same principle for udp
I found a project that uses nodejs as a server to pick up the http packets being sent from ffmpeg, put them on a websocket to the browser, and then there's client-side Javascript that decodes each individual frame. In this case it was h.264, and the performance seems tolerable for real-time video.
https://github.com/131/h264-live-player
Flash supports UDP sockets - but you will run out of browsers supporting Flash.
http://help.adobe.com/en_US/as3/dev/WSb2ba3b1aad8a27b0-181c51321220efd9d1c-8000.html#WSb2ba3b1aad8a27b0-181c51321220efd9d1c-7ffe
So you can use Flash open an UDP socket, decode the video and render it.
WebRTC may use internally UDP but certainly won't enable you to open a bare socket.

IP camera multicast stream on web

We are developing a project and a part of this project is showing live preview on web page. I should use multicast stream because there will be too many clients and none of them will directly connect to camera. I want to use multicast property of camera and no need to increase network traffic. I want to this very simple, I mean I want to show the stream on html img tag or something like this and give the source path (for ex : ) multicast IP address of the camera. I googled and could not find any clear solution. By the way I want to support all browsers so html img tag I prefered. I do not want to embed any video stream plugin because cross platform supporting. I need ideas or suggestion and a clear example. Thanks in advance..
There are many ways,
you can directly insert rtsp link inside your webpage using vlc plugin or Quicktime plugin, or you can make a server to read stream from the camera(may be using nodejs or gstreamer or opencv etc) and broadcast it to a http ip or send it in base64 images to webport and on the website you can read it using websockets, socket.io library

How to record video by actionscript 3 ?

Can we record video (capture/ streaming) by actoinscript 3 ? and upload the same to server ?
Anybody have any reference link for it ?
your help will be appreciable
Thank you
Yes, there is support for recording video and surely you can send this data to the server.
There are many tutorials available, you can find them with a simple google search:
https://influxis.com/simple-as3-recorder/
https://code.google.com/p/flvrecorder/ --- has a sample
http://www.purplesquirrels.com.au/2012/12/record-and-play-back-video-with-air-for-ios-on-ipad/
and many, many others.
If you want to use free server, where to send video to, I suggest to look into Red5, it seems that it's not supported for a while now, but the latest releases are running well.
Red5: http://www.red5.org
You can capture audio and video from a webcam using Flash/ActionScript.
The encoded audio and video data is streamed (through rtmp) from the Flash client running in a browser to a media server like Red5, Wowza and AMS where it is saved in .flv, mp4 or .f4v video files.
For the exact client AS3 code see this answer.

How to display a video stream from an IP address in a webpage?

I have been given a network IP address. In the format of http://192.168.1.15
When I enter this address into VLC Player, it streams fine.
The stream itself is a DVB/MPEG TS stream transcoded to MP4.
What steps do I need to take to display this in a webpage?
You should use some sort of plugin like Flash or Java.
There could be an existing player which you can use to play the stream, but I don't know any.
Look for the Apple QuickTime MP4 codec add-on for your browser. That should allow you to view any MP4 streams.
You could also use the VLC plugin activex/mozilla plugin. Not widely used but promising.
The new plugin wrappers are on github : revolunet.github.com/VLCcontrols