音频播放器是访客看到并点击的界面。您可以更改其配色、在页面上的位置、尺寸以及显示的控件。保存前可实时预览效果。
打开播放器设置页面
前往 文字转语音 → 播放器。该页面分为五个部分：
- 位置
- 颜色
- 进度条样式
- 显示的控件
- 实时预览
您所做的每项更改都会同步更新页面底部的预览。
位置
播放器在文章中显示的位置。请选择其中一项：
- 标题前：显示在文章标题上方
- 标题后：显示在标题与第一段之间
- 内容后：显示在文章末尾（默认）
- 摘要前：仅在归档或博客列表视图中显示
- 摘要后：在归档页中显示于文章摘要之后
- 粘性底栏（PRO）：访客滚动时固定在页面底部
对于大多数博客，标题后 或 内容后 效果最佳。固定栏选项请参阅 粘性底部播放器。
颜色
三个颜色选择器控制播放器的外观：
- 背景：播放器的表面颜色
- 文字：标题和时间显示的颜色
- 强调色 / 播放：播放按钮、进度填充和激活图标的颜色
选择与您主题匹配的颜色。预览会实时更新。
提示： 如果您的主题使用 CSS 变量，可以通过自定义 CSS 覆盖这些颜色。请参阅 自定义 CSS。
进度条样式
两个选项：
- 线性：标准水平进度条（默认）
- 波形（PRO）：视觉波形样式，每篇文章生成独特的波形图案
波形样式为每篇文章增添个性，非常适合播客风格的内容。它基于 SVG，不会明显增加页面加载体积。请参阅 波形进度条。
显示的控件
每个控件都是简单的开 / 关切换。需要显示时开启，希望界面更简洁时关闭。
- 播放 / 暂停：始终开启（无法关闭）
- 当前时间和总时长
- 播放速度（0.5x、1x、1.25x、1.5x、2x）
- 音量
- 下载
- 循环
- 信息图标（显示音色名称和语言）
为了无障碍访问，建议保持 时间显示、速度 和 下载 开启。
实时预览
页面底部会准确显示访客看到的效果。点击后会播放一小段示例文本。每次更改都会更新预览。
满意后点击顶栏中的 保存更改。更改会立即应用于所有含音频的文章。
移动端适配
播放器支持响应式布局，会针对较小屏幕自动调整：
- 屏幕宽度低于 480px 时：下载和信息控件折叠进菜单
- 屏幕宽度低于 320px 时：循环和速度控件完全隐藏，仅保留播放和时间
动态 CSS 缓存
您的颜色设置会缓存 12 小时，避免每次页面加载时重新生成 CSS。保存更改时，缓存会自动清除。如果仍看到旧颜色，请强制刷新页面（Ctrl+Shift+R）。