Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
HTMLMediaElement: preservesPitch-Eigenschaft
Baseline 2023Newly available
Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
DieHTMLMediaElement.preservesPitch-Eigenschaft legt fest, ob der Browser die Tonhöhe des Audios anpassen sollte, um Änderungen der Wiedergabegeschwindigkeit, vorgenommen durch das Setzen vonHTMLMediaElement.playbackRate, auszugleichen.
Wert
Ein boolescher Wert, der standardmäßig auftrue gesetzt ist.
Beispiele
Festlegen der preservesPitch-Eigenschaft
In diesem Beispiel haben wir ein<audio>-Element, ein Bereichssteuerungselement, das die Wiedergabegeschwindigkeit anpasst, und ein Kontrollkästchen, daspreservesPitch festlegt.
Versuchen Sie, das Audio abzuspielen, dann die Wiedergabegeschwindigkeit anzupassen und das Kontrollkästchen zu aktivieren und zu deaktivieren.
<audio controls src="https://mdn.github.io/webaudio-examples/audio-basics/outfoxing.mp3"></audio><div> <label for="rate">Adjust playback rate:</label> <input type="range" min="0.25" max="3" step="0.05" value="1" /></div><div> <label for="pitch">Preserve pitch:</label> <input type="checkbox" name="pitch" checked /></div>div { margin: 0.5rem 0;}const audio = document.querySelector("audio");document.getElementById("rate").addEventListener("change", (e) => { audio.playbackRate = e.target.value;});document.getElementById("pitch").addEventListener("change", (e) => { audio.preservesPitch = e.target.checked;});Spezifikationen
| Specification |
|---|
| HTML # dom-media-preservespitch-dev |