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!

Similar Messages

  • 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/

  • Audio duration problem

    I have a question about  incorporating audio without making the quiz duration much longer. For  example, I have a 10 second audio file that basically explains the  question so that kids who can't read can still participate. The problem  is when I import the audio to the slide the audio plays fine but after  they answer the question and try to move on, there is a long delay  before it moves to the next slide (8 seconds extra).
    How can I keep the audio, but eliminate that delay?
    Thank you,
    Andrew

    Hi There,
    You need to change the 'On Success' action in the Quiz Properties PI from 'Continue' to 'Go to next slide'.
    -Manish
    blogs.adobe.com/captivate

  • I am using ALSA and Icecat. When I play any html5 audio/video it works, but the next time i click on another audio/video link I lose sound.

    I am using Parabola (a fork of archlinux), Icecat 31.4 and ALSA
    Icecat and firefox seem to hold onto the soundcard when I click on a new html5 audio/video link in the same tab. The next video/audio element loses sound. If I wait 10 seconds and click back to the start of the audio/video, the audio returns. I often get cpu spikes for icecat when it happens.
    I have tried this with both motherboard and usb sound and I get the same problem. I have disabled extensions (addons) in Icecat, deleted profiles, reinstalled the browser and even installed firefox from the AUR and it still occurs.
    I have disable gstreamer in about:config and restarted and it still occurs.
    My .asoundrc is this:
    pcm.!default {
    type plug
    slave.pcm "hw:0,0"
    All my other audio applications work. I have noticed that if I use pulseaudio it fixes it, but it should work without anyway, like it used to. I think something happened after an update, but I'm not sure.
    Any help would be appreciated. I know it's not a big problem, but it's really frustrating and I've had it for ages. I even switched browsers to get away from it.

    *nerding out*
    I am not an expert in this and if we get stuck I have found a mailing list for the alsa project that can be contacted: http://www.alsa-project.org/main/index.php/Mailing-lists
    Gstreamer is disabled in Firefox as well as the os?
    Since you are seeing issues with ogg files and moving video/audio combination I started to dig into file formats {sox http://sox.sourceforge.net/soxformat.html}
    For ogg would the file format affect the "raw"?
    defaults.pcm.file_format "raw"
    Updated libraries
    alsa-lib-1.0.6-8.FC3
    alsa-utils-1.0.6-3
    No no, here:
    http://oss.sgi.com/LDP/LDP/linuxcookbook/html/cookbook_27.html#SEC377
    Is the OGG cpu intensive for your alsa architecture? [http://alsa.opensrc.org/Ogg]
    Troubleshooting sound on Linux to narrow down the issue: [http://www.troubleshooters.com/linux/sound/sound_troubleshooting.htm#the_steve_litt_diagnostic_tools]
    References: [http://www.alsa-project.org/main/index.php/Minivosc]
    [http://www.troubleshooters.com/linux/sound/sound_troubleshooting.htm#the_steve_litt_diagnostic_tools]
    I am sorry, this is where I can no longer help. Please seek the guidance of the Linux forums or that alsa mailing list.

  • 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.)

  • HTML5 Audio Playback issue from firefox 33 and above.

    I have created an application which was working just fine till firefox 32. It is still working fine in firefox 32. But from firefox 33 and above, the audio playback does not start intermittently.
    I tried to debug and find the problem further. What I observed is that the html5 audio element in firefox 33 and above does not dispatch 'readyState' event as 4 which is needed to start the playback. It shows its value as '2' due to which, the 'canplay' event is not getting triggered.
    This issue is replicable on local machine as well using some bandwidth throttling software. Also, it is important to note that this issue is visible on MAC's firefox. On windows, things are working just fine.
    If anyone has any solution of this problem, please let me know.

    Actually, I ran all but ADW and I included Super AntiSpyware. There is no virus. It is only V33+ and other browsers work fine. I think I will give up on Firefox for now until I upgrade to Win 7.
    Thank you everyone for your input.

  • HTML5 audio player has no volume control

    I'm using FireFox 20.0.1 & get no volume control on html5 audio player?
    Is this broken in this version of FireFox?
    Is it due to the plugins/addons conflicting?
    Grateful for help & look forward to reply to get this fixed-thanks

    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.)

  • HTML5 Audio Issue Workarounds

    I have spent the better part of a week working on problems with a project played back fine in Flash but had audio problems with HTML5.  Here are some of the issues and workarounds I came up with:
    Custom buttons muting audio  
    The playbar buttons are too small for smartphones and most tablets so I created larger navigation buttons.  Unfortunately, the audio would mute whenever I used the TOC and CC buttons. 
    Created user variable currentFrame
    "Assign currentFrame with cpInfoCurrentFrame" at beginning of button Advanced Action
    "Assign cpCmndGoToFrameAndResume with currentFrame" as last action.
    iOS devices repeating audio from first slide after a "Loading..." of  other slides
    Made the audio files as small as possible (use 32kbps as Audio Preference).  Be sure to record as WAV and make this a publish preference to minimize audio artifacts.
    Delayed audio start time at least 200-300 ms from slide start.  I had originally added silence to the beinning of all my files so CC would appear from beginning of slide.  Deleting the silence and delaying the audio minimized "Loading..." and eliminated the first audio repeat problem. 
    Placed end of mouse movements outside of audio content to avoid iOS dual audio file issue.
    MobilePlaybar lacking TOC and CC buttons
    This one's actually another way around the audio muting problem.  I initially didn't use the MobilePlaybar becasue of it not having TOC and CC buttons.  I prefer having the Playbar outside of the content area so I went with a modified MobilePlaybar.
    Created TOC.png and CC.png.  Added to assets\playbar\PlaybarIcons.
    Edited assets\playbar\playbarScript.js
         Replaced 'Exit' in playbarAssetArr = with 'CC' and 'TOC'
         Changed var left = 8; to var left = 9;
    \assets\js\CPPlaybar.js already has CC and TOC code so does not need to be modified.
    I have one last issue that others may have an answer for.  The MobilePlatbar Back and Forward buttons don't always work with i iOS.  Any ideas?

    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

  • Safari HTML5 Audio Bug

    Hello,
    With Safari, it is not possible for me to play HTML5-Audio. I've tried it on several demo sites, but always the same.
    e.g. http://demos.w3avenue.com/html5-unleashed-tips-tricks-and-techniques/sample-04-a udio-demo.html
    The demo page from Apple also does not work -> http://www.apple.com/html5/showcase/audio/
    Safari 5.0.3
    Windows 7
    Does anyone have the same problems?
    Message was edited by: kevko

    Hi,
    It's actually a web application i.e. it runs as a series of web pages from a URI. That said, it sizes itself dynamically to render on different devices and is designed to be run on any web browser (mobile or otherwise) on any device. However, I'm encountering issues with mobile browsers (not just Apple I might add) that will not allow preloading of HTML5 audio even if they're on a WiFi connection. I will have to re-think my design and perhaps develop a stand-alone App rather than a web page using similar technologies.

  • Itunes wont launch due to audio configuration problem

    Itunes won't launch saying there is a audio configuation problem, this started all the sudden no new software added no updates, no configuration changes. I've tried uninstalling and reinstalling without improvement and all other audio programs work fine. any ideas?

    This is usually a Quicktime problem, see this article:
    http://docs.info.apple.com/article.html?artnum=304424

  • How to stop the spinning ball/pizza that is stalling repairs to project on imovie 09? on macosx10.5.8 using iomega and superspeed ext h.d. as storage for the events and projects archive of a wedding video that has had audio sync problems on all share form

    How to stop the spinning ball/pizza that is stalling repairs to project on imovie 09? on macosx10.5.8 using iomega and superspeed ext h.d. as storage for the events and projects archive of a wedding video that has had audio sync problems on all share formats (iDVD, mp4, and last of all iTunes). The project label now carries signal with yellow triangled exclamation “i tunes out of date”.
    To solve the sync problem I’m following advice and detaching sound from all of the 100 or so short clips.  This operation has been stalled by the spinning ball. Shut down restart has not helped.
    The Project is mounted from Iomega and superspeed ext hd connected to imovie09 on macosx 10.5.8.
    What to do to resume repairs to the audio sync problem and so successfully share for youtube upload?

    How to stop the spinning ball/pizza that is stalling repairs to project on imovie 09? on macosx10.5.8 using iomega and superspeed ext h.d. as storage for the events and projects archive of a wedding video that has had audio sync problems on all share formats (iDVD, mp4, and last of all iTunes). The project label now carries signal with yellow triangled exclamation “i tunes out of date”.
    To solve the sync problem I’m following advice and detaching sound from all of the 100 or so short clips.  This operation has been stalled by the spinning ball. Shut down restart has not helped.
    The Project is mounted from Iomega and superspeed ext hd connected to imovie09 on macosx 10.5.8.
    What to do to resume repairs to the audio sync problem and so successfully share for youtube upload?

  • How can I have html5 audio continue to play in background in iOS7 from my flex mobile app

    I have mobile app I've developed in flash builder 4.6 (flex 4.12 sdk) and I have a stagewebview component which contains HTML5 audio (mp3 retrieved from my web server and streamed / played via the app)... I want to have the ios version of the app CONTINUE to play the mp3 / html5 audio when the user presses the home button on their iphone or opens another app... so that when multitasking, my audio continues to play (where theres no other NEW audio started, for instance).
    I have added the following to my manifest but it still doesnt do what Im after. I used this in another mobile app where I just play audio from the url directly in flash builder (i.e. NOT via webview component) -- but here it seems the webview suspends (Im guessing)...
    <iPhone>
        <InfoAdditions><![CDATA[
            <key>UIDeviceFamily</key>
            <array>
                <string>1</string>
            </array>
            <key>UIBackgroundModes</key>
            <array>
                <string>audio</string>
            </array>
        ]]></InfoAdditions>
        <requestedDisplayResolution>high</requestedDisplayResolution>
    </iPhone>
    Is there a way around this so my audio continues to play? My test device is an iphone 4 running the latest version of ios7

    You can import audio files into Logic (as easy as drag and drop).  You can download these loops from the Internet from a variety of sources both free and paid.  Just do a Google search for those.
    Once you've imported the file into Logic Pro, right click on the audio region and scroll down to the "Convert" option about halfway down the menu.  The top option will be "Add to Apple Loops library" - click this, and it'll add the file into your Apple loops.
    It won't affect the other loops in the library.

  • CS4 Audio Export Problem

    Hi
    I'm fairly new to CS4 and have picked up an audio export problem, more than likely with a setting of sorts. For some reason when I export to MPEG2 -DVD via the Media Encoder, the video portion is fine as well as any audio that has been placed and edited on tracks audio 1 and 2 in PP. However, if there is additional audio placed on tracks 3 or 4 for example (say a music MP3 overlay) then this does not come out ... only audio placed on tracks 1 and 2 in PP come out. I have checked the obvious like making sure the tracks aren't muted etc but to no avail. Also tried changing from PCM audio to MPEG ... Stereo to 5.1 mixdown ... nothing doing.
    Any help would be greatly appreciated.
    Thanks and regards
    Videoman 1
    SA

    Thanks Harm ... got SnagIt and with a few helpful YouTube tutorials ... am in business. Hunt and John, also thanks ... the other method equally as good. Now, I have attempted to attach my screen shot which should display my CS4 timeline and associated audio monitor windows above. By the way, this was for a wedding and as indicated, you will notice an MP3 lying in audio track 3 which as mentioned is my problem as it is not audible after render via Media Encoder. But remember, the moment I slip this MP3 up into audio track 1 or 2 above ... problem solved. I know there must be something small like a setting gone wrong or incorrect. As mentioned, any help would greatly appreciated.
    Thanks to you all.
    Regards Paul ( Vryheid, South Africa )

  • 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]]

  • Audio sync problem with videos imported from iPod Touch

    I have an iPod Touch 4th Generation that I used to shoot video at a family birthday party. When I imported the footage into iMovie '11, the audio is not in sync with the video (video is about two seconds behind audio) and there is only the left channel of audio. I verified that the video on the iPod plays just fine--no audio sync problem, both left and right channels work. I just upgraded to iOS 5 on the iPod Touch. The iMac is running Snow Leopard 10.6.8.
    As a workaround, I can import the video into iPhoto instead. When I play the video in iPhoto, there are no audio sync problems and both channels of audio can be heard. I have imported other iPod Touch videos successfully into iMovie '11 in the past few months, but this has been the first time these problems have occurred. Any help would be appreciated.

    Premiere cannot handle clips with variable framerate.
    Your converted clips need to have constant framerate.
    Otherwise use a converter like Handbrake.

Maybe you are looking for