波形进度条

2 min read

视觉波形将替换标准线性进度条。每篇文章都有独特的图案,使每个播放器看起来各不相同。适用于 Pro 和 Agency 计划。

如何开启

  1. 前往 文字转语音 → 播放器
  2. 进度条样式 中,选择 波形
  3. 保存。

您网站上的所有音频播放器现在都将使用波形。

为什么每篇文章有独特的图案

波形由文章 ID 派生的种子生成。这意味着:

  • 每篇文章都有视觉上不同的波形
  • 同一篇文章始终显示相同的波形
  • 波形不代表实际音频(它是一种确定性视觉图案)

这比静态进度条美观得多,同时不增加任何文件大小 - 波形是一个包含 60 个条形的内联 SVG。

点击并拖动以跳转

波形支持交互操作:

  • 点击任意位置跳转到该位置
  • 点击并拖动位置指示器以快速浏览音频
  • 支持桌面端和触控设备

颜色

波形使用播放器设置中的两种颜色:

  • 进度默认颜色 - 未播放的条形
  • 进度播放颜色 - 播放头之后的条形

文字转语音 → 播放器 → 颜色 中进行更改。

性能

  • 波形是单个内联 SVG(每个播放器约 2 KB)
  • 不使用播放器已加载以外的任何 JavaScript
  • 不影响核心网页指标

免费用户的回退方案

即使选择了波形,免费计划用户仍会看到线性进度条 - 这是 PRO 功能。

相关页面