Sound Manager Demo

Based on the Bubbling-Library (http://www.bubbling-library.com/)

Simple actions (onClick, onMouseOver) to play sounds in your pages based on the classname of the elements.

On Click

Effects: bounce close open intro

Example: <a href="#" class="soundOnClick" rel="mySoundBounce">bounce</a>

On Rollover

Effects: laser iron electricity gun

Example: <a href="#" class="soundOnRollover" rel="laser">laser</a>

Custom

Play and then Stop

Example: <a href="#" class="soundOnClick" rel="applause">Play</a> and then <a href="#" class="stopOnClick" rel="applause">Play</a>
Load Sound File in JavaScript
<script>
    function loadSoundMan()
    {
        if (BINARYBIT.isSoundMan)
        {
            YAHOO.plugin.SoundManager.binarybitload("applause", "Applause1");
        }
    }
    YAHOO.util.Event.onDOMReady(loadSoundMan);
</script>

 

Anchor class soundOnRollover and yui-tip using Style Content and rel with Sound