音效 · 分实例覆盖规则（可选） · 使用教程

它是什么

同一个「触发位置」下，往往有很多长得不一样的元素。比如「按钮点击」位置，全站所有按钮默认都用同一个音效；但你可能想让**「加入购物车」按钮用一种更清脆的音，「立即购买」按钮**用另一种。

「分实例覆盖规则」就是干这个的：在某个位置内部，按条件挑出特定元素，给它单独换音效 / 音量。没命中的，继续用这个位置的默认音效。

它是可选的。不填任何规则，该位置就统一用上面的默认设置。

三种匹配方式

怎么加一条规则

在对应位置的「分实例覆盖规则（可选）」里点「添加一条规则」，填：

1. 匹配方式：选上面三种之一。

1. 匹配值：
   • url → 填网址里的关键词，如 download、/vip/
   • selector → 填 CSS 选择器，如 .buy-btn、#submit-order
   • component → 填类名片段，如 vip、cart

1. 该实例音源 / 预设音效 / 自定义音频 / 音量：这一条命中的元素用什么音、多大声音。

匹配值为空的一行会被自动忽略，可以放心留着不填。

示例

例 1：让「下载」链接用 success 成功音

• 位置：链接点击

• 匹配方式：链接 URL 包含

• 匹配值：download

• 该实例音源：预设音效库 → success

效果：点任意正常链接还是默认音，点地址里带 download 的链接时，播「成功」提示音。

例 2：让「立即购买」按钮用自定义音

• 位置：按钮点击

• 匹配方式：元素选择器

• 匹配值：.buy-now

• 该实例音源：自定义上传音频 → 上传你的 buy.mp3

效果：普通按钮用默认音，点 .buy-now 按钮播你上传的音。

例 3：让所有 vip 元素用 toggleOn 开关音

• 位置：卡片点击

• 匹配方式：组件/类名包含

• 匹配值：vip

• 该实例音源：预设音效库 → toggleOn

效果：类名里带 vip 的卡片，点击时播「开关开」音。

顺序与优先级

• 规则从上到下匹配，命中第一条就生效（后面的不再判断）。

• 想让更具体的规则优先，把它排在上面。

• 没命中任何规则 → 用该位置的默认音效（位置顶部「预设音效 / 音量」）。

和「全局排除选择器」配合

• 排除选择器：整个区域彻底不出声（硬静音）。

• 分实例规则：同一个位置里换音效（不是静音，是换声）。

• 两者可同时用，不冲突。

路径：后台「盒子主题设置 → 音效管理 →（某位置，如 按钮点击）→ 分实例覆盖规则（可选）」