HTML5 Audio events not triggering on Chrome

dom-events, google-chrome, html, html5-audio, javascript

Solution

It seems that the `onloadeddata` property does not work for some reason. But attaching an event handler through `addEventListener` (or via jQuery) works: http://jsfiddle.net/3vxCu/4/

bgSound = new Audio();
bgSound.src = "http://www.ehsankia.com/hawkthorne/audio/level.ogg";
bgSound.preload = "auto";
// Standard browsers (not IE before version 9):
// bgSound.addEventListener("loadeddata", testFunction, false);

// jQuery:
$(bgSound).on("loadeddata", testFunction);

function testFunction () {
    alert("Data loaded");
}

Problem

I'm trying to have a load progress bar in my game, and I have a function assigned to the `onloadeddata` attribute on my audio, but it is not triggering in Chrome. It works in other browsers. I also tried many other events such as `oncanplay`, `oncanplaythrough`, `onloadedmetadata`, etc. None of them trigger. I think it might have to do with the caching. Tried looking around and there was some reports of this from 2-3 years ago but nothing recent. Is there any other way I could detect if the audio is loaded, or make these events work? EDIT: Here's a quick example: http://jsfiddle.net/3vxCu/1/ Works in Opera and Firefox, but not in Chrome. It should give an alert when sound if finished loading.

Original source