Array to Provide One Random MP3 to Audio Tag

[Beverleyh]

I'm a bit tied up at the moment but try chaining the play trigger and audio fadein;

$('#bgAudio').trigger('play').animate({volume: 1}, 6000);

And just change the class of the button from .play to .pause for it's initial state;

<button id="pButton" class="pause" onclick="play()"></button>

[KennyP]

Thank you so much Beverley. The button now properly displays the Pause state on page load / auto play.

The audio fade-in still doesn't work with

$('#bgAudio').trigger('play').animate({volume: 1}, 6000);

It starts at full volume.

Test Page

--Thanks again

[Beverleyh]

Alternative option - Can you apply fades to the actual track with something like Audacity or mpTrim? http://mptrim.findmysoft.com/

You don't even have to install mpTrim. And it's so easy to add fade in and fade out - see the bottom right corner of the GUI http://mptrim.findmysoft.com/screenshot/

[KennyP]

Beverly:

I figured there had to be nothing wrong with the fade-in code or else it wouldn't have worked previously.
So I tinkered with it until I finally guessed what it needed; setting the volume at 0 initially.

    $("#bgAudio")[0].volume = 0;
        $("#bgAudio").animate({volume: 1}, 4000);

Code Working on the Live Page

Thank you so, so much for your help.