12 Aralık 2012 Çarşamba

Flash Mp3 Çalar Eklentisi

35 yorum
“Bir blogda en gereksiz 3 şey nedir?” diye bir soru sorsanız listeye eleyeceğim şeylerden biri mutlaka müzik çalardır. Ancak herkesin düşüncesi ve tarzı farklı olduğu için bloguna müzik çalar eklemek isteyen çok kişi ulaştı iletişim formuyla. Onlara geçici birkaç çözüm önerdikten sonra her bloga uyacak pratik bir müzik çalar scripti aramaya başladım ve sonunda istediğim gibi bir script buldum.

Fransız bir sitede Dewplayer isimli bir flash script bularak bunu bir Blogger eklentisine çevirdim. Her tasarıma uyması için birkaç farklı versiyonunu paylaşacağım. İstediğiniz versiyonun altındaki kodları Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek açılan pencereye ekleyin. 

1. Classic Versiyon
classic-mp3player

<object type="application/x-shockwave-flash" data="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>






2. Mini Versiyon


mini-mp3player




<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>






3. Vol Versiyon


vol-mp3player







<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>






4. Bubble Versiyon


buuble-mp3player







<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>






Çalacak Şarkıyı Belirleme





Çalmasını istediğiniz şarkının bağlantısını kırmızı renkle yazdığım yere yazmalısınız. Bilgisayarınızda bulunan bir mp3’ün çalmasını istiyorsanız, o dosyayı öncelikle Dropbox’a yüklemelisiniz. Daha sonra aynı benim yaptığım gibi Dropbox üzerindeki bağlantıyı kırmızı renkle gösterdiğim yere yazmalısınız. Dropbox nedir? Nasıl kullanılır diyorsanız konuyla ilgili daha önce yazdığım yazıyı okuyabilirsiniz.








Yazı İçersine MP3 Çaları Ekleme





Yukarıda size gadget olarak ekleyebileceğinizi yazmıştım ama isterseniz bu mp3 çaları yazınızın içerisine de ekleyebilirsiniz. Bunun için Yeni Yayın  oluştur dedikten sonra HTML sekmesini açıp istediğiniz müzik çaların kodlarını buraya ekleyebilirsiniz.








Blogger Mp3 Çalar Ekleme





Takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Bu arada yazıyı arkadaşlarınızı paylaşmayı unutmayın :)

