HTML5 ve Javascript İle Arka Planda Müzik Oynatma / Durdurma

Görüntülenme: 8800
Yorum: 1
Beğeni: 8
Tarih: 5 yıl önce

Merhaba arkadaşlar, bu yazımda javascript ile sitemizin arka planında bir müziği nasıl oynatıp durdurabiliriz bunu anlatacağım.

HTML5 taglarından olan audio tagını kullanacağız.Ses dosyası tipi olarak mp3,wav,ogg kullanabiliriz.
Yapacaklarımız çok basit hemen derse geçelim.

HTML KODU

JS KODU

	$(document).ready(function () {
    $("#start").click(function () {
        var audio = document.getElementById("music");
        audio.play();
    })
    $("#pause").click(function () {
        var audio = document.getElementById("music");
        audio.pause();
    })
})

Yukarıda ki kodları uygun şekilde projemize dahil ettiğimizde sorunsuz çalıştığını göreceksiniz.

Demo için buraya tıklayabilirsiniz.

Etiketler

Yorumlar

Bu Konuya Ait 1 Onaylı Yorum Bulunuyor.

Mustafa Hastürk

5 yıl önce

Merhaba, 'script' tag larına text/javascript olarak belirtmene gerek yok. Javascript default script dilidir. Ayrıca jQuery için '$( document ).ready(function() {...}' yerine sadece '$(function(){...});' yazman yeterlidir.