Creé un reproductor de audio HTML personalizado y tengo otro error con él en el móvil

Puede verlo aquí https://dolbydev.wpengine.com/audio-player/

Por alguna razón, cuando trato de ajustar el volumen con el control deslizante de rango de volumen, el volumen no cambia. Este problema solo está en el móvil.

Pensé que podría tener algo que ver con los detectores de eventos que estoy usando, pero no creo que ese sea el problema. touchend

También registré los valores en la consola y están cambiando al mover el control deslizante de volumen y probar en Safari de iOS

No sé cuál es el problema en el móvil. Alguien tiene alguna idea de por qué podría ser

 const volumeSlider = audioPlayerBlockContainer.getElementsByClassName('audioplayer_volume_slider')[0]; const isDevice = /ipad|iphone|ipod|android/i.test(window.navigator.userAgent.toLowerCase()) && !window.MSStream; const volumeSliderEvent = (isDevice ? 'touchend' : 'input') const audio1 = new Audio(audioFileSwitchOff); const audio2 = new Audio(audioFileSwitchOn); volumeSlider.addEventListener(volumeSliderEvent, (e) => { const value = e.target.value; audio1.volume = value / 100 audio2.volume = value / 100 console.log(volumeSliderEvent) console.log(`Audio 1: ${audio1.volume}`) console.log(`Audio 2: ${audio2.volume}`) })