HTML Sayfasına Müzik Dosyası Ekleme

Merhaba, HTML Sayfasına Müzik Dosyası Ekleme başlıklı yazıma hoşgeldiniz bu yazımda HTML dosyasına Müzik nasıl eklenir bu konuya değineceğim. Öyleyse hemen başlayalım.

Müzik dosyası eklemek için audio etiketleri içinde source etiketini kullanacağız.

En basit hale müzik eklemek için;

<audio autoplay="">
 <source src="ses.mp3" type="audio/mpeg">
</audio>

Oynatma araçları eklemeden ses sadece arkaplanda çalıyormuş gibi gözükür bunun önüne geçmek için oynatma araçlarını eklememiz lazım.

Oynatma araçlarıyla müzik eklemek için;

<audio controls="">
<source src="ses.mp3" type="audio/mpeg">
</audio>

Çıktı;

Gördüğünüz gibi oynatma araçlarını göstermek için audio etiketi içine controls methodu ekledik.

Hem oynatma araçlarıyla hem de otomatik çalma özelliğiyle müzik eklemek için;

<audio controls="" autoplay="">
<source src="ses.mp3" type="audio/mpeg">
</audio>

Çıktı;

Gördüğünüz gibi kodumuza bir de autoplay methodunu ekledik.

Oynatma araçları ve otomatik oynatma methoduyla bir de tekrarlama özelliği eklemek için;

<audio controls="" autoplay="" loop="">
<source src="ses.mp3" type="audio/mpeg">
</audio>

Gördüğünüz gibi kodumuza ayriyeten loop methodu ekledik bu methodlar birlikte müzik bitince tekrar baştan başlayacaktır.. Birde sesi kapatmak için muted methodu da ekleyebilirsiniz.

Bu yazımın da sonuna geldik başka bir yazıda görüşmek üzere sağlıcakla kalın.