CSS 音高范围属性

简介

CSS 音高范围属性是一组用于指定音频元素音高的属性，可用于调整音频元素的播放速度和音高。这些属性可以让开发者在页面中自定义音频的音高，实现音频播放的灵活控制。

属性列表

1. audio.playbackRate

• 类型：数字
• 默认值：1
• 可选值：任意数字
• 描述：这个属性指定了音频元素的播放速度，1 表示正常速度。例如，值为 2 表示以两倍的速度播放音频，而值为 0.5 表示以一半的速度播放音频。

2. audio.detune

• 类型：数字
• 默认值：0
• 可选值：任意数字
• 描述：这个属性指定了音频元素的音高偏移量，用于改变音频的音高。正值会提高音高，负值会降低音高。默认值为 0，表示正常音高。

示例代码

调整音频速度

audio {
  playbackRate: 2; /* 以两倍速度播放音频 */
}

改变音频音高

audio {
  detune: -50; /* 降低音高 50 个单位 */
}

兼容性

CSS 音高范围属性的兼容性情况如下：

• playbackRate 属性：
  • Chrome: 6+
  • Firefox: 3.6+
  • Safari: 5+
  • Edge: 12+
  • IE: 不支持
• detune 属性：
  • Chrome: 6+
  • Firefox: 3.6+
  • Safari: 5+
  • Edge: 12+
  • IE: 不支持

请注意，这些属性可能在移动设备和不同浏览器上的兼容性会有所不同，建议在使用时进行测试。

更多兼容性信息可参考 Can I use 网站。

总结

CSS 音高范围属性提供了调整音频播放速度和音高的能力，通过设置这些属性，开发者可以实现对音频播放的灵活控制。需要注意的是，这些属性的兼容性可能有限，建议在使用前进行兼容性测试以确保在各个浏览器和设备上的正常使用。