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

Update voice demo camera drawer

Browse Source
This commit is contained in:
Xin Wang
2026-06-02 13:22:08 +08:00
parent aae751f3f3
commit 89d0777830
3 changed files with 42 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
examples/webpage/index.html
View File

@@ -108,51 +108,15 @@
<p id="camera-question" class="camera-drawer__question"></p>
<div
id="camera-samples"
class="camera-drawer__samples"
aria-label="示例图片，点击选择"
></div>
<div class="camera-drawer__sources">
<div class="camera-drawer__camera-row">
<label class="device-picker">
<span class="device-picker__label">摄像头</span>
<select
id="camera-device-select"
class="device-picker__select"
disabled
>
<option value="">默认摄像头</option>
</select>
</label>
<button
id="camera-start-btn"
class="mic-btn cam-btn"
type="button"
title="打开摄像头"
>
<svg
class="mic-btn__icon"
viewBox="0 0 24 24"
width="24"
height="24"
aria-hidden="true"
>
<path
d="M4 8h3l1.2-1.6A1 1 0 0 1 9 6h6a1 1 0 0 1 .8.4L17 8h3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1Z"
fill="none"
stroke="currentColor"
stroke-width="1.6"
/>
<circle
cx="12"
cy="13"
r="3.2"
fill="none"
stroke="currentColor"
stroke-width="1.6"
/>
</svg>
<span class="mic-btn__label">使用摄像头</span>
</button>
</div>
<label
class="btn btn--ghost camera-drawer__source camera-drawer__source--upload"
class="btn btn--ghost camera-drawer__source"
>
上传图片
<input
@@ -162,13 +126,30 @@
hidden
/>
</label>
<button
id="camera-start-btn"
class="btn btn--ghost camera-drawer__source"
type="button"
title="打开摄像头"
>
使用摄像头
</button>
</div>
<div
id="camera-samples"
class="camera-drawer__samples"
aria-label="示例图片，点击选择"
></div>
<label
id="camera-device-row"
class="device-picker camera-drawer__device-row"
hidden
>
<span class="device-picker__label">选择摄像头</span>
<select
id="camera-device-select"
class="device-picker__select"
disabled
>
<option value="">默认摄像头</option>
</select>
</label>
<button
id="camera-done-btn"