audio-tag in the new browsers

[newsdesigner]

"audio-tag" in the new browsers. My / An overview as hint:

Most podcasters use mp3 for their audio files. Some popular browsers have a problem with the file format. The problem is not new and well known. It is a legal question that has to do with licenses.

At first the good message:

Safari 5.1 can play mp3 and mp4, tested on iOS 5.1, Mac OS 10.7.4, Windows XP and Windows 7.0. Safari does't play ogg vorbis files. It's the same with Internet Explorer 9.0, eighth on Windows 7 and Internet Explorer on Windows 10.0.

Google Chrome 19 plays in all OS everything (mp3, mp4, ogg).

iCab Mobile 5.9 and iLunascape 3.4.1 use likely Safari on iOS and work like Safari.

And now the browser will only play OGG:

• Firefox 13 (Windows XP, Windows 7.0, Mac OS 10.7.4, Ubuntu 10.04 LTS)
• Opera (Windows XP, Windows 7.0)
• The "audio-tag" isn't supported on Symbian (NokiaBrowser 7.3/Opera 11.10).
• Opera 7.0.2 on IOS 5.1 and Opera 10.1 on Android 2.3.1 don't supported "audio-tag", too.
• Can the Flash player to be a solution?

By using the "source-tag" will show the player in Firefox. With "src", the player was not shown. Many thanks for the update.

[noelboss]

I don't think podcast should solve this issue. With the newest release you can upload multiple files with different formats – podcast will automatically detect alternative formats – the one you specify is the one used in the feed.

Do you think this is a valid implementation?

I am open for sugestions on what library to use for video and audio support and flash fallback... I think http://jplayer.org/ would be cool...

[newsdesigner]

I do not know if I want to save all files in two formats on the server. Flash I do not want to, because some devices do not support the plug-in. Ogg Vorbis isn't supported by portable players. mp4 I could use, because it takes up less webspace. I have no solution to the problem and hope that the market it regulates. Opera is used on PCs slightly. The Firefox is much used in Germany. Chrome is gaining market share in the world. For a few years back, I can convert the files, but unfortunately not for all the episodes. I have to check what meta tags i can use in Ogg Vorbis files.

[noelboss]

The right solution is to support both – I don't think this is an acceptable solution. So, I would need to create a Flash-Fallback(jPlayer) – but maybe FF finaly gets around its head and just implements mp3... Till then – I'd simply left them out.

http://daverupert.com/2010/03/audio-the-silent-browser-killer/

[klodeckl]

Another very good player ist mediaelement for this.
I make the output by checking if the field contains video/mp4 oder audio/mp3 and if it is audio/mp3 I output the audio tag, otherwise I output the video tag. To also support ogg vorbis, this could be done by the alternative file formats detection.

[noelboss]

Hi, I have integrated mediaelement, it would be great if you find the time to test it if you like.
https://github.com/noelboss/Podcast/archive/development.zip

Make sure to save the plugin again with the updated behavior.
Thanks for your inputs!

[klodeckl]

Looks good! But in the output of the audio tag there are the two source tags, the one with the mp3 file has type="audio/mpeg" (should be audio/mp3 like at the start page of http://mediaelementjs.com/), the other has type="" (should be audio/ogg).

[newsdesigner]

"mpeg" is all right, "mp3" is wrong!
http://en.wikipedia.org/wiki/Internet_media_type#Type_audio
http://www.w3schools.com/tags/tag_audio.asp
http://www.html5tutorial.info/html5-audio.php
http://www.html5rocks.com/en/tutorials/audio/quick/?redirect_from_locale=de
http://html5doctor.com/html5-audio-the-state-of-play/

[klodeckl]

Okay, but audio/ogg is missing.