2 Okt 2013

JQUERY Memainkan File audio MP3

Ternyata JQUERY itu bisa memainkan file MP3 dari web loh. Yuk kita bikin kodenya 1. Include JQUERY 2. Buat kode nya <script>    ... thumbnail 1 summary

Ternyata JQUERY itu bisa memainkan file MP3 dari web loh. Yuk kita bikin kodenya
1. Include JQUERY
2. Buat kode nya
<script>
    $(document).ready(function() {
        var audioElement = document.createElement('audio');
        audioElement.setAttribute('src', 'audio.mp3');
        audioElement.setAttribute('autoplay', 'autoplay');       
        $( ".status" ).text( "PLAY" );
        $.get();
        audioElement.addEventListener("load", function() {
            audioElement.play();
           
        }, false);
        $('.play').click(function() {
            audioElement.play();
            $( ".status" ).text( "PLAY" );
        });
        $('.pause').click(function() {
            audioElement.pause();
            $( ".status" ).text( "PAUSE" );
        });
    });
</script>   

3. Lalu buat tag HTML untuk membuat Play dan Pause serta status playernya
<div class="play"><img src="play.png"></div>
<div class="pause"><img src="pause.png"></div>
<p class="status"></p>

Sekarang improvisasi lah membuat player .

Jika anda terbantu dengan artikel saya, dimohon klik iklan pada bagian atas/bagian bawah/bagian kanan (Untuk memberikan semangat penulis membuat artikel :D )
(Gunakan Google Accounts anda untuk berkomentar atau akun disqus)
Donasi :
BNI Syariah 0649420235 AN Heru Rahmat Akhnuari
BCA 3120670319 an. Heru Rahmat Akhnuari
BRI 005801112479504 an. Heru Rahmat Akhnuari