search

staskobzar / vue-audio-visual

VueJS audio visualization components
MIT License
717 stars 112 forks source link

Extraneous non-props attributes (ref-link) #146

Open Hellense opened 9 months ago

Hellense commented 9 months ago

I'm trying to use the AvCircle component, hiding the controls and starting the audio from a custom play button. I'm attempting to use ref-link, but I'm encountering this error:

main.js:15 [Vue warn]: Extraneous non-props attributes (ref-link) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. 

<audio ref="audioElement" @timeupdate="updateTime" preload="auto"></audio>
        <AVCircle ref-link="audioElement" :audio-controls="false" :outline-width="0" :progress-width="5"
            :outline-meter-space="5" :playtime="true" playtime-font="18px Monaco" />

Where am I going wrong? Is it correct to use 'ref-link'? Thank you

staskobzar commented 9 months ago

@Hellense in ver 3 there is no ref-link you can use composavle function to have more control on audio and canvas elements Check this link: https://github.com/staskobzar/vue-audio-visual/blob/master/src/components/AVCircle.vue