Is it possible to capture video stream in Safari (OS X) with native API without using any external plugins (flash, silverlight, etc...)? Is there an analog of chrome/firefox 'navigator.getUserMedia'?
getUserMedia is currently not supported in Safari (source.) IE is also a laggard in this regard. So to answer your question, you will need to use a plugin or fallback.
Related
I found this mp4 from the site Giphy. To my surprise it plays in Firefox. Does anyone know how that can be? Normally I have to generate two versions of every video file, mp4 and webm. It would be nice to not have to do that.
Here's the file:
http://media2.giphy.com/media/yoJC2NG0MLnSoEPjIA/giphy.mp4
Firefox will use an mp4 library is a suitable one is on the system that Firefox is running on:
Firefox/Firefox for Android/Firefox OS supports the format in some cases, but only when a third-party decoder is available, and the device hardware can handle the profile used to encode the MP4.
source
If you can use HTML5 I'd suggest the video tag like the following. I figured you'd want controls so I added the controls attribute to the video tag; you could also add autoplay if you want that. I tested it on IE11 and the current versions of Firefox and Chrome. works for all of those. Having alternate versions isn't a bad idea, but mp4 is pretty universal on modern browsers.
<video controls>
<source src="http://media2.giphy.com/media/yoJC2NG0MLnSoEPjIA/giphy.mp4" type="video/mp4">
<source src="http://media2.giphy.com/media/yoJC2NG0MLnSoEPjIA/giphy.webm" type="video/ogg">
Your browser does not support the video tag.
</video>
As to why:
MP4 H.264 (AAC or MP3) The MP4 container format with the H.264 video
codec and the AAC audio codec is natively supported by desktop/mobile
Internet Explorer, Safari and Chrome, but Chromium and Opera do not
support the format. IE and Chrome also support the MP3 audio codec in
the MP4 container, but Safari does not. Firefox/Firefox for
Android/Firefox OS supports the format in some cases, but only when a
third-party decoder is available, and the device hardware can handle
the profile used to encode the MP4.
Note: MP4s encoded with a high profile will not run on lower end
hardware, such as low end Firefox OS phones. The MPEG media formats
are covered by patents, which are not freely licensed. All the
necessary licenses can be bought from MPEG LA. Since H.264 is
currently not a royalty free format, it is unfit for the open web
platform, according to Mozilla [1, 2], Google [1, 2] and Opera.
However, since royalty free formats are not supported by Internet
Explorer and Safari, Mozilla has decided to support the format anyway,
and Google never fulfilled their promise to remove support for it in
Chrome.
Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
So in our application, a video preview is displayed after it is uploaded. On my computer, however I'm getting a thumbnail that says 'plugin missing' and upon further inspection it says to install the quicktime plugin.
However, the link provided by Chrome to install the plugin leads to a page on apple's website which says 'quicktime plugins don't need to be installed anymore.'
Some details:
Video Extension: .mov
Codec: H.264, AAC (which may be what is in question here)
Chrome Version: Version 39.0.2171.71 (64-bit)
OSX Mavericks
How do I go about making videos play on my machine, as well as making sure that they show up in the production environment?
Google Chrome has removed support for plugins like Quicktime. Most likely you are also using Chrome 64bit. The Quicktime Plugin was only for 32bit.
HTML5 supports videos out of the box so the browser developers of IE, Firefox and Chrome do not see any more use for such plugins.
I need some help streaming audio inside the browser, on a Nokia Lumia 800, running Windows Mobile 7.5.
I currently am using JW Player (flash version) on the desktop browser, to stream an rtmp:// audio provided to me, and that works great. I also have an mms:// version of the same audio stream provided, but I cannot get it to play in the browser on the phone. I have tried setting the mode for JW Player to html5, but it doesn't work.
All the documentation on streaming audio on the windows phone seems to deal with native app development, but that's not an option for this at the moment.
Thanks for any help in advance.
Sorry, but neither the RTMP or MMS protocols are supported in HTML5 or Windows Phone (all versions), either natively or in the browser. You won't find support for either of these protocols even with a native app in WP7.x. WP8 opens up the possibilty of this functionality in 3rd party apps.
Seems like Firefox displays a plugin with an "X" in older versions of Firefox (i.e. - any version below Firefox 4) and refuses to default to the flashplayer.
I understand that Firefox 4 is supported by mediaelement.js in that it can play ogg video. What is the intended 'handling' of video by mediaelement in older versions that don't support ogg video or html 5?
HTML5 is not an standard for old browsers like FF3.X. The options are:
Update to FF5 (released a few days ago as stable).
Put a flash fallback. This is a flash solution for old browser which not accept HTML5 format, but can play videos throught flash, like YouTube.
For more information about the second option, you can enter to VideoJS. This is a good plugin based on javascript to play videos with HTML5+CSS with a flash fallback.
Good luck.
I was pretty surprised when i saw http://www.vorbis.com/music/Hydrate-Kenny_Beltrey.ogg link not give me a download option but had a player that was not flash playing the audio back. (FireFox)
Is there a way i can embed this onto a page?
Use the HTML5 Audio tag.
P.S. Although you tagged as firefox, Chrome, Safari and Opera 10.5 also have support for audio
You can use HTML5 to embed this on a page, but it will not play back consistently across browsers.
The only way to get consistent audio/video playback across browsers is to use a plugin and Flash has the widest user penetration.
You're looking for the HTML5 <audio> tag.
Note that it's not supported by IE.