Adding a sound effect

Another way of doing it is using html5 and add the html code to a html stack

In the screenshots below I’ve used an aiff file. I just chose a sound from Mac OS to test the html. You should probably use mp3 and/or ogg files instead…

Add the sounds (mp3 and ogg) to RapidWeavers Ressources. Copy Macro and paste in a html Stack.

You can paste the code on on a Stacks Page, Styled Text Page or… probably most RapidWeaver pages.

If you don’t want the audio to outplay – like the example above, html with a play button is:

<audio controls>
  <source src="%resource(Funk.aiff)%">
</audio>

With hidden controls and auto play:

<div style="visibility:hidden">
    <audio autoplay loop>
        <source src="%resource(Funk.aiff)%">
    </audio> 
</div>

Note that RapidWeaver 7.1 and probably earlier versions too won’t stop playing the sound if you preview the page – not until you quit RapidWeaver. Not even if you remove the code… so don’t choose an annoying sound to test :slight_smile:

DeFliGra · Stack’oholic | Mac’oholic | Web’oholic
www.defligra.com | Stacks for RapidWeaver

3 Likes