Banner

Sitenize/Blogunuza Yahoo WebPlayer Ekleyin

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:

Gri temayı eklemek için gereken kod:

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Hepsi bu kadar.

Share Button

Comments of this post

Levent ERKOÇ

Levent ERKOÇ
11 Temmuz 2012

Merhaba Polat
Sana çok teşekkür ediyorum.Bu paylaşımın için.
Ben sitemde Mıxpod kullanıyordum ama Yahoo'nun bu player'ı daha çok hoşuma gitti.
Senin sayende , sitemde uygulamaya başladım bile.
Tekrar emeklerine sağlık diyorum.

[Cevapla]

P_Buyukarslan Yanıtladı:

Rica ederim. Benim için zevkti. Yardımcı olabildiysem ne mutlu bana.

[Cevapla]

P_Buyukarslan Yanıtladı:

Rica ederim. Benim için zevkti. Yardımcı olabildiysem ne mutlu bana.

[Cevapla]

SelamOradaki.Net

SelamOradaki.Net
29 Temmuz 2012

Bende tamda internette böyle bir şey arıyordum paylaşım içi çok teşekkürler 🙂

[Cevapla]

P_Buyukarslan Yanıtladı:

Rica ederim. 🙂

[Cevapla]

P_Buyukarslan Yanıtladı:

Rica ederim. 🙂

[Cevapla]

Önceki yazıyı okuyun:
Genç Blog Yazarlarına Tavsiyeler

Özellikle son zamanlarda, kardeşim yaşındaki gençlerin blog yazmaya hevesli olması hoşuma gidiyor. Fakat bununla birlikte de yapılan hatalar bir hayli...

Kapat