Benden Yahoo WebPlayer konusunda yardım isteyen bir okuyucum sayesinde Yahoo’nun böyle bir oynatıcısı olduğunu öğrendim. Hem kendisine yardımcı olmak hem de bilmeyenlere tanıtmak amacıyla Yahoo WebPlayer’ı detaylı bir şekilde sitenize veya blogunuza nasıl ekleyeceğinizi ve nasıl kullanılacağınızı anlatacağım.
Gördüğüm kadarıyla Yahoo çok kullanışlı bir oynatıcı hazırlamış. Resimlerde de göreceğiniz gibi sizi rahatsız etmeyecek bir şekilde tek tıklamayla açılabilen ve gizlenebilen bir oynatıcı. Blogunuza gelen ziyaretçilerinize ister müzik dinletebilir ister video izlettirebilirsiniz.
Yahoo WebPlayer Kurulumu:
Kurulumu inanılmaz derecede basit. Tek yapmanız gereken aşağıdaki kodlardan birini </body> etiketinin önüne eklemek.
Siyah temayı eklemek için gereken kod:
[crayon lang=”js”][/crayon]
Gri temayı eklemek için gereken kod:
[crayon lang=”js”]
[/crayon]
Eklediğiniz bu javascript kodu sayesinde sitenizdeki/blogunuzdaki müzikleri veya videoları otomatik olarak arar ve bulduğu müzik veya videoları oynatıcısında görüntüler.
Yahoo WebPlayer’ı kurduktan sonra sıra müziklerimizi nereye atacağımıza geldi. Kendi hostunuz varsa müziklerinizi oraya atabilirsiniz. Böyle bir imkanınız yoksa Friendfeed’i kullanabilirsiniz. Friendfeed’te Files‘a tıklayın ve Dosya Seç diyerek bilgisayarınızdan istediğiniz müziği seçip yüklenmesini bekleyin. Yüklenme işlemi bittikten sonra müziğin üzerinde sağ tuşla tıklayarak Bağlantı Adresini Kopyala‘ya tıklayın.
Müziklerinizi Friendfeed’e yükleyip bu şekilde linklerini alıp kullanabilirsiniz.
Yahoo WebPlayer Nasıl Kullanılır:
HTML bilginiz varsa yazıya nasıl link verileceğini biliyorsunuz. Burada da aynısını uyguluyoruz.
[crayon lang=”html”]Örnek MP3[/crayon]
http ile başlayan kısma müziğinizin linkini ekleyip, Örnek MP3 yazan yere de müziğinizin ismini yazıyorsunuz. Bunu ana sayfada görünecek bir yere ekleyebileceğiniz gibi yazı içerisine de ekleyebilirsiniz.
Şimdi de oynatıcımıza bazı özellikler ekleyelim.
Type Özelliğini Kullanmak:
Burada yapılan işlem, eklediğiniz dosyanın türünün ne olduğunu type ile belirtmek. Eğer eklediğiniz type, oynatıcı tarafından destekleniyorsa çalışır.
[crayon lang=”html”]Müziğinizin adı[/crayon]
Desteklenmeyen bir type eklediyseniz çalışmayacak. Aşağıdaki örnekte göreceğiniz gibi mp3 dosyanız çalışıyor olsa bile type resim dosyasını gösterdiği için çalışmayacaktır.
[crayon lang=”html”]Şarkınızın adı[/crayon]
Tabindex Özelliğini Kullanmak:
Varsayılan olarak linkleri hangi sırayla eklediyseniz, oynatıcıda o sırayla görünecek. Bunu değiştirmek isterseniz tabindex kullanabilirsiniz.
[crayon lang=”html”]ikinci şarkıilk şarkı[/crayon]
tabindex ile şarkılara numara verip hangisinin önce çalacağını belirlemiş oluyoruz.
Title Özelliğini Kullanmak:
Oynatıcı içerisine eklediğiniz şarkının ismini title kullanarak ayarlayabilirsiniz. Title kullanmazsanız, Yahoo WebPlayer linkinizin ismini alarak oynatıcıda gösterecek.
[crayon lang=”html”]Gülpembe[/crayon]
Yukarıdaki örnekte title eklemeseydik oynatıcıda şarkının ismi Gülpembe olarak geçecekti. Title eklediğimiz için şarkının ismi Barış Manço – Gülpembe olarak görünecek.
Resim Ekleme Özelliğini Kullanmak:
Müzik çalarken aynı zamanda resim de görüntülensin istiyorsanız linkin içerisine resim ekleyebilirsiniz.
[crayon lang=”html”]Müzik[/crayon]
Kullanacağınız resim kare olmalı, dikdörtgen değil.
Resim etiketinizin içine style=”display:none” eklemeyi unutmayın. Bu sayede resim sitenizin ana sayfasında görüntülenmeyecek.
Noplay Sınıfını Kullanmak:
Listede görünmesini istemediğiniz bir şarkı varsa noplay kullanabilirsiniz.
[crayon lang=”html”]şarkı listenizde bu parça görünmeyecek[/crayon]
Htrack Sınıfını Kullanmak:
Eklediğiniz şarkıların listede görüntülenmesini istiyorsanız htrack sınıfını eklemelisiniz. Eklemediğiniz şarkılar listede görünmez.
[crayon lang=”html”]Listede Görünen Şarkı
Şarkı listede görünmez[/crayon]
Kendi Şarkı Listenizi Oluşturmak:
İsterseniz kendi şarkı listenizi hazırlayabilirsiniz. Bunun için öncelikle .xspf uzantılı dosyanızı oluşturmanız gerekiyor. XSPF dosyasının içeriği aşağıdaki gibidir.
[crayon] http://example.com/song.mp3
Artist
Albumhttp://example.com/art.jpg
[/crayon]
location: Şarkınızın linki
title: Şarkınızın başlığı
creator: Şarkının bestecisi
album: Album adı
image: Şarkı ile birlikte resim de görüntülensin istiyorsanız resmin linki. Resim kare olmalı, dikdörtgen değil.
Şarkı listenizin sitenize eklemek için aşağıdaki kodu kullanın.
[crayon lang=”html”]En Sevdiğim Şarkılar[/crayon]
Hepsi bu kadar.
Yorum Gönder