JS | Audio dosyası Olaylarını Kontrol Etme

[Beratx]

<audio id="sarki" controls src="sarki.mp3"></audio>
<div id="durum"></div>
<button id="oynat">Oynat</button>
<input type="range" id="ses" max=100 min=0 value=10>
 
<script>
 
var sarki=document.getElementById("sarki");
var durum=document.getElementById("durum");
var oynat=document.getElementById("oynat");
var ses=document.getElementById("ses");
 
//oynat butonuna basınca yapılacaklar
oynat.onclick=function(){
if(sarki.paused)
{
sarki.play();
oynat.textContent="duraklat";
}
else
{
sarki.pause();
oynat.textContent="oynat";
}
 
}
 
//ses ayarı için range nesnesi değiştirildiğinde yapılacaklar
ses.oninput=function(){
sarki.volume =ses.value/100;
}
 
 
//şarkı yürütülmeye başlandığında
sarki.onplay=function(){
durum.innerHTML="Şarkı Başladı";
}
//şarkı yürütülmeye başlandığında
sarki.onpause=function(){
durum.innerHTML="Şarkı Duraklatıldı";
}
 
//controlden ses değiştirildiğinde range nesnesini güncelleme
sarki.onvolumechange=function(){
ses.value=sarki.volume*100;
}
 
</script>