Adding a sound effect

Classic
1

Hello,

I’m new to Rapidweaver so apologies if this is a really simple question ( but I have searched and am uncertain of the answer ). I would like to add an audio file of whistling to my home page so that it plays automatically and without any player being visible. I would appreciate any help with this.

Many thanks.

2

Use the Boom stack from @Doobox and set it to autoplay:
https://www.doobox.co.uk/stacks_store/demos/boom.html

It features a stealth mode:
“When selected the player becomes completely invisible in both preview and the published page.”

3

Thank you for such a quick response, much appreciated!

1 Like
4

To use the Boom stack, you need the stacks framework from @isaiah at http://yourhead.com. It will not work with just Rapid Weaver installed. Stacks are easy to use, fun and will get you great results. There is a stack for nearly every situation you might come across while developing your website.

Message me if you have more questions about stacks.

5

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.

Skærmbillede 2016-09-10 23.46.42.png2206×1226 133 KB

Skærmbillede 2016-09-10 23.48.24.png2618×1564 413 KB

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
6

Thanks sooooo much. I was using a much longer code, that honestly, sometimes worked and sometimes didn’t. Your much simpler code seems to do the trick!!!