I would like to use mediaelement to play shoutcast internet radio stream.
The problem is that Firefox does not support html5 mp3. It would be nice to add failsafe flash player, or any other solution.
mediaelement.js has a built in flash player as a fallback. What issues are you having with it?
For our Shoutcast stream, we use "http://255.255.0.0/;stream.nsv" as the audio source (with a real IP address, of course). The semicolon is required and is what tells Shoutcast to deliver the stream instead of the admin page to the browser.
Related
I made a streaming server and a website to show the Video. I have tried with many HTML5 player. But problem is no player working without enable flash on browser. There are a website http://jagobd.com and its playing video even I block flash on this site. How they did it? and How can I get this kind of player open source? could you please give me any solution?
My streaming link is Rtmp
RTMP is a Flash technology, and only plays in Flash or other players that support it. No browser supports RTMP, and it's unlikely that any will in the future.
If you want to use a regular HTML5 player, you need to use a compatible streaming format. Consider DASH. While it doesn't have native support in-browser, it doesn't need it as it can be handled with MediaSource Extensions. Most modern browsers support MSE. Many encoders do as well, and you can use whatever static web hosting or CDN you want.
There are other options for video distribution as well, if you have special streaming requirements.
I have an existing app that streams live audio from a Flash client over RTMP to a Wowza zerver ... I am able to connect Flash clients to this and get real-time, low latency audio without problem.
I'd like to connect some HTML5 based clients in PC, Android and iOS and not use any Flash on the client side ... the RTMP URI is normally "rtmp://myserver/live/mystream" I've tried connecting video and audio tags from HTML5 pages with no success.
Wowza sells on the basis of being able to stream to any client ... if anyone knows the magic URI to put into an HTML video/audio tag, or some other method to allow me to receive the stream without suing Flash in the browser, I'd be very interested to see them.
Please note: this is live audio from an RTMP source, not files. It is audio, not video.
You will need to use HLS for playback. The URI is in the form
http://<wowzaIP>:1935/<appName>/<streamName>/playlist.m3u8
Moreover, Wowza currently supports HTML5 playback with the video tag for Safari on OSX/iOS devices only. Other browsers/platforms may be possible, but results vary. Alternatively, you can look into using an HTML5 player such as the free Wowza Player, and it should work across platforms.
Problem
I have multiple IP cameras from multiple manufactures. The cameras provide the following live feeds:
Manufacturer_1 Feed_1: MJPEG via http
Manufacturer_1 Feed_2: h264 via rtsp
Manufacturer_2 Feed_1: h264 via http
What Works
For Chrome and Firefox MJPEG:
http live feeds work like a charm using the img tag and setting the
source to the live feed URL.
Playback of recorded MJPEG video or H264 works on all three browsers using VideoJS
What I need
Play live feeds of H264 on all three browsers. Play MJPEG feeds on IE.
What I'm trying to avoid
Using FFMPEG or VLC to transcode and stream H264 to MJPEG, which would still only work for Chrome and Firefox.
Notes
Chrome does not accept plugins. Meaning Flash or other plugin based solutions will not work.
ActiveX video controls on IE are rarely stable. Manufacturer specific controls are sub-par at best.
I know that the HTML5 video tag is implemented independently by the browsers and each browser decides what video formats to support.
This link is a quick overview of the severe browser video limitations and the burden that falls on all of us as developers who are cough in the middle of this modern browser war.
Chrome and Firefox both accept live video streams in the fragmented MP4 and WebM (which is irrelevant in this case) video containers. So you will have to do remuxing (which is still much faster than transcoding). I am also working with IP cameras and so far I haven't seen any that are capable of outputting the formats supported by the browser. So the free option is to setup FFmpeg to transcode rtsp to fragmented MP4 or if you are looking for a commercial product our company has just released an video surveillance product that can offer HTML5 compatible live streaming from RTSP cameras. If you have any interest in the commercial product leave a comment.
I want to show on my page transcoded rtsp stream from live camera. I use vlc to transcode and send stream to Icecast.
I've been using ogg+theora and I could see my video in desktop browsers: Firefox, Chrome. But coudn't see on mobile - as I understand, it's not supported: http://caniuse.com/#search=ogg
It looks like I could use mp4 to show my video on almost every device:
http://caniuse.com/#search=mp4
But I can't setup Icecast for receiving stream. I changed mount point from 'example.ogg' to 'example.mp4', but it's not working. Does Icecast supports mp4? If yes, how to setup?
Icecast does not officially support h264/mp3, as those are nonfree codecs. Icecast will just broadcast them without any modifications, depending on the container this might work or not.
I currently have a working H264 + AAC live stream server, but uses flv as a container and RTMP/HLS as a protocol (nginx back-end), which means that client-side I can only use flash based players, such as jwplayer or video.js.
What can I change in my 'chain' to allow HTML5 streaming? HLS works on mobile but not on desktop.
I manage all the system (meaning I can use another container, back end, protocol, etc).
Just to clarify: I do not want to stream static files, I want to stream live video
Also, I do not need controls(play/pause/ff/rewind)
Edit: It seems that rtsp->webRTC might be doable. I'm looking into it atm
You can use a player that check both protocols (RTMP + HLS), for Flash/Desktop use RTMP, and HLS for mobile (iOS / Android > 4.4).
For example Jwplayer or OSMF can play Hls protocol for Flash players, so choosing the right player you can use and configure only Hls protocol.
Html5 on desktop needs progressive download and more more than only one video codecs (like mp4 and ogg).