staskobzar / vue-audio-visual

VueJS audio visualization components
MIT License
687 stars 109 forks source link

problem in waveform #85

Closed nemesisKO closed 2 years ago

nemesisKO commented 2 years ago

DOMException: Unable to decode audio data my snippet:

import AvWaveform from 'vue-audio-visual/src/components/AvWaveform' <audio ref="foo"></audio> <av-waveform ref-link="foo" :audio-src="..." ></av-waveform>

by the way avBars works fine with this snippet

nemesisKO commented 2 years ago

DOMException: Unable to decode audio data my snippet:

import AvWaveform from 'vue-audio-visual/src/components/AvWaveform' <audio ref="foo"></audio> <av-waveform ref-link="foo" :audio-src="..." ></av-waveform>

by the way avBars works fine with this snippet

when i remove ref-link from component tag it works but i want to hide the html player

staskobzar commented 2 years ago

Hello, You need to put src to your "audio" element if you want to use external audio element. Do not use audio-src:

<audio ref="foo" src="file_example_MP3_1MG.mp3" controls></audio>
<av-waveform ref-link="foo"></av-waveform>