Newly available 主要ブラウザで対応済みだが、古いバージョンでは未対応の場合がある。

概要

HTMLMediaElement.preservesPitch は再生速度を変更した際に、音声のピッチ(音の高さ)を元のまま維持するかどうかを制御します。

対応ブラウザ

デスクトップ

Chrome 86+
Edge 86+
Safari 17.2+
Firefox 101+

モバイル

Chrome Android 86+
Safari iOS 17.2+
Firefox Android 101+

基本構文

JAVASCRIPT
const video = document.querySelector('video');
video.playbackRate = 2.0;
video.preservesPitch = true; // 2倍速でもピッチ維持
// false にすると速度に応じてピッチも変化

実務での使いどころ

  • preservesPitch の活用

    preservesPitch。再生速度変更時にピッチを維持するプロパティ。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。