Problems in index.html

[Ladbaby]

Problem Description

In web frontend:

• websocket connection status shows disconnected
• clicking on the microphone button in the frontend does not change the on/off status

How to reproduce

follow the basic setup process as described in Wiki:

• git clone https://github.com/t41372/Open-LLM-VTuber
• conda create -n my_env python=3.11, conda activate my_env
• pip install -r requirements.txt

Nothing else is changed, including conf.yaml.

Now launch the program via python server.py, and the problems above can be reproduced.

My workaround

Websocket problem is caused by a force value overwrite when the frontend is connected via http:// (but not file://)

Open-LLM-VTuber/static/index.html

Line 156 in e09442f

wsUrl.value = "/client-ws";

change it to wsUrl.value = "ws://127.0.0.1:12393/client-ws"; did solve the websocket connection problem, but it still makes the input area in front end useless.

For the other microphone problem, it was caused by inappropriate initialization of myvad, which is only initialized in start_mic()

Open-LLM-VTuber/static/index.html

Line 408 in e09442f

myvad.pause();

adding if (myvad == null) await init_vad(); also in stop_mic() solves the problem.

(PS: 用英文说明只是因为担心其他人有遇到类似的问题)