Cuma 24 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. Howler.js – JavaScript Ses Kütüphanesi
 Howler.js – JavaScript Ses Kütüphanesi
Arayüz JavaScript

Howler.js – JavaScript Ses Kütüphanesi

Yazar : Bilal UÇAR 21 Nisan 2017 0 Comment

Eski ses çalarlar, modern HTML5 sesi ve tarayıcı desteğinin hızlıca benimsenmesi sayesinde geçmişte kaldı. Ancak web tasarımcıları, Howler.js gibi temiz bir ses kitaplığı ile bir adım daha ileri gidebilir.

Bu ücretsiz açık kaynaklı JS kütüphanesi, özel dosyaları yerleştirilmiş standart biçimlerden ses dosyalarını çalmanızı sağlar. Howler, tam bir API ile gelir; bu nedenle, basit bir ses çalabilir, geniş bir oynatma listesi oluşturabilir veya tarayıcı içi HTML5 siteniz için arka plan müziği oluşturabilirsiniz.

Howler, ilk olarak 2013 yılının başında oluşturuldu ve birçok yineleme geçirdi. Şu anda, proje GitHub‘da 7k üzeri yıldıza sahip.

Howler MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC … gibi çeşitli dosya türleri ve codec bileşenlerini destekliyor.


Basit bir ses çalar istiyorsanız, HTML5 yeterlidir. Ancak Howler, müzik dosyalarının yükleme zamanlarını azaltmak için otomatik ön belleğe alma gibi öne çıkan birçok özelliğe sahiptir.

Howler, bağımlılığı olmayan saf bir JavaScript kütüphanesidir ve tüm önemli tarayıcıları desteklemektedir:

  • Chrome 7+
  • Internet Explorer 9+
  • Firefox 4+
  • Mobil Safari 6+
  • Opera 12+
  • Microsoft Edge (tüm sürümler)

Howler.js’deki her şey modülerdir, bu nedenle hangi özelliklerin ekleneceğini ve hangilerinin dışında bırakılacağını seçebilirsiniz. Bu, HTTP isteklerini önemli ölçüde azaltabilir, bu da ses oynatıcılarını daha kolay kullanmanızı sağlar.

Tüm dökümantasyonu Howler’in sitesinde GitHub repo’sunda bulabilirsiniz. Ayrıca hazır demoları Howler ‘ın sitesinden bulabilirsiniz. Aşağıda örnek olması açısından bir demo bulabilirsiniz.

Bu, web üzerindeki en geniş ses kütüphanesidir. Tarayıcı oyunları için FX ses efekti ve kullanıcının sayfada gezinip tıkladığında çağrılabilecek tekrarlanabilir sprite’leri içerir.

Aşağıda, CodePen’den Howler’ın yapabildiğinin küçük bir bölümünü gösteren bir bas ayarlama web uygulaması görebilirsiniz. Howler hakkında daha fazla bilgi edinmek isterseniz, dokümantasyonu bulmak ve en yeni sürümü indirmek için Howler GitHub repo‘yu ziyaret edin.

Bu makalede JavaScript ses kütüphanesi olan Howler.js ‘ten bahsettik. Bu konu hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: howler js nasıl kullanılır howler js nedir howler js örneği javascript audio library javascript ses kütüphanesi
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.