wx44wx/engine-v5-pipecat-core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update voice demo ui language

Browse Source
This commit is contained in:
Xin Wang
2026-06-02 13:29:19 +08:00
parent 89d0777830
commit 05389b1db0
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
examples/webpage/app.js
View File

@@ -175,11 +175,11 @@ function setConnectButton() {
els.connectBtn.disabled = true; els.connectBtn.disabled = true;
els.connectBtn.classList.remove("is-disconnect"); els.connectBtn.classList.remove("is-disconnect");
} else if (state.connected) { } else if (state.connected) {
els.connectBtn.textContent = "Disconnect"; els.connectBtn.textContent = "断开连接";
els.connectBtn.disabled = false; els.connectBtn.disabled = false;
els.connectBtn.classList.add("is-disconnect"); els.connectBtn.classList.add("is-disconnect");
} else { } else {
els.connectBtn.textContent = "Connect"; els.connectBtn.textContent = "连接";
els.connectBtn.disabled = false; els.connectBtn.disabled = false;
els.connectBtn.classList.remove("is-disconnect"); els.connectBtn.classList.remove("is-disconnect");
} }
@@ -683,7 +683,7 @@ function renderMicDevices() {
state.micDevices.forEach((device, index) => { state.micDevices.forEach((device, index) => {
const option = document.createElement("option"); const option = document.createElement("option");
option.value = device.deviceId; option.value = device.deviceId;
option.textContent = device.label || `Microphone ${index + 1}`; option.textContent = device.label || `麦克风 ${index + 1}`;
els.micSelect.appendChild(option); els.micSelect.appendChild(option);
}); });
@@ -1254,7 +1254,7 @@ async function connect() {
const chatId = inputChatId || generateChatId(); const chatId = inputChatId || generateChatId();
const url = wsUrlWithChatId(chatId); const url = wsUrlWithChatId(chatId);
if (!url) { if (!url) {
setStatus("error", "Missing URL"); setStatus("error", "缺少服务器地址");
return; return;
} }
@@ -1273,9 +1273,9 @@ async function connect() {
state.connecting = false; state.connecting = false;
state.chatId = ""; state.chatId = "";
if (!inputChatId) els.chatId.value = ""; if (!inputChatId) els.chatId.value = "";
setStatus("error", "Audio init failed"); setStatus("error", "音频初始化失败");
setConnectButton(); setConnectButton();
addWsLog("error", `audio init failed: ${err.message || err}`, "error"); addWsLog("error", `音频初始化失败：${err.message || err}`, "error");
return; return;
} }
@@ -1287,9 +1287,9 @@ async function connect() {
state.connecting = false; state.connecting = false;
state.chatId = ""; state.chatId = "";
if (!inputChatId) els.chatId.value = ""; if (!inputChatId) els.chatId.value = "";
setStatus("error", "Bad URL"); setStatus("error", "服务器地址无效");
setConnectButton(); setConnectButton();
addWsLog("error", `bad websocket URL: ${err.message || err}`, "error"); addWsLog("error", `WebSocket 地址无效：${err.message || err}`, "error");
return; return;
} }
ws.binaryType = "arraybuffer"; ws.binaryType = "arraybuffer";
@@ -1350,7 +1350,7 @@ async function connect() {
ws.addEventListener("error", (err) => { ws.addEventListener("error", (err) => {
console.error("WebSocket error", err); console.error("WebSocket error", err);
setStatus("error", "Connection error"); setStatus("error", "连接错误");
addWsLog("error", "websocket error", "error"); addWsLog("error", "websocket error", "error");
}); });

12
examples/webpage/index.html
View File

@@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="zh-CN">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -79,7 +79,7 @@
<p class="camera-drawer__eyebrow">拍照</p> <p class="camera-drawer__eyebrow">拍照</p>
<h2>拍照步骤</h2> <h2>拍照步骤</h2>
</div> </div>
<span id="camera-state" class="camera-drawer__state">State -</span> <span id="camera-state" class="camera-drawer__state">状态 -</span>
</div> </div>
<div id="camera-preview" class="camera-drawer__preview"> <div id="camera-preview" class="camera-drawer__preview">
@@ -93,7 +93,7 @@
<img <img
id="camera-photo" id="camera-photo"
class="camera-drawer__photo" class="camera-drawer__photo"
alt="Selected image preview" alt="已选择图片预览"
/> />
<span class="camera-drawer__corner camera-drawer__corner--tl"></span> <span class="camera-drawer__corner camera-drawer__corner--tl"></span>
<span class="camera-drawer__corner camera-drawer__corner--tr"></span> <span class="camera-drawer__corner camera-drawer__corner--tr"></span>
@@ -166,10 +166,10 @@
<section class="chat" aria-label="对话记录"> <section class="chat" aria-label="对话记录">
<div id="chat-log" class="chat__log" role="log" aria-live="polite"> <div id="chat-log" class="chat__log" role="log" aria-live="polite">
<div class="chat__empty"> <div class="chat__empty">
<p>Connect to the engine, enable your mic, and start talking.</p> <p>连接服务、开启麦克风后即可开始对话。</p>
<p class="chat__hint"> <p class="chat__hint">
Audio is streamed as PCM16 mono @ 16&nbsp;kHz over 音频通过 <code>/ws-product</code> 以 PCM16 单声道 16&nbsp;kHz
<code>/ws-product</code>. 传输。
</p> </p>
</div> </div>
</div> </div>