Fala turma! Estou quebrando a cabeça tentando criar uma barrinha de controle de volume pra não deixar a música de fundo estourando o tempo todo. Não queria abaixar diretamente pelo código pq queria ter essa opção de aumentar e diminuir quando quiser. Alguém tem uma dica de qual seria o caminho certo? Por onde devo começar?
Oii, Lucas! Tudo bem?
Como sugestão, é utilizando o elemento HTML5 <input type="range">. Com esse elemento, você pode criar uma barra deslizante que permite ao usuário ajustar o volume. Depois, estilize a barra como desejar no CSS. Aqui e importante ter o áudio no formato correto e que funcione bem.
Para dar funcionalidade ao controle de volume, você pode criar um arquivo JS. Utilize o .getElementByIDpara obter referências aos elementos do DOM, como controlar o deslize de volume, o elemento de valor e de áudio. Juntamente com o evento addEventListener para controlar o deslize de volume que irá monitorá as mudanças de entrada do usuário.
Como apoio para esse estudo, recomendo alguns links úteis para o seu desenvolvimento:
Obs: As páginas podem abrir em inglês, caso não se sinta confortável com o idioma, clique com o botão direito do mouse em qualquer parte da página e escolha a opção "Traduzir para o português".
Espero ter ajudado de alguma forma. Continue interagindo no fórum compartilhando suas dúvidas, projetos e sugestões.
Bons estudos, Lucas!