35 yorum:

  1. Merhaba,
    Sorunuzu çok iyi anladım. Sayfanın açılış hızını az da olsa etkilediği doğru ama gereksiz dememin nedeni tamamen şasi fikrim. Genel bir kural olarak algılamayın. Sadece hoşlanmadığım için öyle yazmıştım. İsterseniz elbette kullanabilirsiniz. Dinlemek istemeyen zaten sesi kapatır. Benim yaptığım gibi :)

    YanıtlaSil
  2. cevabınızın hızı karşısında size saygılarımı gönderiyorum hocam...
    teşekkür ederim.

    YanıtlaSil
  3. Bloga müzik eklemek güzel bir şey. Geçenlerde internette gezerken ben de hoş bir müzik oynatıcı ile karşılaştım, çok yönlü özellikleri de mevcut. Ayrıca kolaylıkla da bloga eklenebiliyor. En önemli özelliği ise blogun ya en üstüne ya da en altına eklenebilmesi. Bunun gibi birçok özelliği mevcut.
    http://scmplayer.net/

    YanıtlaSil
  4. eğer şarkı aniden çalıyorsa korkutuyor resmen.. hemen çıkıyorum o sayfadan.

    YanıtlaSil
  5. @ihtiyar
    Neyse ki bunun play butonuna basmadan şarkı çalmıyor.

    YanıtlaSil
  6. Hocam Bir Şey Sorucam Siz Etiket Kullanıyor musunuz ? Hiç Göremiyorum da :D

    Bide Ben Dizi Sayfası kullanıyorum bir ara türkiye sıralamam vardı şimdi yok onu nasıl geri türkiye sıralamasına girebilirim.

    YanıtlaSil
  7. Hocam Tekaradan Ben Bu sorun bende bir eklenti ekledikten sonra böyle oldu hocam şablonları açtığımda her zaman bu geliyor şablonu ve tasarımı değiştiremiyorum !

    http://beniaffetdizi2.blogspot.com/b/app-preview?token=2fnbkjsBAAA.YVcWo2cimujaCE8BU2_8nw.FX015lue_HLbUFGeQ_k5dg

    YanıtlaSil
  8. Google Docs veya Yandex Disk'ede yüklesek çalışır mı Serdar Bey?

    YanıtlaSil
  9. @İlhami Sekiz
    Evet, çalışır.

    YanıtlaSil
  10. hocam yeri değil ama şu abone sayacı görünmüyor bir çok blogda siz nasıl yaptınız. paylaşırsanız sevinirim.

    YanıtlaSil
  11. ellerine sağlık abi daha önce sana mail yoluyla sormuştum. Makaleye birazdan eklicem eğer sorunla karşlaşırsam tekrardan yazarım.

    YanıtlaSil
  12. Evet playeri degistirerek albüm olarak da eklene biliyor ^_^ teşekkürler

    YanıtlaSil
  13. Hocam kasmayan bir mp3 player swfsi lazım bendede SCM player var blog yaklaşık 45 tane müzik var www.serkanturkel.blogspot.com blog hızını yavaşlattıgının farkındayım fakat frame ile direk net ve hızlı acılabilecegini düşünmekteyim.SCMnin mantıgıda frame ama javascript ile direk acılmasını saglayabiliriz bence.

    YanıtlaSil
  14. Uyguladım.
    Güzel ve kolay anlaşılır bir anlatım olmuş.
    Teşekkürler...

    YanıtlaSil
  15. Arkadaşımın laptop'undan bloga girdiğimde eklentinin çalışmadığını gördüm.Youtube videosu çalışıyordu ama.

    Sebebi ne olabilir sizce?

    YanıtlaSil
  16. @Zeugma
    Şarkının URL'si kısmına ne yazdınız?

    YanıtlaSil
  17. Kendi bilgisayarımda halen çalışıyor.Sorun yok
    Bütün tarayıcılarda hem de.

    Dropbox yükledim ve oradan aldığım linki sizin gösterdiğiniz kırmızı kısmın yerine kopyaladım.

    Şu şekilde:

    https://dl-web.dropbox.com/get/Photos/Sample%20Album/Evgeny%20Grinko%20-%20blizzard.mp3?w=155c9153

    YanıtlaSil
  18. Bu link sadece kendi bilgisayarınız üzerinde çalışır. Şarkıyı Dropbox içindeki public klasörüne yüklerseniz herkese açmış olursunuz. Şarkıyı public klasörüne atıp o linki kopyalayın.

    YanıtlaSil
  19. Tamam, anladım.
    O halde söylediklerinizi en kısa zamanda yapayım.
    Çözümü varmış, öğrenmiş oldum, yine sayenizde...
    Çok teşekkür ederim...

    YanıtlaSil
  20. Garip ama, bendeki Dropbox'ta public klasörü yok...
    Sample Album ve Photos dosyaları var sadece...

    YanıtlaSil
  21. Getting Startet.pdf dosyası var orada da.

    Public klasör'e ilişkin bir başlık gelmiyor anlayacağınız.
    Pdf tıklanınca açılan sayfa şu, başka da bir şey yok.
    https://dl-web.dropbox.com/get/Getting%20Started.pdf?w=81a0d102


    Ben sizi daha fazla yormayayım, epeyce uzattım işi...
    Çok teşekkürler tekrar hocam...

    YanıtlaSil
  22. https://www.dropbox.com/home

    sayfasının üst orta yerinde pembe bir butonla
    ''the public dosn't exit'' diye bir uyarı gelip 5 sn sonra kayboluyor.
    Bunu da son bilgi olarak ekleyeyim...

    YanıtlaSil
  23. Peki şöyle yapın. Zeugma isimli bir klasör oluşturup şarkıyı bu klasörün içine atın. Daha üst taraftaki küçük ikonlardan share a folder a tıklayarak bu klasörü paylaşıma açın.

    YanıtlaSil
  24. Söylediğinizi yapıp böyle bir link aldım.
    https://dl-web.dropbox.com/get/Photos/Sample%20Album/Zeugma/Evgeny%20Grinko%20-%20blizzard.mp3?w=46f57de1

    Bende yine çalışıyor, başka PC'lerde asla.
    Yani değişen bir şey olmamış...
    Hocam, boşverelim en iyisi..

    Yeter bu kadar zamanınızı aldığım...
    Çok çok teşekkürler...
    Saygılar...

    YanıtlaSil
  25. @Zeugma
    Public klasörünü ilk kurulumda eklemiyor şu bağlantıdan: https://www.dropbox.com/enable_public_folder etkinleştirmeniz gerekiyor.

    YanıtlaSil
  26. Söylediğinizi yaptım ve etkinleşti gerçekten.

    Çok teşekkür ederim...

    YanıtlaSil

  27. Blogger'ın yeni ara yüze geçmesiyle başlayan Google Friend Connect->İZLE sayfasında yaşadığım problem had safhaya çıktı. Seçtiğim bloglar başka bir profile toplanıyordu. Artık o bile mümkün değil.
    Açılan sayfada yazan sadece şu:
    Not Found
    Error 404

    Bu konunun çözümüyle ilgili bilginiz varsa yazabilir misiniz lütfen?
    Şimdiden teşekkürler...

    YanıtlaSil
  28. Yazdığımız yazıya nasıl müzik ekleyebiliriz?

    YanıtlaSil
  29. Bana acil cevap lazım açılır menü yapamadım sizlerin ki gibi bir blog istiyorum http://nedengenciz.blogspot.com/
    Lütfen yardım edin...

    YanıtlaSil
  30. Teşekkürler oldu. Şimdi sıra müzik url bulmakta..

    YanıtlaSil
  31. HEM MÜZİĞİ UPLOAD YAPIP NASIL DİNLEME EKLENTİSİ EKLİCEM YARDIMCI OLURMUSUNUZ

    YanıtlaSil
  32. Her seferinde tek tek kod ekleme derdiyle uğraşmadan ister playlist ister tek şarkılık mp3 çaldırmak için hazırladığım mp3 player eklentisi ile ilgili detaylar

    http://www.gokaydemirkiran.com/2014/11/blogger-icin-html5-player.html

    yardımcı olur belki arkadaşlara

    @bloghocam konu için de ayrı bir teşekkür ederim

    YanıtlaSil
  33. Arkadaşlar ben böyle bir mp3 player kullaıyorum isteyene yardımcı olabilirim
    http://kitaptakiadam.blogspot.com.tr

    YanıtlaSil

Picardes

LİNKLER