Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Can't load Dynamic Mix when i use https domain to access! #1091

Open
piwawa opened this issue May 14, 2024 · 4 comments
Open

Can't load Dynamic Mix when i use https domain to access! #1091

piwawa opened this issue May 14, 2024 · 4 comments

Comments

@piwawa
Copy link

piwawa commented May 14, 2024

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.

image

Meanwhile, none of the 3 processes showed any errors:
fast worker:

- *** --- * --- .> concurrency: 3 (prefork)
-- ******* ---- .> task events: OFF (enable -E to monitor tasks in this worker)
--- ***** ----- 
 -------------- [queues]
                .> fast_queue       exchange=fast_queue(direct) key=fast_queue
                

[tasks]
  . api.celery.debug_task
  . api.tasks.create_dynamic_mix
  . api.tasks.create_static_mix
  . api.tasks.fetch_youtube_audio

[2024-05-14 16:22:01,050: WARNING/MainProcess] /home/bingo06/AIGC/spleeter-web/env/lib/python3.9/site-packages/celery/worker/consumer/consumer.py:507: CPendingDeprecationWarning: The broker_connection_retry configuration setting will no longer determine
whether broker connection retries are made during startup in Celery 6.0 and above.
If you wish to retain the existing behavior for retrying connections on startup,
you should set broker_connection_retry_on_startup to True.
  warnings.warn(

[2024-05-14 16:22:01,056: INFO/MainProcess] Connected to redis://localhost:6379/0
[2024-05-14 16:22:01,056: WARNING/MainProcess] /home/bingo06/AIGC/spleeter-web/env/lib/python3.9/site-packages/celery/worker/consumer/consumer.py:507: CPendingDeprecationWarning: The broker_connection_retry configuration setting will no longer determine
whether broker connection retries are made during startup in Celery 6.0 and above.
If you wish to retain the existing behavior for retrying connections on startup,
you should set broker_connection_retry_on_startup to True.
  warnings.warn(

[2024-05-14 16:22:01,059: INFO/MainProcess] mingle: searching for neighbors
[2024-05-14 16:22:02,066: INFO/MainProcess] mingle: all alone
[2024-05-14 16:22:02,083: INFO/MainProcess] celery@zernithos ready.

slow worker:

- *** --- * --- .> concurrency: 3 (prefork)
-- ******* ---- .> task events: OFF (enable -E to monitor tasks in this worker)
--- ***** ----- 
 -------------- [queues]
                .> slow_queue       exchange=slow_queue(direct) key=slow_queue
                

[tasks]
  . api.celery.debug_task
  . api.tasks.create_dynamic_mix
  . api.tasks.create_static_mix
  . api.tasks.fetch_youtube_audio

[2024-05-14 16:22:01,070: WARNING/MainProcess] /home/bingo06/AIGC/spleeter-web/env/lib/python3.9/site-packages/celery/worker/consumer/consumer.py:507: CPendingDeprecationWarning: The broker_connection_retry configuration setting will no longer determine
whether broker connection retries are made during startup in Celery 6.0 and above.
If you wish to retain the existing behavior for retrying connections on startup,
you should set broker_connection_retry_on_startup to True.
  warnings.warn(

[2024-05-14 16:22:01,076: INFO/MainProcess] Connected to redis://localhost:6379/0
[2024-05-14 16:22:01,076: WARNING/MainProcess] /home/bingo06/AIGC/spleeter-web/env/lib/python3.9/site-packages/celery/worker/consumer/consumer.py:507: CPendingDeprecationWarning: The broker_connection_retry configuration setting will no longer determine
whether broker connection retries are made during startup in Celery 6.0 and above.
If you wish to retain the existing behavior for retrying connections on startup,
you should set broker_connection_retry_on_startup to True.
  warnings.warn(

[2024-05-14 16:22:01,077: INFO/MainProcess] mingle: searching for neighbors
[2024-05-14 16:22:02,083: INFO/MainProcess] mingle: all alone
[2024-05-14 16:22:02,097: INFO/MainProcess] celery@zernithos ready.

Spleeter Web:

Django version 4.2.11, using settings 'django_react.settings'
Starting development server at http://0.0.0.0:48000/
Quit the server with CONTROL-C.

[14/May/2024 16:22:28] "GET / HTTP/1.1" 200 519
[14/May/2024 16:22:30] "GET /api/source-track/ HTTP/1.1" 200 16153
[14/May/2024 16:22:35] "GET /media/uploads/730e0fd2-82e9-4907-8103-f14daa82497c/%E5%91%A8%E6%9D%B0%E5%80%AB%20Jay%20Chou%E6%93%B1%E6%B7%BA%20Step%20Aside%20-%20%E6%90%81%E6%B5%85.webm HTTP/1.1" 200 4477711
[14/May/2024 16:22:41] "GET /api/source-track/ HTTP/1.1" 200 16153
[14/May/2024 16:22:46] "GET /media/uploads/72239f71-f702-4951-9bec-169a1df905af/LeLe%20Farley%20feat.%20DeDe%20Harlan%20-%20Earths%20Afterparty.webm HTTP/1.1" 200 3274782
[14/May/2024 16:22:52] "GET /api/source-track/ HTTP/1.1" 200 16153
[14/May/2024 16:22:52] "GET /mixer/aae0016e-71d3-40fd-a02c-18e69818da99/ HTTP/1.1" 200 519
[14/May/2024 16:22:54] "GET /api/mix/dynamic/aae0016e-71d3-40fd-a02c-18e69818da99/ HTTP/1.1" 200 1415

BTW, I have set this ENABLE_CROSS_ORIGIN_HEADERS=1 in the .env.
@JeffreyCA
Copy link
Owner

Can you share any errors from your web browser's developer tool console and network log?

@piwawa
Copy link
Author

piwawa commented May 16, 2024

https://tmtliu-my.sharepoint.com/:u:/g/personal/guji_tmtliu_onmicrosoft_com/EZccS447CZxNqZ_JE0XiqigByhtXss6oUiSmjFYr8ppOww?e=TNVDW7

password:5566

I have recorded a complete network log using Chrome DevTools.

@piwawa
Copy link
Author

piwawa commented May 16, 2024 

  * 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

@JeffreyCA
Copy link
Owner

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:

image

The WAV files are 40+MB in size but after downloading 10 MB or so it fails. Can you check your web server configuration?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@JeffreyCA @piwawa