Payidar.NET - Bilgi ve Paylaşım Forumu
Geri Git   Payidar.NET - Bilgi ve Paylaşım Forumu > Internet > Web Master Dünyası > Web Tasarım Dersleri


Cevapla
 
LinkBack Seçenekler Stil
  #1 (permalink)  
Eski 20.11.07, 17:23
عاكف ار - ait Kullanıcı Resmi (Avatar)
Forum Vekili

 
Giriş tarihi: 30.11.06
Konum: Istanbul
Yaş: 25
Mesajlar: 4.582
Blog Başlıkları: 2
Karizma Puanı: 558
عاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond reputeعاكف ار has a reputation beyond repute
Web sayfasına ses eklemek

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ı :

HTML-Kodu:
<BGSOUND SRC="muzik.mid" BALANCE="deger"
        LOOP="deger" VOLUME="deger"
        ID="kimlik"> 
şeklindedir. Buradaki özellikler ve alabilecekleri değerler şunlardır.
  • 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.
Bir örnekte bu tagı görelim.

HTML-Kodu:
<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.

HTML-Kodu:
<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.

HTML-Kodu:
<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.
Çalışmalarınızda başarılar.
__________________
Türkiye İmparatorluğu -
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #2 (permalink)  
Eski 21.11.07, 12:17
MirLiwA - ait Kullanıcı Resmi (Avatar)
Kıdemli Üye

 
Giriş tarihi: 16.05.07
Konum: Giresun
Yaş: 19
Mesajlar: 1.136
Blog Başlıkları: 34
Karizma Puanı: 197
MirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond repute
MirLiwA - İCQ üzeri Mesaj gönder MirLiwA - MSN üzeri Mesaj gönder MirLiwA isimli Kullanıcıya Skype üzeri Mesaj gönder
Ce: Web sayfasına ses eklemek

Saol kardeş.Bunlar benim için çok gerekliydi
__________________
*ÜÇ KURUŞLUK ADAMA BEŞ KURUŞLUK DEĞER VERİRSEN ARADAKİ İKİ KURUŞA SENİ SATAR*
*PARANIN DEĞERİ OLSAYDI KENDİNİ HİÇ HARCATMAZDI*
''...ηαмαz кıℓмαуαη кαƒιя σℓмαz αмα кαƒιяℓєя ηαмαz кıℓмαz...'' _ιмαм gαzαℓι_

Oyun bitince "şah" ta "piyon" da aynı kutuya girer... hesap baslar..
* * * * **ÖNEMLİ LİNKLER* * * * * *
WB TASARIMI DERSLERİ
Ücretsiz Site yapımı
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #3 (permalink)  
Eski 02.08.08, 23:18
Foruma Erişimi Yasak
 
Giriş tarihi: 15.05.07
Yaş: 38
Mesajlar: 676
Karizma Puanı: 0
tayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant futuretayfuralagöz has a brilliant future
Ce: Web sayfasına ses eklemek

teşekkürler................
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
Cevapla

  Payidar.NET - Bilgi ve Paylaşım Forumu > Internet > Web Master Dünyası > Web Tasarım Dersleri

Etiketler
eklemek, sayfasına, ses, web


Konuyu Toplam 1 Kullanıcı okuyor. (0 Kayıtlı kullanıcı ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Yeni konular gönderemezsiniz
Mesajlara cevap yazamazsınız
Mesajınıza eklentiler ekleyemezsiniz
Mesajlarınızı düzenleyemezsiniz

BB Kodu açık
[IMG] Kodu açık
HTML-Kodu kapalı
Trackbacks are açık
Pingbacks are açık
Refbacks are açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Mysiteye kod eklemek prof.52 Web Master Dünyası 5 27.08.08 17:07
PhotoShop'a Brush Eklemek... gsbilgic Adobe Photoshop ve Diğer Sanal Çalışmalar 2 01.10.07 11:05
forum eklemek gs_burçak Tavsiye edilen Siteler 5 29.05.07 11:31
Mysite müzik eklemek!!! anld Web Master Dünyası 6 30.03.07 20:59


Tüm Zamanlar GMT +2 Olarak Ayarlı. Şuanki Zaman: 18:15.


Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.3.0