I'm playing around with Spydroid a bit and wants to display the RTSP stream in an web browser, preferably in HTML5 to be able to view the stream on mobile devices. I've been looking around quite alot and it seems that RTSP works great with HTML5, the problem is that most RTSP URLs look something like this:
rtsp://xxx.xxx.xxx.xxx/videofile.mov
So my question is, how can I point to a similar RTSP URL using Spydroid or is there another solution?
(The RTSP URL that works e.g. in VLC for me is rtsp://xxx.xxx.xxx.xxx:XXXX but can't figure out how to use that URL with different HTML5 video players...)
Related
I need to display a live camera on a webpage, and this camera uses rstp protocol. I've just found out that browsers do not support rtsp protocol, so I need to create a nodeJS server to serve to the client(react) in order to make it work. I came across multiple information articles on the internet but nothing seems to work properly.
How can I accomplish this mission?
I too was researching on the same thing. What I found out was that we can convert our RTSP URL to HLS using FFMPEG and pass the HLS master file (.m3u8) to video tag in HTML to stream.
Let me know if it helps.
Example:
<video id="video-player" controls preload="none"><source src="/output-directory/index.m3u8" type="application/x-mpegURL"></video>
I'm looking for a dead-simple way to convert an RTMP stream (from an IP camera) into something I can use in the browser. Ideally this server would read from the rtmp:// URL of my camera, re-encode the stream, and then server the stream in a format I can use in a <video> tag on a web page.
However, my understanding is that HTML5 and the <video> tag does not support live streaming. Therefore, I'm left using HLS or DASH. My understanding is that HLS is supported by almost all devices (I only care about the Chrome browser on both my Linux desktop, and my Android device).
So what is the easiest way to convert from a rtmp:// stream to HLS? I've tried using the nginx-rtmp-module (https://github.com/ut0mt8/nginx-rtmp-module), but after re-compiling Nginx, I cannot get the configuration file to work correctly. I also run into the problem that my rtmp:// URL doesn't seem to fit the "standard" pattern of rtmp://localhost/$app/$name I see in most of the documentation. Mine looks like: rtmp://192.168.1.103:1935/flash/1:YWRtaW46YWRtaW4= where the last part is a the username and password (admin/admin) encoded in Base64.
Ultimately, I have multiple cameras, and I'm looking to make a simple page where I can display them all. What's the easiest way to go about this on Linux?
For those who might be searching for something similar, I was able to use ZoneMinder. It configures a server that does exactly what I want: convert an RTSP stream to something that can be displayed in the browser via an img tag. You can figure out the URL for the image source by simply inspecting the element in the browser.
The code for the ZoneMinder server is on GitHub: https://github.com/ZoneMinder/zoneminder It would be nice if one could easily extract just the server that translates RTSP into the image data, but the easiest way to get up-and-going was to simply configure the whole service.
My suggestion would be to use https://github.com/aler9/rtsp-simple-server. It fulfills your requirement of being “dead simple” and can convert from RTMP to HLS in about 2 to 10 lines of YAML config.
does any one know the way to play, rtmp stream with attributes embded on a website?
Also if i have:
rtmp://$OPT:rtmp-raw=rtmp://xx.xx.xx.xx/live?idp=4050/rer_835660 playpath=rofl swfUrl=http://www.somewww.com/tv/swf/player.swf?file=redtofile&autostart=true&/2/3 live=1 pageUrl=http://www.somewww.com/tv/get_file.php
the real rtmp link is:
rtmp://xx.xx.xx.xx/live?idp=4050/rer_835660/rofl
some of rtmp will play if there is no token for swf player protection. That is why i need swfUrl and pageUrl added and sometimes Decrypt option.
Is it even possible? I know that vlc have some issues with playing such as url's.
//edit:
I know that my link does play in SimpleTV but i have to get it every time it changes. I have written php script so it fetches actual link for me as soon as I open my webpage. So i know its correct.
Just need to find way to play it, with anything, except SimpleTV.
Preferably Embed code for website, normal rtmp links i play via vlc plugin, but it does not support such as long rtmp links, example shown above. I might be wrong? That might be me could phase or construct correctly rtmp link.
I would like to embed .rtsp video on a webpage with jpeg compression. Users can view the live stream without using any plugin. Live Example : http://windofdubai.com/winds/webcam. Anyone can help please.
are you sure this is an rtsp feed, when I look at the source to this page it looks more like mjpeg, most camera's support mjpeg and many also support rtsp. Sometimes you can have both feeds concurrently from the cameras.
I am trying to figure out if it is possible to stream smooth streaming video on browser using HTML5? After several trial on IE, Chrome and Firefox, it is still without success. It seems like smooth streaming only works with SilverLight client or some smoothstreaming application.
Below is the video tag I use:
<video controls="controls"
src="http://smoothhd.code-shop.com/video/oceans.ssm/Manifest"
poster="poster.jpg"></video>
Does anyone know if I have done anything incorrect or it is just not possible to play it with HTML5?
It is not currently playable in a browser. It is playable within an HTML5 Metro app.
Read for how to do it in a Metro app: http://blogs.iis.net/cenkd/archive/2012/03/28/How-to-build-your-first-html5-metro-style-smooth-streaming-player.aspx
You can embed a Silverlight player, which will play that link (if the server has proper crossdomain.xml file).
It's not an equivalent solution of course, but anyway smth that might give you what you're looking for.