如果 DOM 中不存在视频/音频元素，如何设置 html5 视频/音频的播放速度

Question

How to change the playing speed of videos in HTML5? depicts a way of setting the playback speed of a html5 audio/video element, but the answers given in that question rely on the actual video/audio tag being present in the dom. The website - SoundCloud - in particular does not put the audio player in the DOM anywhere, but it still does use it internally. Since document.queryselector will not work, how can I set the playback rate?

Answer 1

You don't need to actually insert the audio tag into the DOM.

quick example here:

document.getElementById('play').addEventListener('click', event => {
    const audio = document.createElement('audio')
  audio.src = "https://www.w3schools.com/html/mov_bbb.mp4"
  audio.play()
})

https://jsfiddle.net/v4ma95L2/