HTML5 audio tag problem iOS 3.2.2

Hi everyone,
We've been developing web based applications for the iPad in HTML5 and we have come across a problem in that mp3 files play on an endless loop, when we only want them to play once. We've tested audio file playback with m4a files and have had success with audio only playing once, but we want to be able to do this with mp3 files.
Any help would be greatly appreciated.
Cheers,
Ben

You might want to try a developers forum. You posted in a users forum.
http://developer.apple.com/devforums/

Similar Messages

Play() method not implemented HTML5 audio tag?

Hello,
I am trying to play a sound using the HTML5 audio-tag and Adobe Air SDK 2.5.
This is part of the HTML5 code:
    <audio preload="auto" id="myTone">
        <source src="test.mp3">
        <source src="test.ogg">
    </audio>
And from javascript I do:
    a = document.getElementById("myTone");
    a.play();
Unfortunately, that doesn't work. I get this error message in the console window:
    TypeError: Result of expression 'a.play' [undefined] is not a function.
However, when I run this code directly in Firefox 3.6.11 on my Windows XP machine, it works.
Dito in Safari 3.2.1 on my Mac OS 10.5.6 computer.
So apparantly, not all methods and events of the audio-tag are implemented in the Adobe AIR environment.
Is this by design? Or is it a bug?
I know there is another way to play sounds (I read Jeff Swartz' article - http://www.adobe.com/devnet/air/ajax/quickstart/articles/sound_in_html.html). But I think a pure HTML5 solution would be cleaner.
Who can provide more info about this issue?
Many thanks.
Jay

Hi there,
same issue here.
A workaround, far from perfect, is to request the base64 encoded data using an Ajax call
and set the src attribute of the audio element to 'data:audio/mpeg;base64,' + base64encodedaudio.
Regards

Audio tag problem in latest stable version of firefox (3.6.7 & 3.6.8)

navigate to this html game using audio tags. With sound on (default you will hear background music) click on logo, on next screen click on a number and a (found) sound will play. click on a non number and a (wrong) sound should play. The wrong sound never plays in firefox v3.6.7 or v3.6.8. Note it is working correctly in firefox 4 beta 1.
http://homepage.ntlworld.com/infinnerty/attic/index.html
== URL of affected sites ==
http://homepage.ntlworld.com/infinnerty/attic/index.html

I've reverted back to 3.6.6 until they fix the problem. I'm guessing its something to do with the webm stuff as that is in both 3.6.7 and 3.6.8.
Maybe v4 will solve everything...

Html5 audio duration problem

Hi guys,
I'm building a website using the HTML5 audio control. I'm having quite a trouble with certain mp3 files: it simply doesn't seek correctly when moving the slider. Specifically, I can move the slider to the desired position, but the sound jumps to an incorrect time. Therefore, when the slider comes to the end, the song is already playing, and the current time keeps incrementing.
In addition, the track length (it's supposed to be a fixed value, loaded from the metadata) has a strange behavior given that point: it starts incrementing as the current time...
I found no differences between the files that work correctly and the files that don't, but I suspect is a browser support related issue, since I didn't experience that problem using Chrome.
Just in case, you can download the file here:
http://www.4shared.com/mp3/JzSPjx3Qba/Quartet_12_Mov_1.html
And this is the test code I'm using:
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
</head>
<body>
<audio controls="controls">
<source src="Quartet 12 Mov 1.mp3">
</audio>
</body>
</html>
Thanks in advance!

hello, if you think it's a browser issue, you can file a bug report at bugzilla.mozilla.org - there it should get the attention of mozilla's developers (whereas this forum is primarily staffed by volunteers and firefox users like you helping out).
thank you!

How do I get my HTML5 audio tag to work in Firefox 7.0.1, currently it doesn't even display the alternate text when the player cannot play.

This is my implementation of the audio tag.
<pre><nowiki><div class="music_player" oncontextmenu="return false;">
<audio autoplay="autoplay" controls="controls" preload="auto">
<source src="sample.ogg" />
<source src="sample.mp3" />
<span id="audio_error">This website has an audio sample, but cannot play using this browser.
</span>
</audio>
</div></nowiki></pre>

Make sure that the server sends the ogg file with a supported MIME type.
* https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
* https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media

IE-11 HTML5 Audio tags not working

I have add mime type in web config as below
<system.webServer>
<staticContent>
<mimeMap fileExtension=".mp3" mimeType="audio/mpeg" />
<mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
<mimeMap fileExtension=".oga" mimeType="audio/ogg" />
</staticContent>
</system.webServer>
All others browser is working well, but except IE-11
The DOM display error INVALID SOURCE
PLEASE ADVISE.
Best Regards
Dev - Nick

I found 2 formats,supported by IE11: .m4a and .3ga
<audio src="http://az3749.narod.ru/anna/soundE.3ga" type="audio/m4a" controls/>
<audio src="http://az3749.narod.ru/anna/soundE.m4a" type="audio/m4a" controls/>
also it is possible to rename .3ga to .m4a - it worked.

Audio tag html5 webstageview android local

OS android
the html5 audio tag works perfect in webstageview if the webpage is online, but if the html5 page is local it doesn't work.
I copy all the files in File.applicationStorageDirectory;
Have you any fix or information?

I figured out the problem. Safari seems to require the mp3 file to be listed first.
this doesn't work in Safari.
<audio width="300" height="32" controls="controls"><source src="filename.ogg" type="audio/ogg" /><source src="filename.mp3" type="audio/mpeg" /></audio>
But this works fine.
<audio width="300" height="32" controls="controls"><source src="filename.mp3" type="audio/mpeg" /><source src="filename.ogg" type="audio/ogg" /></audio>

HTML5 Audio CSS broken in iOS8 UIwebview

I am using the HTML5 <audio> tag in UIwebview in a number of Apps.
The style of the audio bar and the controls is preset by Apple and that's fine, but I could use CSS to give the audio tag the desired width.
Up to iOS7, this worked nicely (e.g. "audio {width:100%;}" would stretch the audio element to full width, including the progress bar).
In iOS8, Apple obviously broke the CSS Support, so I cannot resize the audio bar in any way.
Can I hope that this will be restored in an iOS update soon?
Or are there any other possibilities to change the size of HTML5 audio elements?

Volume Control in Firefox 11+
This is an problem that has cropped up recently. Some of you may have noticed that the volume controls have disappeared from the audio player in Firefox 11+. True, you can mute it, and the volume controls are still controllable via the keyboard’s up and down keys, but the volume slider itself was removed due to two bugs. I assume this will return in the future, but for now, in case you were wondering what happened to them, it’s not your fault. (You can, of course, use the Media API to build your own set of custom controls.)

I cant play audio only mp4 or mp3 file with audio tag in firefox...how to tackle this?

In my web application m trying to play audio only mpeg 4 or mp3 files.I m using HTML5 <audio> tag to accomplish this,it smoothly working in chrome but not in firefox.Why this basic support not avail in Firefox??
Note: I read about some patent issues with mp4 and mp3 but i wonder why chrome browser can play those files.

Some problems with Flash video playback can be resolved by disabling hardware acceleration in your Flash Player settings. (See [[Flash Plugin - Keep it up to date and troubleshoot problems|this article]] for more information on using the Flash plugin in Firefox).
To disable hardware acceleration in Flash Player:
#Go to this [http://helpx.adobe.com/flash-player/kb/video-playback-issues.html#main_Solve_video_playback_issues Adobe Flash Player Help page].
#Right-click on the Flash Player logo on that page.
#Click on '''Settings''' in the context menu. The Adobe Flash Player Settings screen will open.
# Click on the icon at the bottom-left of the Adobe Flash Player Settings window to open the Display panel. <br/> <br/>[[Image:fpSettings1.PNG]] <br/>
# Remove the check mark from '''Enable hardware acceleration'''.
# Click '''Close''' to close the Adobe Flash Player Settings Window.
# Restart Firefox.
This [http://www.macromedia.com/support/documentation/en/flashplayer/help/help01.html Flash Player Help - Display Settings page] has more information on Flash Player hardware acceleration, if you're interested.
Does this solve the problem? Let us know.

Html5 audio doesn't work for mp3s.

I can't seem to get tag <audio> working with mp3s on my system(FF 24, Win 7 x64). I tried some wav files, those work ok. But whenever i try to play mp3 file, the html5 player just flashes for a few milliseconds and then disappears. So, is there a bitrate limitation (or any other limitation) for html5 audio tag on mp3s?
Here's an example of code and one of the mp3 files I am trying to use - http://dindo.wz.cz/jukebox.html .
(file http://dindo.wz.cz/Galaxy32Star4.mp3 )
The console (ctrl+shift+k) gives these errors (rough translation):
[14:07:48.861] Type HTTP "Content-Type" "audio/mpeg" is not supported. Loading of media http://dindo.wz.cz/Galaxy32Star4.mp3 has failed. @ http://dindo.wz.cz/jukebox.html
[14:07:48.862] Couldn't load any of candidate sources. Loading of media was suspended. @ http://dindo.wz.cz/jukebox.html
p.s: Even the w3c example doesn't work when i remove the ogg source. (http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_all).

can you replicate the issue, when you create a new profile for testing purposes?: [[Use the Profile Manager to create and remove Firefox profiles]]

Adding an HTML5 audio player to a web page

I have a need to add audio player to a few band sites where there is a list of songs, or playlist, and someone can pick a song (or more) and the player will play it. Since the HTML5 audio tag will work only on one file, the only way I have found to do this is to make a separate page for each sound file and have it use it's own instance of the audio tag. I have seen many sites that have embedded audio players, but have no idea how they did it. I do see several 3rd party players on the net that can be used. Do any of you have any recommendations?
I am not looking to have music start automatically or on page load.

Look at Pickle Player. A commercial player that works in all web devices with MP3 audio or MP4 video and supports playlists.
http://www.pickleplayer.com/
Nancy O.

Why do I still get giant gray 'X's instead of an audio player, even with the correct MIME type for my Ogg Vorbis file, whether coded in the audio tag or as a source?

I uploaded Saturnalia.ogg to my site and used the audio tag to try to display it on my test page. I'd love to ditch the ultra-slow Flash players I currently use, but I don't want to leave most of my site's users wondering what the files sound like, where they are, and why are there giant gray Xs ruining my layout. The audio files work fine in Safari and Opera, and IE uses the correct fallback text. I've tried both coding the file into the audio tag and into source tags. I've set controls="controls" and tried both type="audio/ogg" and type="audio/vorbis". I've tried with and without autoplay.
According to Mozilla, audio tags are supported, but I'm not seeing any of that support on my site.

Where are you seeing that?
Earlier:
<audio src="dsh.ogg" controls="controls" type="audio/ogg">Your browser does not support the HTML5 audio tag.</audio>
Now:
[<object type="application/x-java-applet" width="580" height="15px" controls="controls">
<param name="archive" value="cortado.jar" />
<param name="code" value="com.fluendo.player.Cortado.class" />
<param name="url" value="http://desolosubhumus.webs.com/dsh.ogg" />
You need to install Java to play this file.
</object>]<br />
<audio src="dsh.ogg" type="audio/ogg">
You need to install Java to play this file.
</audio>
*p tags removed for readability
I know the audio tag should open before the object tag opens and close after the object tag closes, and that I shouldn't need duplicate fallback text, but it wouldn't show up that way. The way I have it set up now finally works on Firefox, IE (plays, not fallback text), Opera, Safari, and Chrome. I'm still trying to tweak the code to make it more standard (audio tags in the proper places), to clean it up so it's not such a huge chunk, and to see if I can get the applet to stay visible (which may not be possible, as the only way I've made it work is as a Cortado VIDEO instead of a purely audio file), and to make it stop autoplaying instead of playing when the user chooses play. Perhaps a Kate stream for track labels and a play button image set directly behind the applet when the play button actually is.

Audio Sync Problems With Share YouTube -- OSX not iOS

I've replicated this several times. It's maddening and bizarre. *Share YouTube*
Exporting a FCPX video using the "SHARE" menu and choosing YouTube causes the resulting upload to be out of sync when viewed in Safari or other browsers on iOS
Viewing the same video on the iPad with the built in YouTube app, the video plays in sync
Viewing the same video on AppleTV 2 (with the 5.1 update), the video plays in sync.
If I export using Export Media menu item under the SHARE menu, and then from QuickTime Player choose Export For Web (under the File menu) and manually upload, the video is in sync.
Note, that using
Feel free to try on this short simple and silly video http://www.youtube.com/watch?v=cGTQNMJdPRQ&list=UUiDxioBFJCPC-8OUFifsx8A&index=2 &feature=plcp
Anyone else experience this. Is this a bug or a feature? Rather not go through three steps to upload a simple YouTube video.

We've got the same problem and yep, it's infuriating that are so few posts about it.
It doesn't happen with every video, but the vast majority of files that we've tried to either export directly to YouTube from QTX or export locally and then manually upload to YouTube end up with shockingly bad audio sync (and also some colour issues, but that's another story).
As a small video production company we were chuffed to bits with the improved export speed in QTX and quick to make use of it. But when we realised there was a problem, we had to revert back to using QT7's painfully slow export.
We've run experiments on a brand new iMac and MacBook Pro running the most up-to-date version of OS X and still no joy. Always the same audio sync problems with the same video files.
In the meantime however, we've found that the settings advised on this YouTube help page have given us the best (albeit slow) results at both 25fps and 30fps when exporting from QT7:
http://support.google.com/youtube/bin/static.py?hl=en&guide=1728585&topic=172857 0&page=guide.cs

Mobile Safari (iOS) HTML5 Audio 5.1

Hi there, I've made a HTML5 audio player which serves surround sound files (mp4). Works perfect on Safari desktop, but not on iOS. Is the mobile Safari Version unable to play multichannel files? cheers Henry

This started happening to me yesterday. Crazy bizarre. Text is almost unreadable.

HTML5 audio widget for iBooks Author

Hello!
I'm creating a HTML widget for iBooks Author and I want to add a audio tag of HTML5 in my HTML file. When I do this, I test in Safari Browser and the audio sounds good, so I add my widget with the HTML file, sounds, Default.png and Info.plist and I do a Preview for see in iPad. When I open the widget in iPad the sound doesn't work and it show me a message like this:
"cannot play audio file"
The audio have a .m4a extension. I don't know what can I do...
Someone can help me, please?
Thanks!

Hi Crisiii,
I have the same problem. However, in my case it does work if I test the widget in an new empty book. When I add the widget to the real book it does not work. mabe you should do the test to troble-shoot and have a better idea of what is wrong in your case.
I will try to find a fix to the problem and let you know if I do. Please do the same if you find what the problem is.
Thank you.

HTML5 audio tag problem iOS 3.2.2

Similar Messages

Maybe you are looking for