HTML Müzik Ekleme

Web sitemizi veya HTMLdökümanımızı zenginleştirirken, html ile çeşitli eklemeler yapabilmekteyiz. Önceki yazımızda siteye nasıl video eklenir onu göstermiştik, bu sefer de aynı mantığa yakın bir şekilde müzik ekleme konusuna değineceğiz.

Müzik eklerken audio tagı ile eklemekteyiz. Ardından src ile müziğin dosya konumu veya .mp3 uzantılı adresini yazıyoruz.

HTML Müzik ekleme kodu

Kod:

<audio controls>
    <source src="müzik adresi">
</audio>

Müzik eklerken bilmeniz gerekenler

Müzik oynatıcısının; oynatma durdurma gibi düğmelerin bulunması için “controls” etiketini eklememiz gerekmektedir. Müzik eklerken, audio ve controls etiketleri birlikte kullanılmaktadır.

Kod:

<audio controls>

Müziği eklediğimiz sayfada, sayfaya girer girmez otomatik olarak başlaması için “autoplay” etiketini eklememiz gerekmektedir. Bunu otomatik oynatma şeklinde ifade edebiliriz.

Kod:

<audio controls autoplay>
    <source src="müzik adresi">
</audio>

Müziğin bittikten sonra sonsuz bir döngü içerisinde tekrar etmesini sağlayabiliriz. Bunun için “loop” etiketini kullanmalıyız.

Kod:

<audio controls loop>
    <source src="müzik adresi">
</audio>

Web sitemizi veya HTMLdökümanımızı zenginleştirirken, html ile çeşitli eklemeler yapabilmekteyiz. Önceki yazımızda siteye nasıl video eklenir onu göstermiştik, bu sefer de aynı mantığa yakın bir şekilde müzik ekleme konusuna değineceğiz.

Müzik eklerken audio tagı ile eklemekteyiz. Ardından src ile müziğin dosya konumu veya .mp3 uzantılı adresini yazıyoruz.

HTML Müzik ekleme kodu

Kod:

<audio controls>
    <source src="müzik adresi">
</audio>

Müzik eklerken bilmeniz gerekenler

Müzik oynatıcısının; oynatma durdurma gibi düğmelerin bulunması için “controls” etiketini eklememiz gerekmektedir. Müzik eklerken, audio ve controls etiketleri birlikte kullanılmaktadır.

Kod:

<audio controls>

Müziği eklediğimiz sayfada, sayfaya girer girmez otomatik olarak başlaması için “autoplay” etiketini eklememiz gerekmektedir. Bunu otomatik oynatma şeklinde ifade edebiliriz.

Kod:

<audio controls autoplay>
    <source src="müzik adresi">
</audio>

Müziğin bittikten sonra sonsuz bir döngü içerisinde tekrar etmesini sağlayabiliriz. Bunun için “loop” etiketini kullanmalıyız.

Kod:

<audio controls loop>
    <source src="müzik adresi">
</audio>