Is it possible to update canvas-width dynamically on run-time? about vue-audio-visual

[staskobzar]

Hello,
Unfortunately, there is no way to change canvas size when element is rendered. The values are not dynamic.
If you need something simple like couple different known dimensions, then you can toggle show the elements. Use v-show in place of v-if. For example:

    <button @click="toggleBool=!toggleBool">toggle {{ toggleBool }}</button>
    <av-waveform v-show="!toggleBool"
      audio-src="file_example_MP3_1MG.mp3"
      :canv-width="180"
      :canv-height="40"
    ></av-waveform>
    <av-waveform v-show="toggleBool"
      audio-src="file_example_MP3_1MG.mp3"
      :canv-width="300"
      :canv-height="80"
    ></av-waveform>

However, there is a problem with that: the playtime will be different for both elements when they are played.
Something more complicated has to be developed.

[finn-dev]

Hi
Thanks for your reaching out.
Just solved problem with flag, and loading sound source file again with timestamp.

Thank you.

[andreasvirkus]

@finn-dev How did you make the waveform load again with the old timestamp? For now, I'm incrementing a key in a ResizeObserver, but that resets the audio player