Actualmente estoy tratando de hacer un control deslizante de volumen para mi sitio, debido al hecho de que conozco js muy, muy limitado, no puedo entender cómo.
código a continuación
var audio = new Audio("audio.mp3"); audio.volume = 1; audio.loop = true; document.onclick = function() { audio.play(); }Traté de usar ids, clases y más aún no funcionó para mí
Algo bastante simple podría funcionar para usted. Puede crear una entrada de rango en su archivo html y luego usar ese rango específico para crear un control deslizante de volumen
Control deslizante de volumen en html:
<input type="range" id="volume-slider">Luego podría usar ese control deslizante en js y convertir su valor para cambiar su volumen de esta manera:
let volume = document.getElementById('volume-slider'); volume.addEventListener("change", function(e) { audio.volume = e.currentTarget.value / 100; })Fuente de una respuesta similar: Control deslizante de volumen de audio Js