Demo Şarkı
WaveSurfer.js Demo
0:00 / 0:00
📊 Bu Örnekte Neler Var?
- Temel Dalga Formu: Ses dosyasının görsel temsili
- Renk Kodlaması: Yeşil (çalınan), Gri (çalınacak)
- İnteraktif: Dalga formuna tıklayarak istediğiniz yere atlayabilirsiniz
- Progress Tracking: Gerçek zamanlı ilerleme gösterimi
- Responsive: Pencere boyutuna uyum sağlar
🎯 Nasıl Çalışıyor?
WaveSurfer.create() - Instance oluşturmawavesurfer.load(url) - Ses dosyası yüklemewavesurfer.play() - Çalmaya başlawavesurfer.on('ready') - Hazır olduğunda eventwavesurfer.seekTo(progress) - Tıklama ile atlama