imadovitch / Music-Player-App-built-with-Vue.js-Vue3-and-Howler.js

music-player-app-built-with-vue-js-vue3-and-howler-js-six.vercel.app
41 stars 11 forks source link

Preloader #2

Open thefubon opened 1 year ago

thefubon commented 1 year ago

Hello. Please tell me how to make Loader as an additional color in the srollbar of the track. Or when I press play instead of it appeared spinner and the field as the track is loaded appeared an icon pause?

Снимок экрана 2022-11-14 в 23 00 58
thefubon commented 1 year ago

I found it in the original, but I don't know how to add it to Vue

var elms = ['track', 'timer', 'duration', 'playBtn', 'pauseBtn', 'prevBtn', 'nextBtn', 'playlistBtn', 'volumeBtn', 'progress', 'bar', 'wave', 'loading', 'playlist', 'list', 'volume', 'barEmpty', 'barFull', 'sliderBtn'];
onload: function() {
          // Start the wave animation.
          wave.container.style.display = 'block';
          bar.style.display = 'none';
          loading.style.display = 'none';
        },
// Show the pause button.
    if (sound.state() === 'loaded') {
      playBtn.style.display = 'none';
      pauseBtn.style.display = 'block';
    } else {
      loading.style.display = 'block';
      playBtn.style.display = 'none';
      pauseBtn.style.display = 'none';
    }