admin/Toolbox
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web_order_box): 修复移动端音频和语音播放限制问题

Browse Source 
1. 调整响应式布局的最小高度阈值从420px改为300px
2. 添加unlockAudio和unlockSpeech函数，在用户手势上下文解锁浏览器自动播放限制
3. 优化播放逻辑，当音频上下文未解锁时跳过蜂鸣音播放
This commit is contained in:
yangxiangyuan
2026-07-30 16:31:38 +08:00
parent 1bf6d71201
commit 88ad9a5f06
2 changed files with 30 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/tools/web_order_box/order_box.css
+1 -1
View File
@@ -406,7 +406,7 @@ input[type='number'] { -moz-appearance: textfield; appearance: textfield; }
margin-top: 0;
}
@media (orientation: landscape) and (min-height: 420px), (min-width: 900px) {
@media (orientation: landscape) and (min-height: 300px), (min-width: 900px) {
.runner-container { padding: 18px 28px; padding-top: calc(12px + env(safe-area-inset-top)); }
.runner-header { margin-bottom: 10px; }
.runner-progress { margin-bottom: 12px; }