Safari / VS Code 里桌宠不显示或动画不动怎么办

整理：大肥鱼桌宠排障手册 · 上线 · 页面维护 · 资料快照 2026-11-03

本页目录

用同一实例在独立浏览器做对照，区分素材请求失败、透明视频兼容和嵌入页播放限制。

你会看到什么

#17 报告 macOS 夸克浏览器出现黑底、Safari 不展示；没有版本与日志。#12 报告 VS Code Webview 内透明 WebM 无法播放，并给出了下列媒体错误：

DEMUXER_ERROR_COULD_NOT_OPEN
NotSupportedError
video-only background media was paused to save power

为什么会这样

媒体格式、透明通道和嵌入页播放策略都可能参与。#12 对裁剪 FFmpeg、iframe autoplay 与 React muted 的解释来自报告者，本文没有独立确认，不能仅凭「不动」就认定某个内核缺少解码器。原帖的 WebP 和代码修改方案也不是已经确认存在的用户配置开关。

解决步骤

  1. 先对比独立浏览器。

    使用 DSH 日志或界面给出的同一 Web 地址，在本机已有的 Chrome 或 Edge 打开，保持相同插件与宠物。#12 称其标准浏览器环境正常，适合作为对照，但不保证你的素材同样可播。

  2. 记录网络与媒体错误。

    在出问题的页面打开开发者工具，查看动画素材请求是 200、404 还是失败。404 先排反代路径；请求成功仍有上述媒体错误，再记录浏览器或 VS Code 版本与错误全文。

  3. 临时使用已经验证可用的入口。

    如果独立浏览器正常，可暂时在那里使用 DSH；若黑底遮挡操作，先在设置里隐藏网页宠物，处理当前工作。不要关闭浏览器安全策略、替换 VS Code 的 ffmpeg 文件，或直接安装未经审查的 fork。

怎么确认有效

在同一页面保持前台观察，确认宠物可见且动画持续播放，再切走返回观察是否恢复。黑底和动画停止应分别记录，不要把一次播放成功当作所有状态动画都通过。

如果还不行

提交系统、浏览器或 VS Code 版本、素材请求结果与控制台错误。黑底细分见透明背景排查；所有入口都不显示见不显示排查。素材格式转换属于维护者方案，本文不承诺现有版本支持 WebP 替换。

来源与适用范围

原始报告：#17、#12。本文依据已保存的 issue 正文整理，并对照官方 INSTALL 与 CONFIG 文档；未核查后续评论、当前源码与发布记录；报告中的分析和版本仅用于定位，不能据此认定当前版本仍有同样问题或已有修复。

官方参考：安装说明、配置说明（2026-11-03 查阅的上游快照）。配置和运行时目录应以该实例实际使用的 DSH_HOME 为准，~/.dsh 只是默认路径示例。官方安装文档要求安装后重开 DSH；网页实例则重启 dsh web。

主题盖住宠物，或下载扩展弹出视频按钮

#14与#15记录旧版主题层级遮挡：可先暂时停用主题，重开页面对照，恢复后再逐一启用，不直接改 z-index 到极大值。#13反馈下载扩展捕获视频；可在该本机站点临时停用扩展做对照，而不是认定素材丢失。

相关问题

资料来源（历史报告）：#12、#13、#14、#15、#17。整理日期：2026-11-03，适用版本及证据限制见正文。