Home/ Questions/Q 917659
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T18:14:44+00:00

I’m trying to make a HTML5 webapp that simply plays a sound over and

  • 0

I’m trying to make a HTML5 webapp that simply plays a sound over and over and over again, on my iPhone. I don’t know any Obj-C to do it natively.

What I have works fine, but the sound only plays once:

<!DOCTYPE html>
<html>
    <head>
        <title>noisemaker!</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="maximum-scale=1, minimum-scale=1, width=device-width, user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
    </head>
    <body>
        <audio src="noise.mp3" autoplay controls loop></audio>
    </body>
</html>

Is there a way to either bypass the QuickTime audio screen and loop it in the webpage, or get the QuickTime audio screen to loop the sound?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I found that the “loop” attribute does not seem to fully work in the latest implementation of the HTML5 audio element on the iPhone (iOS 4.0). I found this to be a workaround:

    <audio src="noise.mp3" onended="this.play();" controls="controls" autobuffer></audio>

    I found that you have to not put “loop” in the above, or the “onended” event seems not to trigger (i.e. “loop” is partially implemented).

    Note that “autoplay” is intentionally disabled on the iPhone.

    It also seems that the “volume” attribute is not fully implemented at this time as well.

    Note that with iOS 4 audio is played without the full-screen QT player.

    • 0