HTML5 ve Javascript İle Arka Planda Müzik Oynatma / Durdurma  HTML5 ve Javascript İle Arka Planda Müzik Oynatma / Durdurma | Googleda Görüntüle

HTML5 ve Javascript İle Arka Planda Müzik Oynatma / Durdurma
 BEĞEN
  YORUM YAP

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

Mustafa Hastürk

  2 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.

Yorum Yap

CSS3 -webkit / -moz / -o Nedir ? CSS3 ve Tarayıcı İlişkisi

Belki daha önce karşılaşmız olabilirsiniz.Bazı CSS3 kodları birkaç defa aynı yazılıp baş...

  3532   1 yıl önce

CSS3 Geçiş Efektleri - Transition Nedir? Nasıl Kullanılır?

Merhaba arkadaşlar, çoğu sitelerde gördüğümüz daha yumuşak ve animasyonlu şekilde geçiş ...

  2307   1 yıl önce

3. İndir.com Mobil Uygulama Yarışması ABD'ye Götürüyor

İNDİR.COM MOBİL UYGULAMA YARIŞMASI ABD’ YE GÖTÜRÜYOR Geçtiğimiz ik...

  1687   2 yıl önce

CSS [ text-transform:uppercase ] Karakter Sorunu Çözümü

Css'de metin (text) biçimlendirme özelliklerinden biri olan text-transform:uppercase parametresini...

  5417   2 yıl önce

Olcay E. 3 ay önce demiş ki;


selamun aleyküm, yararlı bir css dersi
Yoruma Git

erhan tapan 9 ay önce demiş ki;


Siteyi coşturan kod erhan bunu beğendi
Yoruma Git

Nejdet Acar 1 yıl önce demiş ki;


Okumadan hemen cevaba sarılmayalım lütfen, okuyanlara ayıp oluyor...
Yoruma Git

Çılgın Koder 1 yıl önce demiş ki;


Bunu çoklu resimlerde nasıl yapacağız? Ve limit koymak istesek nasıl koyarız.
Yoruma Git