[V1]@quasar/qmedia Dynamic audio source

pavarine

I’m using a q-media component with a :source prop that comes initially as a string that comes from the data() initial data of my component.

When certain events occurs on my component, I’m trying (in a method) to change the source of the q-media components like:

any_method() {
  this.cur_audio_url = "another_audio_url"
}

But the audio source is not changing. Is the source prop of q-media component intended to be reactive? Is that anything I can do to achiev such a thing?

<q-media-player
	  ref="audio_player"
	  type="audio"
	  background-color="black"
	  radius="1rem"
	  track-language="English"
	  :autoplay="true"
	  :source="cur_audio_url"
	  @loaded="audio_loaded"
	  @ready="audio_ready"
>

patryckx

@pavarine
I’m not sure, but I believe it’s not reactive.
Because you will initialize your player with the settings, not play with them in real time.
You will probably have to force update on the component.

pavarine

@patryckx Thanks for helping. What would be the best way to do this? I tried to set and reset some prop that actually is reactive (at least in the documentation the ‘muted’ props is passed as :muted, so I think it is reactive) but it also didn’t work.

Hawkeye64

@pavarine Can you add an issue and I will look into it in my next round of QMediaPlayer updates. Thanks.
https://github.com/quasarframework/app-extension-qmediaplayer/issues

digiproduct

@pavarine I think @Hawkeye64 is probably the best person to advise you on this

digiproduct

@Hawkeye64 you beat me to it by seconds

pavarine

Ok guys, I’ll do this… Thanks for attention…