HTML5 Audio -Limit playback/download to first x seconds

Question

I would like to limit playback of an audio file (in certain circumstances) to the first ten seconds.

Is there a way of using a combination of onTimeUpdate, currentTime and pause commands to ensure that playback cannot be processed past a certain point.

I don't want to modify the file as in other circumstances I'll want the full file.

I think I want to do something like.

Reset to 0 each time it gets to 10.

<audio controls ontimeupdate="myFunction(this)">
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">

</audio>
<script>
  function myFunction(event) {
    // Trying to stop the player if it goes above 1 second
    if (event.currentTime > 10) {
      event.pause;
      event.currentTime = 0
    }
  }
</script>

It resets appropriately, but but I can't get it to shut up. It just goes on a loop, ignoring the event.pause command.

Any ideas what I'm doing wrong?

You might want to look at http://stackoverflow.com/a/13302599/2813263 — Domino, Jan 06 '16 at 14:36

score 3 · Accepted Answer · answered Jan 06 '16 at 14:23

3

pause() is a function

function myFunction(event) {
    // Trying to stop the player if it goes above 1 second
    if (event.currentTime > 10) {
        event.pause();
        event.currentTime = 0
    }
}

answered Jan 06 '16 at 14:23

adeneo

312,895
29
395
388

HTML5 Audio -Limit playback/download to first x seconds

1 Answers1