Keterangan: HTML5 latar belakang audio player memungkinkan Anda bermain musik latar pada halaman Anda dengan user interface yang sederhana untuk mengontrol tugas-tugas dasar seperti berhenti atau menurunkan volume. Tidak seperti audio player biasa, ia dapat mengingat titik saat ini pemain dalam pemutaran musik, volume, dan apakah itu berhenti sejenak, sehingga transisi pengguna dari halaman ke halaman, musik terus di mana ia terakhir meninggalkan off dengan gangguan minimal.

HTML5 audio (elemen ) didukung di IE9 +, FF3.5 +, Chrome / Safari 3 +, dan Opera 10.5 +. Pemain secara otomatis menyembunyikan UI player di browser yang tidak mendukungnya.

Download the following external files that make up the script:

• bgaudioplayer.js

• bgaudioplayer.css (CSS that styles the default UI of the audio player)

• 3 images that make up the player's default UI

  Langkah 1:  Tambahkan script di bawah ini ke bagian halaman Anda:

       <link href="bgaudioplayer.css" rel="stylesheet" type="text/css" />

  
  

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

  
  

  <script src="bgaudioplayer.js">

  
  

  </script>

  Langkah 2:  Lalu di BODY halaman Anda di mana Anda ingin pemutar musik latar belakang untuk muncul, tambahkan kode di bawah ini:

  var playerinstance=bgaudioplayer({

  audioid: 'mybgplayer', // id of audio element

  audiointerface: 'mybgplayerui', // id of corresponding UI div

  autoplay: true, // auto play music?

  persistTimeLine: true, // Persist player's current timeline/ volume when moving from page to page?

  volume: 0.1, // Default volume (0.0 to 1.0)

  volumelevels: 15 // # of volume bars to show in UI

  })