Etiket: Müzik Çalar

Başlat Durdur Kontrollü,Ses Seviyesi Sabit Müzik Çalar

Öncelikle jquery kütüphanemizi script tagı ile yüklüyoruz.

Markdown
1 lines
https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Hemen altına script tagı içerisinde bu kodları yüklüyoruz.

JavaScript
21 lines
$(document).ready(function(){   
    $("audio").hide(); 
        var v = document.getElementsByTagName("audio")[0]; 
        v.volume = 0.5;//Ses seviyesi %50
        v.play();/*otomatik başlatır*/
    });
    var curPlaying;$(function() {           
        $(".playback").click(function() { 
            var song = $(this).next('audio')[0];       
            if(song.paused){    
                $(".playback").text("Durdur");
                song.play();            
                song.volume = 1;           
                if(curPlaying) $("audio", "#"+curPlaying)[0].pause();        
            } 
            else {
            song.pause(); 
                $(".playback").text("Başlat");
            }  
        });
    });
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Sayfada istediğiniz yere bu kodları yerleştirin.

HTML
4 lines
<div class="playback">Durdur</div>
<audio controls="">
  <source src="http://thesoundeffect.com/music/mp3/AllMyLife.mp3" type="audio/mpeg">
</audio>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX