How To Add Background Music In Gmail

Music on WordPress There are many plugins for WordPress that volition help yous embed mp3 or other music files onto WordPress pages. There are fifty-fifty others that would let you show music playlists as widgets and that plays your favorite music to your site visitors.

But when information technology comes to playing a Background music, site-broad with auto-resume across folio loads, it becomes a little catchy. I was playing with some plugins today and hither is what I did to go far work.

Auto-Resume Tracks Across Page Loads

I got the Audio Playlist Managing director with Auto Resume plugin that this guy Ameen built out of the original Audio Playlist Manager plugin. What this plugin does is add a prissy widget (or embed on any page using shortcodes) an audio histrion. The audio player can be configured to auto-play on page load and resume playing on page-loads, both these features makes it the plugin of choice for our need.

Here is how we do it. Install the plugin start.

Become alee and download a soothing free music rail from here, they have color coding for different moods, which make them awesome! Of course, yous can have any rail you lot like, brand sure you compress it to a smaller size (nether 500kb) using a software like this one here.

Pick Music by Color

At present in the plugin settings, create a playlist. And then upload the Audio File using the uploader and Add it to the playlist you created. Click on Preview Player. Make sure yous tick the following:

Begin playing automatically
Resume playing on folio changes
Repeat when playlist ends
Set an initial volume to something around 30 if your track is too loud. You don't want to startle your visitors, or practise yous?

Audio Player Options

Now you will have a shortcode that looks something like this:

[ti_audio proper noun="Play on Load" autoplay="1" autoresume="i" repeat="1" randomize="1" book="xxx"]

Next, I added information technology to the footer.php (which is called on every page) using the do_shortcode function. But that showed the actor on the footer for every folio, like this:

Player on Footer

So I added some css to hide it and lo! We take background music on all pages that plays on and on as long equally the user is on the site. Here is the terminal code that I added to footer.php

<div way="visibility: hidden; margin-top: -32px;"><?php echo do_shortcode('[ti_audio name="Play on Load" autoplay="1" autoresume="1" repeat="1" randomize="1" volume="30"]'); ?></div>

Have fun!

Annotation: The plugin will piece of work only on browsers that run Adobe flash player. Then if you hear no music, brand sure flash player is enabled in the browser or effort on a browser that has it enabled.

Update: The plugin isn't maintained by the original author and it needs some updates. I have updated information technology for my clients, eventually I volition release the update for everyone.