I am playing about with HTML5 Audio a little at the moment, and I have a bit of an issue. I have the following code:
<body>
<script type="text/javascript">
var openDoor = document.createElement('audio');
openDoor.src='sounds/Door_Open.wav';
var footsteps = document.createElement('audio');
footsteps.src='sounds/Footstep.wav';
</script><br>
<input onclick="openDoor.play();" name="open_Door" value="Open Door" type="button"><br>
<input onclick="footsteps.play();" name="footsteps" value="Footsteps" type="button"><br>
</body>The problem is, whenever I try to play any sound for a second time (i.e. click the button, and once the sound finishes, click it again), the sound will "stutter" a bit; it's as if the first half a second or so plays, then it skips back to the start and plays the whole sound file.
The same code works perfectly in Chrome on my computer, so I guess it is some quirk of the PB browser, but I am wondering if there is some way around this?
EDIT: Found a workaround. I just call the load() function on each sound everytime before I play it. So the first <input> tag from above now looks like this:
<input onclick="openDoor.load();openDoor.play();" name="open_Door" value="Open Door" type="button">
This seems to work, although occassionally it causes a momentary delay before the sound plays. I can live with that though, better than the stuttering.
Having said that, if anyone has a better solution to this problem, please go ahead and share it 
