Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

HTML 5 Player - Audio


Hi all,

does the HTML 5 JW Player support the HTML 5 <audio> tag?

Thanks,
Steve

34 Community Answers

JW Player

User  
0 rated :

Actually, it does work, however the HTML5 version (the audio tag itself) is currently lost. So yes, you can use the HTML5 JW Player, but like Zach said, it's not fully functional yet.

It's slated for the 1.0 release, but the beta as it stands doesn't have complete support for the <audio> tag.

JW Player

User  
0 rated :

To clarify, the flash player comes up as the primary player and the HTML5 audio tag is non-functional (destroyed by the JW Player code) in a mobile browser like iOS Safari.

JW Player

User  
0 rated :

Very much in need of the html5 audio player - any news on when the 1.1 will be released with the <audio> support.

JW Player

User  
0 rated :

Eagerly waiting for JwPlayer with audio functionality.I actually tried video JWPlayer to paly audio by replacing video tag with audio tag.But when it comes to Flash player.It won't Work.

Please suggest some solution or from our side release Audio JWplayer

JW Player

User  
0 rated :

Please do reply Soon...

JW Player

User  
0 rated :

Waiting desperately for the HTML5 audio to work :(

JW Player

User  
0 rated :

Why does this continue to get pushed back... we need the audio player working with HTML5.

You say its not fully functional why is it still 3 versions away... Please get this fixed in version 5.5.

JW Player

User  
0 rated :

Hi Zach.

What is the current state of play regarding player audio development work? Based on your last comment, looking for third-party assistance, I'm wondering is longtail currently working on proper audio support at all? Could you please let me know if audio support is considered a nice to have feature for the longtail player or does longtail consider it a critical component? I ask because I need to soon make a decision on a html5 player and I need a player which has functionality balanced across both audio and video media formats. To assist me with my decision could you please clarify longtail's position on audio by giving us a definite road map as to where the player is going in terms of audio support and when you expect it to be where you want it.

Happy New Year.

Thanks,
Stephen

JW Player

User  
0 rated :

Hi Zach,

is your patch available anywhere? Thanks for the update.

Stephen

JW Player

User  
1 rated :

Zach thank you so much... I hope your patch is released very soon. I can't speak for others :-) but the image while playing, and other features are nice to have but not necessary to have our product/products working on the iOS or HTML 5 browsers. The audio is the most important part. If the HTML5 users can listen to the audio I think many of us will be very very VERY happy.

So please let us know when this update is out.

And thanks again!

JW Player

User  
0 rated :

Has anyone else tried this...Branch version? The flash and HTML5(tested both) works great in chrome and on my android phone. Firefox flash works great but the HTML5 players shows up but never plays(not really an issue... i can live with this)

But the deal breaker for me right now is I can't get the flash player to work at all in IE8 (tested on two separate machines). It just display the div prior to it being replaced with the player that says "Loading the player..."

The flash/html5 detector I am using is Aaron Schuett's example from:
http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/14488/html5-and-rtmp-fallback-jw-player-53-beta#comment-95379

I am using rtmp on flash and just flat http for html5 exactly like Aaron's example.

I thought it might be the detector causing the problems but if I replace the Branch jwplayer with jwplayer 5.4.1530 IE starts working again.

JW Player

User  
0 rated :

Zach,

Sorry it took a few days I was busy and I wanted to give you a cleaner page to work with (our site is on wordpress and there was a lot of text/JS/CSS etc I wanted to clean all that out and just be left with very few includes and code, hopefully that makes your life easier... :-)

Here is a link:
http://www.conservativestores.com/test_html5/html5.php

Thanks again for your help

JW Player

User  
0 rated :

Has anyone been able to get the audio branch to work?

JW Player

User  
0 rated :

Hi Zach:

I'm trying to test out the HTML5 audio support in the 5.6 branch you mentioned in your last post.

I'm trying to use the Flash/HTML5 modes to do the following:

* When Flash is supported, use the Flash player to stream audio from an Amazon CloudFront RTMP source

* When Flash isn't supported, use the HTML5 player to stream audio from a Wowza Apple HTTP Live Streaming source

(I have a single Amazon S3 bucket providing the same files for both sources.)

Should this be possible with the 5.6 player as it exists right now? (And if not, do you expect this for the next release?)

Thanks,

Matt

Pablo

JW Player Support Agent  
0 rated :

@Matt -

This should generally be possible in the most common use case — where Flash fails over to HTML5 when playing on an iOS device. The Apple HTTP Live stream won’t work on desktop browsers unless the Quicktime plugin is installed.

JW Player

User  
0 rated :

Thanks, Pablo. I'll keep looking at the code.

Is there an existing example that I could look at?

Pablo

JW Player Support Agent  
0 rated :

@Matt -

There currently aren’t any examples of audio tag support, but there are sure to be a few when 5.6 is officially released.

JW Player

User  
0 rated :

What is the current <audio> tag support status? The link to the 5.6 branch above appears to go nowhere.

Thanks,
Stephen

Pablo

JW Player Support Agent  
0 rated :

@Stephen -

The 5.6 branch containing HTML5 audio support was merged into the main player source. It’s available here:

http://developer.longtailvideo.com/trac/browser/trunk/fl5

JW Player

User  
0 rated :

Is the <audio> tag working? When viewing my jw audio player on the iPad the controls are still from the <video> tag (with the little quicktime logo), even though I have the provider set to "sound"...

Pablo

JW Player Support Agent  
0 rated :

@Linda -

The JW Player doesn’t use an <audio> tag to render sound files. It uses the <video> tag instead. This was done for consistency across the player, and also because the iOS <audio> controls didn’t work well in the rest of the player.

We recognize that this isn’t an ideal solution, and will be working on streamlining audio file playback in HTML5 mode in a later player release.

JW Player

User  
0 rated :

Is there a reference or code sample anywhere for setting up the player with audio files?

Ethan Feldman

JW Player Support Agent  
0 rated :

http://www.longtailvideo.com/support/jw-player-setup-wizard?example=202

JW Player

User  
0 rated :

What is the current state of the <audio> tag support ? I would like to be able to use it like the "quick embed" method supported for the <video> tag.

Thanks,
Arend

Pablo

JW Player Support Agent  
0 rated :

@Arend -

We support embedding over the <audio> tag, but the quick embed mechanism doesn’t search for <audio> tags. You can wrap your audio file in a video tag however, which the player will recognize. i.e.:

<video class="jwplayer" src="audio.mp3" />

JW Player

User  
0 rated :

Wanted to throw my two cents in here. perhaps I'm not finding the proper documentation, but it would appear that, as of version 5.9, HTML audio-only support in JWPlayer is still fairly weak. It looks like it will work fine as long as you use a fairly tall background image, but things start to break down if you only want an audio player (e.g. something 24px in height, no background image).

is "real" HTML5 audio-only support on the horizon, or should we assume that JWPlayer will always be a video-first player?

Pablo

JW Player Support Agent  
0 rated :

@hairbo -

The player is currently optimized for video, but we’ve been putting in the effort to improve the audio-only use case for the upcoming 6.0 player. You can see a preview of the new player in audio mode here:

http://developer.longtailvideo.com/player/branches/jw6/test/audio.html

JW Player

User  
0 rated :

This is precisely the issue we are currently trying to work around - we need an HTML5 audio-only player that display controls at smaller sizes (i.e. around 24px). Currently, we have an slightly oversized Flash audio player (44px height) on desktop browsers because this is the only way the HTML5 fallback will show the player controls properly.

@PabloS your demo looks like exactly what we need - a discrete, functional audio-only player for both desktop and mobile.

Look forward to seeing this feature rolled out so we can use it in our enterprise licensed version.

Cheers

JW Player

User  
0 rated :

Hi all
I don't understand your issues about the size of the audio player. I'm currently using JWPlayer 5.10 as an audio player, and I was able to create a skin as small as I wanted. It works for both Flash and HTML5 modes and only shows a 20x20 play button. I just specified the size explicitly in the jwplayer() call.
Sorry, I cannot share the link because the website is not online yet, but I can however provide the skin if you need it.

The only issue I see is that the HTML element that plays the sound is not the <audio> tag but the <video> one. It seems to be the case also in Pablo's 6.0 demo. I don't know why the choice to not use <audio> tag has been made, but it seems to work like that.

Pablo

JW Player Support Agent  
0 rated :

@Fabien -

Using the video rather than the audio tag was a player design decision that was made a while back. The reason was twofold – one was code consistency, since browser implementations of the various media tags vary. Two was that we have been using the built-in media controls on mobile devices, and using an audio tag would mean fiddling around quite a bit with the user interface in audio mode.

We may revisit in some future revision, but for now, the player always uses the video tag.

JW Player

User  
0 rated :

@Pablo

I've looked at the upcoming JW player 6 test audio link above on my iPad but the problem is that once you have pressed play, you do not see the player controls. I believe this may be due to the fact that the <video> was used to embed the audio.

On version 5, I only just see a black bar (with no play button overlay) and once the stream started, again I don't get the controls.

Will this behaviour be fixed in time for version 6.0 release?

Ethan Feldman

JW Player Support Agent  
0 rated :

@Tony -

It will be. We’ll make sure we test v6 on the iPad.

JW Player

User  
0 rated :

@Ethan

Thank you! That's good to know, really looking forward to it. Just FYI on version 5.x and also the test version of 6, if you zoom into the page then you do see the controls but as soon as you zoom out then you don't see it again.

Do you have a rough estimate on when version 6 will be released?

Ethan Feldman

JW Player Support Agent  
0 rated :

Np. Good to know, thanks for reporting. I think end of the summer, but don’t quote me on that ;)

This question has received the maximum number of answers.