Active18 days ago
Jul 04, 2017 All: We have 6 HikVision cameras (various types) along with a HikVision DS-7608NI-SE NVR in a system. Cameras plug in directly to the NVR. We are trying to get the cameras to stream to various Crestron panels (TSR-302, TSW's, TSD-2020) and are having issues with the streams.
I have an ip camera which provides a live RTSP video stream. I can use VLC media player to view the feed by providing it with the URL:
But I need to display the feed on a web page. The camera provider supplied an ActiveX control which I got working, but it is really buggy and causes the browser to frequently hang.
Does anyone know of any alternative video plugins I could use which support RTSP?
The camera can be configured to stream in either H264 or MPEG4.
JakeGould21.5k99 gold badges5454 silver badges8080 bronze badges
elMarquiselMarquis5,77533 gold badges3030 silver badges3737 bronze badges
15 Answers
VLC also comes with an ActiveX plugin that can display the feed in a web page:
RussellRussell
Roughly you can have 3 choices to display RTSP video stream in a web page:
- Realplayer
- Quicktime player
- VLC player
You can find the code to embed the activeX via google search.
As far as I know, there are some limitations for each player.
- Realplayer does not support H.264 video natively, you must install a quicktime plugin for Realplayer to achieve H.264 decoding.
- Quicktime player does not support RTP/AVP/TCP transport, and it's RTP/AVP (UDP) transport does not include NAT hole punching. Thus the only feasible transport is HTTP tunneling in WAN deployment.
- VLC neither supports NAT hole punching for RTP/AVP transport, but RTP/AVP/TCP transport is available.
5,44466 gold badges4444 silver badges6666 bronze badges
It’s not easy to display live video stream from an IP camera on a web page because you need wide internet bandwidth and a great video player that is compatible with the major browsers.
But fortunately there are some cloud based services that can do this job for us. One of the best is IPCamLive. This service can receive RTSP/H264 video stream from an IP Camera and can broadcast it to the viewers. IPCamLive has Flash/HTML5 video player component that will display the video on PC, MAC, tablet or mobile. The greatest thing is that this site generates the needed HTML snippet for embedding the live video like this:
So we just need to copy paste it into our HTML file without any modification.
Adorjan PrinczAdorjan Princz10.2k22 gold badges2828 silver badges2323 bronze badges
If you want to stream RTSP directly to web page, then I am afraid your only option is to use an ActiveX control viewer that comes with the camera. This is a direct connection IP Cam -> Viewer, and should really be the fastest. Not sure why you having issues; Axis ActiveX works pretty good for me.
However, this option is not really bandwidth-efficient and you can not serve multiple concurrent viewers (most of IP Cams have 10 viewers limit). The better option is to upload a single RTSP stream to centrally-hosted streaming server, which will convert your stream to RTMP/MPEG-TS and publish it to Flash players/Set-Top boxes.
Wowza, Erlyvideo, Unreal Media Server, Red5 are your options.
user1390208user1390208
Found a simple and working solution from VLC official documentation for web plugin
Modified the code a little bit and got it working. Here is my code-
Note: The above snippet uses the
rtsp
url format that is supported by my IP camera. So you need to get the same for your camera. You can get this information by consulting your camera vendor support. Also keep in mind that I tested it on Chrome (using an activeX plugin for Chrome) and other browsers (including mobile phone browsers) might not be supported.CrakCCrakC
Also you can try opensource WebRTC Media Server Kurento
Which can play RTSP video stream and send it to WebRTC or transcode to RTMP or saving on server.
We are useing it on Production for the following cases:
Denis LisitskiyDenis Lisitskiy
- Re-streaming RTSP to RTMP(Flash Player) Will not work with AndroidChrome or FF (Flash is not supported)
- Re-streaming RTSP to HLS
Web Call Server (Flashphoner)
- Re-Streaming RTSP to WebRTC (Native browser feature for Chrome andFF either on Android or desktop)
- Re-Streaming RTSP to Websockets (iOS Safari and Chrome/FF Desktop)
Take a look at this article.
ankitrankitr3,92766 gold badges3535 silver badges6262 bronze badges
Try the QuickTime Player! Heres my JavaScript that generates the embedded object on a web page and plays the stream:
CipiCipi![Vision Vision](http://geniusvision.net/test/images/DS-2CD4332FWD.jpg)
9,05888 gold badges4040 silver badges5656 bronze badges
I know that this post is old but I was looking for something very similar the other day (view my IP cam's RTSP video feed on a simple html page without any fancy ActiveX plugins). Lucky me, I found a solution! It is based on ffmpeg, NodeJS, NGINX (not mandatory but useful) and Node Media Server.
The description in the link is detailed and easy to follow, but I still had some tweaks to deal with before I got it to work (regarding endpoints on the NodeJS server). I made an own question for it and got a good and working answer.
Hauns TMHauns TM1,11911 gold badge1414 silver badges2929 bronze badges
I have published project on Github that help you to stream ip/network camera on to web browser real time without plugin require, which I contributed to open source project under MIT License that might be matched to your need, here you go:
There is no full package of framework yet, but it is a kickstart that might give you a way to proceed further.
As a student, I hope this helpful and please contribute to this project.
As a student, I hope this helpful and please contribute to this project.
Phok ChanrithisakPhok Chanrithisak
the Microsoft Mediaplayer can do all, you need.I use the MS Mediaservices of 2003 / 2008 Server to deliver Video as Broadcast and Unicast Stream.This Service could GET the Stream from the cam and Broadcast it. Than you have 'only' the Problem to 'Display' that Picture in ALL Browers at all OS-Systems
My Tip :check first the OS , than load your plugin .on Windows it is easy -take WMP , on other take MS Silverligt ...
uweuwe
For purposes like this one I use VLC as a redistribution server. You said you get to catch the video with VLC? Right-click on the media in VLC, select 'stream' and choose your options. You can also do it with command line, which gives you potential benefits of various option (transcoding, scaling, compressing, desinterlacing).Here is a batch that starts VLC distribution from source to its own 555 port (so you will have to type rstp://myvlcserveripaddress:555 in your src option on the webpage to get the stream)
Here, you have a sample of a webpage that embeds player (based on VLC plugin).
Grigory KornilovGrigory Kornilov17122 gold badges33 silver badges1717 bronze badges
Check the media stream library by Axis which relay on Media Source extension
They implement a pipeline similar to Gstreamer in JS with the h264 depay in it. Note: the streaming consumed in the js is not directly rtsp but encapsulated into a ws:// by the library itself on a node.js rtsp-websocket proxy.
loreiiloreii
For the one I use, The following URL works:
for example:
You need to find the IP of your IP CAM, username and password.
The above URL when entered into a browser, will detect that its stream and open a media player.The correct URL for your make can be found by logging in to the IP address you found. (Use scanner like Nmap, angry IP scanner, etc)
PrometheusPrometheus
All the above solutions does not work any longer or too time consuming to figure out.
This is the ultimate answer. You can embed rtsp link in your website.
Copy the below code in your html editor:
If all this is too complicated and still does not solve it, let me help you.
I have done this for my clients.
Click here http://www.mhcreative.com.my/ipcameratowebsite/
Mazlan HalimMazlan Halim
protected by Community♦May 10 '14 at 19:14
Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).
Would you like to answer one of these unanswered questions instead?
Would you like to answer one of these unanswered questions instead?