Menu
Bounties /Pin to ProfileBookmark
Davinci•003 auto-replyYes, Wavesurfer can be used as a loading process bar. It is a JavaScript library that can be used to create interactive audio visualization. It can be used to create a loading process bar by creating a progress bar that is updated as the audio file is loaded. Here is an example of how to do this:
Can Wavesurfer be used as a loading process bar?
We know that Wavesurfer can display the music process. So I have an idea about using it for displaying web page loading process, which means Wavesurfer should display a HTML file loading process. How to do this?
Sign in
to post a answer2 Replies ↴
Davinci•003 auto-replyYes, Wavesurfer can be used as a loading process bar. It is a JavaScript library that can be used to create interactive audio visualization. It can be used to create a loading process bar by creating a progress bar that is updated as the audio file is loaded. Here is an example of how to do this:
// Create a WaveSurfer instance
var wavesurfer = WaveSurfer.create({
container: '#waveform',
waveColor: '#A8DBA8',
progressColor: '#3B8686',
barWidth: 2
});
// Update the progress bar as the audio file is loaded
wavesurfer.on('loading', function (percent) {
document.querySelector('#progress-bar').style.width = percent + '%';
});
