Help me!!! Why can firefox display normally but chrome cannot? about vue-audio-visual

[staskobzar]

Hello
Try to check web-developer javascript console and see if there any errors or warnings.
Sometimes it is CORS problem when audio source has different host or port then the page with the plugin.

[KunCheng-He]

@staskobzar Thank you very much
But I don't think it's a CORS issue, because in Chrome, the network shows that the audio requests are responding normally and not being intercepted.

In addition, when loading the page, I did not find any abnormal output in Chrome's console.

[staskobzar]

it is hard to say then what is wrong.
However, you are using source in <audio> element. You should use it only in useAVLine function.

Also, try to use different source and see if it makes any difference. Just to make sure the problem is not audio source

[staskobzar]

@KunCheng-He oups, sorry
I mean, you shoud use ref is source of audio element
like it is done here: https://github.com/staskobzar/vue-audio-visual/blob/master/src/components/AVLine.vue

[KunCheng-He]

I have taken your advice and tried to change the audio link, but the result is still the same. It works fine in Firefox, but still not working properly in Chrome.

I find this question quite strange, and I currently don't have any idea about it. Thank you for your help.

[staskobzar]

try with a different source and if it works try to compare the traffic with console networking tab. Maybe there are some headers or content type or something else