wait4xandGLM-5.3
76b6b6b022
- 灯箱：.lb-act class+图标真实挂载（T1 的 python replace 对 i18n 化后
文案静默失配成死代码——replace 无 assert 的教训）；清 560px 媒体
查询内整段重复规则
- 样张图注：斜体行内裸 <video>/<audio> 字面量化（markdown 渲染成
真元素：黑盒+吞文字）；指南加图注警示
- Artalk 建议项：输入框边界加深一档（--line 白底近不可见）；暗色
发送按钮换深字（白字压浅底 2.4:1 低于 AA）
验证: build 23 页；样张页 video 元素 2→1（幽灵元素消失）；
node tests/e2e.mjs 30/30 PASS；复验图 18/19 待视觉确认
Spec: 2026-10-25_add-media-and-polish
Co-authored-by: GLM-5.3
33 lines
1.3 KiB
Markdown
33 lines
1.3 KiB
Markdown
---
|
||
title: "媒体支持样例"
|
||
pubDate: 2026-10-25
|
||
category: tech
|
||
tags: [test, hidden]
|
||
# 视觉/管线测试样张：draft:true 会被 getStaticPaths 全链路过滤（无静态产物），
|
||
# 故用非 draft + hidden 标记保证 /archives/media-sample/ 产物存在；视觉测试完成后应删除本篇
|
||
draft: false
|
||
---
|
||
|
||
本篇为三媒管线样张：验证 markdown 图片、HTML5 视频/音频在构建链路中的处理，供视觉回归与多端适配测试使用（hidden 标记，勿收录）。
|
||
|
||
## 图片（markdown 语法，构建期经 sharp 优化）
|
||
|
||
|
||
|
||
*图注写法：斜体单独成段，photos 目录样片副本（1600×2400 竖幅）。*
|
||
|
||
## 视频（raw HTML，H.264 320×240，ffmpeg testsrc2 生成）
|
||
|
||
<!-- 视/音频走 public/media/ 绝对路径：raw HTML 相对引用不经打包器（曾实测 404），
|
||
与写作指南“大视频走仓外 store 的 /media/ 命名空间”对齐 -->
|
||
|
||
<video controls preload="metadata" width="320" height="240" src="/media/media-sample/sample-video.mp4"></video>
|
||
|
||
*原生 `<video>` 控件，无 JS；源文件 45KB，faststart 已开启。*
|
||
|
||
## 音频（raw HTML，440Hz 正弦波 mp3）
|
||
|
||
<audio controls preload="metadata" src="/media/media-sample/sample-audio.mp3"></audio>
|
||
|
||
*原生 `<audio>` 控件；源文件 18KB。*
|