Web sitesi ziyaretçilerinin MP3 çalmasına izin vermek için bir JavaScript işlevi kullanın.
Web sayfalarınıza MP3 ses dosyalarını gömmek ve oynatmak için çeşitli yollar mümkündür. HTML'deki kullanımdan kaldırılan "embed" etiketi, çeşitli Flash oynatıcılar ve Java tabanlı oynatıcıların tümü örnektir. HTML5 standardı, komut dosyası oluşturmaya ve üçüncü taraf yazılımlara güvenmemeye vurgu yaparak, ileride Web sayfalarına MP3 yerleştirmek ve oynatmak için en uyumlu yolu sunar. MP3 dosyasını HTML5 "ses" nesnesiyle gömün ve ardından çalmaya başlamak için bir JavaScript işlevi kullanın
Aşama 1
HTML belgenizin gövdesine aşağıdaki kodu ekleyin:
Günün Videosu
Bu kod, MP3 dosyasını gömer ve yükler, ancak oynatmaz. "src" etiketinin değeri, MP3 dosyasının yolunu ve dosya adını içerir.
Adım 2
HTML belgenizin "head" etiketleri arasına aşağıdaki JavaScript kodunu ekleyin:
Bu işlev, çağrıldığında, kimliği ("mp3") ile "audio" öğesine erişir ve onu oynatmak için play() yöntemini kullanır.
Aşama 3
Kullanıcı tıkladığında "playMP3" işlevini çağırmak için Web sayfasına bir düğme ekleyin. HTML belgesinin gövdesine aşağıdaki kodu ekleyin:
Düğmeye farklı bir başlık vermek için "değer" özelliğini değiştirin.
4. Adım
Kullanıcının dosyayı başlattıktan sonra duraklatmasına izin vermek için "playMP3" yerine aşağıdaki işlevi kullanın:
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Adım 3'teki "giriş" etiketinin "onClick" özniteliğini bu işlevin adıyla eşleşecek şekilde değiştirin.
