Open piwawa opened 4 months ago
Can you share any errors from your web browser's developer tool console and network log?
password:5566
I have recorded a complete network log using Chrome DevTools.
* Tone.js v14.8.26 *
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
(anonymous) @ vendors.js:2
e.context._context.latencyHint @ vendors.js:2
qo @ vendors.js:2
Go @ vendors.js:2
XlTo @ vendors.js:2
l @ runtime.js:1
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
at @ vendors.js:2
(anonymous) @ vendors.js:2
XlTo.vt @ vendors.js:2
(anonymous) @ vendors.js:2
XlTo.a @ vendors.js:2
createConstantSource @ vendors.js:2
createConstantSource @ vendors.js:2
bi @ vendors.js:2
yi @ vendors.js:2
_i @ vendors.js:2
Ei @ vendors.js:2
ki @ vendors.js:2
Ii @ vendors.js:2
(anonymous) @ vendors.js:2
(anonymous) @ vendors.js:2
initialize @ vendors.js:2
get transport @ vendors.js:2
XlTo @ vendors.js:2
l @ runtime.js:1
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
start @ vendors.js:2
start @ vendors.js:2
yi @ vendors.js:2
_i @ vendors.js:2
Ei @ vendors.js:2
ki @ vendors.js:2
Ii @ vendors.js:2
(anonymous) @ vendors.js:2
(anonymous) @ vendors.js:2
initialize @ vendors.js:2
get transport @ vendors.js:2
XlTo @ vendors.js:2
l @ runtime.js:1
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
TypeError: Failed to fetch
(anonymous) @ main.js:2
p @ main.js:2
(anonymous) @ main.js:2
(anonymous) @ main.js:2
vi @ main.js:2
c @ main.js:2
Navigated to https://sp.hxliu.tech/mixer/aae0016e-71d3-40fd-a02c-18e69818da99/
* Tone.js v14.8.26 *
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
(anonymous) @ vendors.js:2
e.context._context.latencyHint @ vendors.js:2
qo @ vendors.js:2
Go @ vendors.js:2
XlTo @ vendors.js:2
l @ runtime.js:1
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
at @ vendors.js:2
(anonymous) @ vendors.js:2
XlTo.vt @ vendors.js:2
(anonymous) @ vendors.js:2
XlTo.a @ vendors.js:2
createConstantSource @ vendors.js:2
createConstantSource @ vendors.js:2
bi @ vendors.js:2
yi @ vendors.js:2
_i @ vendors.js:2
Ei @ vendors.js:2
ki @ vendors.js:2
Ii @ vendors.js:2
(anonymous) @ vendors.js:2
(anonymous) @ vendors.js:2
initialize @ vendors.js:2
get transport @ vendors.js:2
XlTo @ vendors.js:2
l @ runtime.js:1
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
start @ vendors.js:2
start @ vendors.js:2
yi @ vendors.js:2
_i @ vendors.js:2
Ei @ vendors.js:2
ki @ vendors.js:2
Ii @ vendors.js:2
(anonymous) @ vendors.js:2
(anonymous) @ vendors.js:2
initialize @ vendors.js:2
get transport @ vendors.js:2
XlTo @ vendors.js:2
l @ runtime.js:1
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
TypeError: Failed to fetch
(anonymous) @ main.js:2
p @ main.js:2
(anonymous) @ main.js:2
(anonymous) @ main.js:2
vi @ main.js:2
c @ main.js:2
Promise.then (async)
vi @ main.js:2
i @ main.js:2
(anonymous) @ main.js:2
(anonymous) @ main.js:2
(anonymous) @ main.js:2
is @ vendors.js:2
pl @ vendors.js:2
t.unstable_runWithPriority @ vendors.js:2
Uo @ vendors.js:2
fl @ vendors.js:2
Js @ vendors.js:2
(anonymous) @ vendors.js:2
t.unstable_runWithPriority @ vendors.js:2
Uo @ vendors.js:2
Go @ vendors.js:2
Yo @ vendors.js:2
Ks @ vendors.js:2
enqueueSetState @ vendors.js:2
x.setState @ vendors.js:2
(anonymous) @ main.js:2
Promise.then (async)
(anonymous) @ main.js:2
value @ main.js:2
is @ vendors.js:2
pl @ vendors.js:2
t.unstable_runWithPriority @ vendors.js:2
Uo @ vendors.js:2
fl @ vendors.js:2
Js @ vendors.js:2
Ks @ vendors.js:2
Rl @ vendors.js:2
(anonymous) @ vendors.js:2
tl @ vendors.js:2
zl @ vendors.js:2
t.render @ vendors.js:2
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
Navigated to https://sp.hxliu.tech/mixer/aae0016e-71d3-40fd-a02c-18e69818da99/
vendors.js:2 * Tone.js v14.8.26 *
vendors.js:2 The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
(anonymous) @ vendors.js:2
e.context._context.latencyHint @ vendors.js:2
qo @ vendors.js:2
Go @ vendors.js:2
XlTo @ vendors.js:2
l @ runtime.js:1
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
vendors.js:2 The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
at @ vendors.js:2
(anonymous) @ vendors.js:2
XlTo.vt @ vendors.js:2
(anonymous) @ vendors.js:2
XlTo.a @ vendors.js:2
createConstantSource @ vendors.js:2
createConstantSource @ vendors.js:2
bi @ vendors.js:2
yi @ vendors.js:2
_i @ vendors.js:2
Ei @ vendors.js:2
ki @ vendors.js:2
Ii @ vendors.js:2
(anonymous) @ vendors.js:2
(anonymous) @ vendors.js:2
initialize @ vendors.js:2
get transport @ vendors.js:2
XlTo @ vendors.js:2
l @ runtime.js:1
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
vendors.js:2 The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
start @ vendors.js:2
start @ vendors.js:2
yi @ vendors.js:2
_i @ vendors.js:2
Ei @ vendors.js:2
ki @ vendors.js:2
Ii @ vendors.js:2
(anonymous) @ vendors.js:2
(anonymous) @ vendors.js:2
initialize @ vendors.js:2
get transport @ vendors.js:2
XlTo @ vendors.js:2
l @ runtime.js:1
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
main.js:2 TypeError: Failed to fetch
(anonymous) @ main.js:2
p @ main.js:2
(anonymous) @ main.js:2
(anonymous) @ main.js:2
vi @ main.js:2
c @ main.js:2
Promise.then (async)
vi @ main.js:2
i @ main.js:2
(anonymous) @ main.js:2
(anonymous) @ main.js:2
(anonymous) @ main.js:2
is @ vendors.js:2
pl @ vendors.js:2
t.unstable_runWithPriority @ vendors.js:2
Uo @ vendors.js:2
fl @ vendors.js:2
Js @ vendors.js:2
(anonymous) @ vendors.js:2
t.unstable_runWithPriority @ vendors.js:2
Uo @ vendors.js:2
Go @ vendors.js:2
Yo @ vendors.js:2
Ks @ vendors.js:2
enqueueSetState @ vendors.js:2
x.setState @ vendors.js:2
(anonymous) @ main.js:2
Promise.then (async)
(anonymous) @ main.js:2
value @ main.js:2
is @ vendors.js:2
pl @ vendors.js:2
t.unstable_runWithPriority @ vendors.js:2
Uo @ vendors.js:2
fl @ vendors.js:2
Js @ vendors.js:2
Ks @ vendors.js:2
Rl @ vendors.js:2
(anonymous) @ vendors.js:2
tl @ vendors.js:2
zl @ vendors.js:2
t.render @ vendors.js:2
2YZa @ main.js:2
l @ runtime.js:1
t @ runtime.js:1
r @ runtime.js:1
(anonymous) @ vendors.js:2
When you load a dynamic mix page, the browser will download all 4 tracks in parallel in the background and when completed, the Play button becomes active.
I tried loading the page and it looks something on the server side is interrupting the download:
The WAV files are 40+MB in size but after downloading 10 MB or so it fails. Can you check your web server configuration?
No matter how long I wait, it remains in the loading state. If i use
127.0.0.1:48000
to access, it will load quickly.Meanwhile, none of the 3 processes showed any errors: fast worker:
slow worker:
Spleeter Web:
BTW, I have set this
ENABLE_CROSS_ORIGIN_HEADERS=1
in the.env
.