O ' silenciado ”A propriedade permite que os desenvolvedores controlem a reprodução do áudio, fornecendo-lhes a opção de ativar ou desativar o som do áudio de acordo com suas necessidades. Fornecer aos usuários finais a liberdade de ativar ou desativar o áudio melhora sua experiência de navegação. Além disso, o uso de JavaScript permite um controle dinâmico que proporciona melhor controle sobre a reprodução de áudio.
Este artigo descreverá o uso da propriedade HTML DOM audio silenciado usando JavaScript.
Como usar a propriedade HTML DOM Audio Muted em JavaScript?
O ' silenciado ”A propriedade é frequentemente usada para ativar ou desativar o áudio em uma página da web. Quando o valor de “ áudio.silenciado ”propriedade é definida como“ verdadeiro ”, o áudio fica silenciado e, para ativá-lo, o “ silenciado ”A propriedade precisa ser definida como“ falso ”. Além disso, a propriedade silenciado possui integração com outros controles de mídia e permite compatibilidade entre navegadores.
Sintaxe
A sintaxe da propriedade HTML DOM audio silenciado em JavaScript é indicada abaixo:
selecionadoObj.muted = verdadeiro | falso
Onde ' selecionadoObj ”É qualquer arquivo de áudio cujo áudio será silenciado. Esta propriedade pode armazenar apenas dois valores: “ verdadeiro ' ou ' falso ”. Se esta propriedade for definida como verdadeira, o arquivo de áudio será silenciado e vice-versa.
Agora, vamos examinar alguns exemplos para uma melhor compreensão do HTML DOM “ silenciado ' propriedade.
Exemplo 1: silenciando o arquivo de áudio
Neste exemplo, o arquivo selecionado será silenciado usando o botão “ silenciado ' propriedade. Por exemplo, visite o bloco de código abaixo:
< divisão >< h2 estilo = 'cor: verde mar;' > Propriedade de áudio DOM silenciado h2 >< br >
< áudio eu ia = 'demoÁudio' controles >
< fonte fonte = 'áudio.mp3' tipo = 'áudio/mpeg' >
áudio >
< br >
< botão ao clicar = 'muteSetter ()' > Definir como mudo botão >
divisão >
< roteiro >
deixar c=document.getElementById ( 'demoÁudio' ) ;
função muteSetter ( ) {
c.silenciado = verdadeiro ;
alerta ( 'Silenciado com sucesso!' )
}
roteiro >
Explicação do código:
-
- Primeiro, o pai “ divisão ”é criado o elemento que contém o“ <áudio> ”Tag com um id de“ demonstraçãoÁudio ”. Este elemento contém um único “ fonte ”Elemento que contém o endereço do arquivo de áudio selecionado junto com seu tipo.
- A seguir, é criado o botão que invoca o “ muteSetter() ”Função usando o“ ao clicar ”ouvinte de evento.
- Em seguida, digite o “