Wavesurfer.js add +plugins

aa başarılısızlıktan sonra javascript yazısı ne alaka,ne yapıyorsun gibi yorumlar gelebilir gelsede keşke :D,branşın yok gibi yorumlar gelebilir .Bu güzel kütüphaneyi tanıtayım ne işe yarar?
Web projelerinde zorlanılan kısımlardan biriside ses ile ilgilenen projelerdir.Bir abimle bir projeyi beraber yaparken bunu keşfettim.İşi baya kolaylaştırıyor.
https://wavesurfer-js.org/ bu resmi sitesi  https://github.com/katspaugh/wavesurfer.js buradan indirebilir kullanabilirsiniz .Canvas ve Web Audio kullanılarak ürettikleri kütüphane

ufak bir örnek yapalım.Wavesurferin kendi sunduğu örneği

design:index.html

<html>
<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.0.52/wavesurfer.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<div id="waveform"></div>
</body>
</html>


app.js: uygulama ayarlarını

var wavesurfer = WaveSurfer.create({ container: '#waveform', waveColor: 'violet', progressColor: 'purple' });

wavesurfer.load('audio.wav'); ekleyeceğiniz müzik


https://wavesurfer-js.org/examples/ buradada örnekler mevcut


GELELİM PLUGİNLERE

TABİKİ İLK KAYNAK KENDİ KAYNAĞI :https://wavesurfer-js.org/plugins/
Regions plugin






Hiç yorum yok:

Yorum Gönder