I need to stream a video to a variety of browsers and devices, all main browsers, IE 8+, FF, Chrome, Safari and to Android and Apple mobile devices. My videos will be stored on S3/Cloudfront.
I've looked into the options and have come up with HLS streaming, which will work on apple and android devices, and safari desktop.
For other browsers I will use a flash fallback implementation. I know JW player can read a HLS stream in a flash implementation. Does anyone know of alternative free software?
My question is, is there a better approach, what is your solution?
Related
I have been trying to explore the possibility of playing 360 degrees videos on Internet Explorer. I am using A-Frame/angular to render all my videos on other browsers and they work well except on IE they play flat.
I recently bumped into Youtube 360 videos on IE11 and was wondering how they achieve that feat. I checked some other websites like Facebook on IE and they play flat.
Is it possible to play 360 videos on IE ? How is youtube doing it? Any ideas would really help me in my research further.
A-Frame supports VR for any browser that implements the WebVR specification. The list of supported browsers can be found here in the A-Frame docs, Microsoft Edge is listed, IE is not: https://aframe.io/docs/0.7.0/introduction/vr-headsets-and-webvr-browsers.html
I'm trying to draw a video frame on canvas. It works well on desktops, but there are issues on Chrome on Android devices.
Please see the example:
http://buildar.com/static/drawimage/minimal.html
I've tested it on various Android devices and the only that's working on is Android 5 with Crosswalk (Cordova app).
After removing the Crosswalk or trying on other Android version, the drawImage function doesn't work.
I've found several related Chromium bug reports, but according to them, the issue seems to be fixed
https://code.google.com/p/chromium/issues/detail?id=501208
What can be the reason for it to work only on Android 5 + Crosswalk - if Crosswalk fully replaces the device Webview, wouldn't it work on older Android versions as well?
Is there any other way of capturing the video frame? I'm currently researching converting the video to <img>, alternative video plugin, using Webgl, taking video screenshot, but haven't discovered anything so far that could possibly work.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
So i'm trying to play HLS streams on HTML5 without using Flash. We've tried many video players but they all relay on a flash player.
My question, is it possible to play HLS streams (any) on HTML5 without using Flash?
(I know of the https://github.com/RReverser/mpegts but it doesn't work on mobile and is pretty laggy.)
HLS is not supported by all browsers. I use a jwPlayer which supports both flash and HTML5 streaming (when available). Support for HLS streaming unfortunately still needs to rely on Flash to work properly across various browsers. See HTML5 HLS browser support: http://www.jwplayer.com/html5/hls/
HLS.js project is quite reliable nowadays (https://github.com/video-dev/hls.js/tree/master). It is suppported in the latest versions of the browsers. It does not rely on Flash. It can be used in flowplayer.
hls.js is compatible with browsers supporting MSE with 'video/MP4' inputs. supported on:
Chrome for Android 34+
Chrome for Desktop 34+
Firefox for Android 41+
Firefox for Desktop 42+
IE11+ for Windows 8.1+
Edge for Windows 10+
Opera for Desktop
Vivaldi for Desktop
Safari for Mac 8+ (beta)
There is no mature stable open-source HLS HTML5 player AFAIK. However there are two commercial offerings:
Viblast Player - very cheap and relatively easy to use. This one is just a bare minimum HLS HTML5 playback. The developer has to do the UI themselves or integrate it with Video.js/Flowplayer/JWPlayer.
Theo Player - I haven't had much experience with this one. The pricing is not public. The demo looks OK and it even works on most version of Firefox.
Both of these players rely on the MSE API and don't work on browsers where it's not supported (IE <= 10, Firefox).
Basically all HTML5 players need to transmux the MPEG2-TS (transport stream) segments to MP4 as most browsers do not support MPEG2-TS natively.
There are actually a few HTML5 players available which are capable of playing back HLS streams. One example would be the Bitmovin Player, which offers professional support as well as a fallback for legacy browsers. It's a commercial product, but they also provides a free plan.
Also open-source projects like hls.js are available.
However, with Apple's announcement from this year's WWDC it's now also possible to use MP4 segments with HLS, which eliminates the need to transmux. More details on how to do it and advantages are outlined pretty well in this article. Not sure which players support it, at least Apple's native implementation in Safari on iOS 10 and macOS; also Bitmovin already supports it.
THEOplayer is very interesting for this case. They allow to stream using HLS to all the popular browsers and platforms without using Flash.
They have support for Internet Explorer, Firefox, Chrome, Opera and Safari on Windows, Linux, Mac, iOS, Android and Windows Phone.
Also, contrary to earlier answers, they don't rely on MSE in order to function. As a result, this player works on all the platforms and even old IE versions (10 and up) and browsers that do not support MSE.
Is it possible to use only a mp4 video and the HTML5 player in ie7,8,9 firefox, chrome and safari
I've seen these links
http://blog.beverlyguillermo.com/post/14813549122/ie7-and-html5-video
and
http://w3schools.com/tags/tryit.asp?filename=tryhtml5_video
and
http://designwebkit.com/web-and-trends/10-good-html5-video-players-website/
Have you ever done this
Thanks
Try this http://code.google.com/p/video4all/ . Its a nice way you can integrate with all the browsers you have listed
If you are not satisfied try the answer here :- How to play the html5 video in IE8 Browsers
Which is the browser with minimum hardware requirements with full support to HTML5?
The application should be able to play videos and perform some javascript transformations.
Windows or Linux it doesn't matter (but I bet my two cents on Linux as the winner).
Thanks in advance.
You may be putting the cart before the horse here.
There are a lot of "post pc" devices out there that have very low hardware specifications (iPod/iPad/iPhone, various Android devices, Blackberries, Windows Mobile Devices) that can run lightweight, full featured HTML5 browsers based on projects like WebKit (webkit.org).
Following browsers supports HTML5 for better client rendering especially when having flash, video streaming and mobile version of site. browsers: IE 10, Google chrome, Opera, netscape navigator.