- Kayıt
- 3 Nisan 2008
- Mesaj
- 2.630
- Tepki
- 89
Javascript ile sayfaya ses eklenmesi konusundan önce kısaca HTML ile neler yapabileceğimizi görelim. Websayfasına zemin müziği eklemek aslında html tagları ile mümkündür. Bunun için Internet Explorer için <BGSOUND> tagını kullanabilirsiniz. <BGSOUND> tagı ile wav, au ve mid formatlı müzikleri kullanabilirsiniz. Bu tagın kullanımı :
şeklindedir. Buradaki özellikler ve alabilecekleri değerler şunlardır.
Yine <EMBED> tagı değişik nesnelerin sayfaya eklenmesinde kullanılır. Mesela bir resim, ses veya video gibi. Bu tag <IMG> tagının aldığı WIDTH, HEIGHT, HSPACE gibi özellikleri aldığı gibi ayrıca HIDDEN özelliği ile görünürlük ayarlanabilir. true değeri eklenen nesneyi kullanan plug-in ( donattı ) i gizler. false değeri ise görünür yapar. Yine ID özelliği ile bu taga özel bir kimlik verilebilinir. Yine SRC özelliği ilede kullanılacak müziğin adresi verilir.
Netscape browserlerin desteklediği bu tagın ayrıca altarnetif içerik için <NOEMBED> tagını kullanabilirsiniz. Böylece kullandığınız nesneyi görüntüleyemeyen browserler için altarnatif içerik sunmuş olursunuz.
<EMBED> tagının kullanım şekli.
Bu tag bir plug-in kullandığından kullanılan browserde bu plug-inin yüklü olması gerekmektedir. Ayrıca bazı plug-inler HIDDEN özelliği true yapıldığında yani plug-in gizlendiğinde çalışmayabilmektedirler. Bu kısa anlatımdan sonra javascript kullanarak sayfaya bir sesin eklenmesini ve denetlenmesine geçelim.
JavaScript ile sayfaya ses ekleme
Javascript ile sayfaya ses eklerken ilk olarak kullanılan özellik browser tanımı yapılarak IE için BGSOUND ve NS için ise EMBED tagının kullanılmasını sağlamak olmaktadır. Mesela sayfaya bir zemin müziği yerleştirmek istediğimizde şu şekilde bir ifade kullanabiliriz.
Bu scripti kullanarak sayfanıza ekleyeceğiniz müzik dosyasının hem IE ve hemde NS de çalışmasını sağlayabilirsiniz. <EMBED> tagının HIDDEN özelliğini true yaptığımızda bazı plug-inlerin çalışmadığınız söylemiştik. Yinede plug-in görünmeden sesi duymak istiyorsanız yapmanız gereken HEIGHT ve WIDTH değerlerini 0 ( sıfır ) yapmak olabilir.
Kod:
<BGSOUND SRC="muzik.mid" BALANCE="deger"
LOOP="deger" VOLUME="deger"
ID="kimlik">
- SRC özelliği kullanılacak müziğin adresini alır.
- BALANCE değeri müziğin balansını ( steryo ) ayarlar ve -10000 ile 1000 arasında bir değer alır.
- LOOP özelliği müziğin kaç kere çalacağını belirtir. -1 ve INFINITE değerleri ile müzik devamlı çalacaktır.
- VOLUME özelliği müziğin ses şiddetini ayarlar ve 0 ile -10000 arasında bir değer alabilir.
- ID özelliği bildiğiniz gibi taga özel bir kimlik vermek için kullanılır ve script programları ile bu taga kolaylıkla ulaşılmasını sağlar.
Kod:
<BGSOUND SRC="cokertme.mid"
LOOP="INFINITE"
VOLUME="2500">
Yine <EMBED> tagı değişik nesnelerin sayfaya eklenmesinde kullanılır. Mesela bir resim, ses veya video gibi. Bu tag <IMG> tagının aldığı WIDTH, HEIGHT, HSPACE gibi özellikleri aldığı gibi ayrıca HIDDEN özelliği ile görünürlük ayarlanabilir. true değeri eklenen nesneyi kullanan plug-in ( donattı ) i gizler. false değeri ise görünür yapar. Yine ID özelliği ile bu taga özel bir kimlik verilebilinir. Yine SRC özelliği ilede kullanılacak müziğin adresi verilir.
Netscape browserlerin desteklediği bu tagın ayrıca altarnetif içerik için <NOEMBED> tagını kullanabilirsiniz. Böylece kullandığınız nesneyi görüntüleyemeyen browserler için altarnatif içerik sunmuş olursunuz.
<EMBED> tagının kullanım şekli.
Kod:
<EMBED SRC="cokertme.mid" WIDTH="100"
HEIGHT="10" LOOP="INFINITE">
<NOEMBED>Birde sesi duysaydınız !</NOEMBED>
Bu tag bir plug-in kullandığından kullanılan browserde bu plug-inin yüklü olması gerekmektedir. Ayrıca bazı plug-inler HIDDEN özelliği true yapıldığında yani plug-in gizlendiğinde çalışmayabilmektedirler. Bu kısa anlatımdan sonra javascript kullanarak sayfaya bir sesin eklenmesini ve denetlenmesine geçelim.
JavaScript ile sayfaya ses ekleme
Javascript ile sayfaya ses eklerken ilk olarak kullanılan özellik browser tanımı yapılarak IE için BGSOUND ve NS için ise EMBED tagının kullanılmasını sağlamak olmaktadır. Mesela sayfaya bir zemin müziği yerleştirmek istediğimizde şu şekilde bir ifade kullanabiliriz.
Kod:
<SCRIPT>
/* kullanacağımız ses dosyasının
öncelikle bir değişkene
atıyoruz. */
var adres = "ses.mid";
// browser seçimi yapıyoruz
if (navigator.appName=="Microsoft Internet Explorer")
document.write("<BGSOUND SRC='" + adres + "' loop='-1'>");
else
document.write("<EMBED SRC='" + adres + "' HIDDEN='false'>");
</SCRIPT>
Bu scripti kullanarak sayfanıza ekleyeceğiniz müzik dosyasının hem IE ve hemde NS de çalışmasını sağlayabilirsiniz. <EMBED> tagının HIDDEN özelliğini true yaptığımızda bazı plug-inlerin çalışmadığınız söylemiştik. Yinede plug-in görünmeden sesi duymak istiyorsanız yapmanız gereken HEIGHT ve WIDTH değerlerini 0 ( sıfır ) yapmak olabilir.