Hide controls?

[ricky11]

Is it possible to hide the default audio controls and show only the av line?

I know that i will need to create a custom player button but i want to hide the default audio controls)

current audio-controls="false" does not work, also in the console it says it is expecting boolean and got string, but even if i do audio-controls=false that does not work either.

what i would like ideally is similar to the av media, which is to show the line based on the current media, but in av line's case it will show the wave form based on the audio-src, which will be muted at first upon page refresh.

any suggestions please.

[staskobzar]

to treat it as a boolean you need to prepend colon ":"

:audio-controls="false"

this is vue way to handle attributes

[ricky11]

Thank you, i thought the : binding was only if the data was reactive, given that false is just a inline boolean i would not need the binding, anyway thanks it worked.

i was previously doing like this with the ref-link, and the <audio without the controls attribute.

  <audio color="white" ref="foo" :src="vidUrl"></audio>
  <av-waveform canv-width="300" :audio-controls="false" class="memoClass" played-line-color="#b7c6c7" playtime-with-ms="false" playtime-text-bottom="true" playtime-font-color="white" noplayed-line-color="white" ref-link="foo"/>