JavaScript - Como jogar áudio?

Ao criar um site baseado em entretenimento, pode haver um requisito para incluir áudio para limpar o entendimento do usuário. Por exemplo, anexando áudio relevante para o conteúdo adicionado. Nesses casos, jogar áudio em javascript é de grande ajuda para envolver o público, aumentando assim o tráfego e melhorando a interação do usuário com o site.

Este artigo descreverá as abordagens para reproduzir áudio em javascript.

Como jogar áudio em javascript?

Para reproduzir áudio em JavaScript, aplique as abordagens abaixo do ponto em que estabelecidas:

• ““jogar()" e "pausa()" métodos.
• ““Reprodução automática" propriedade.

Método 1: reproduza o áudio usando o método "play ()" em javascript.

O "jogar()”O método reproduz o áudio atual e o“pausa()”Método impede o áudio sendo reproduzido. Esses métodos podem ser aplicados para reproduzir e pausar o áudio associado com a ajuda de uma função definida pelo usuário.

Exemplo

Vamos ver o exemplo abaixo do ponto abaixo:

Jogar
Pausa

Nas linhas de código acima:

• Em primeiro lugar, inclua um “”Elemento junto com o“Áudio”Atributo que permite incluir o jogo e pausar controles.
• Depois disso, inclua um “”Elemento para anexar o arquivo de áudio e especificar o tipo de arquivo no“tipo”Atributo.
• Na próxima etapa, crie dois botões com anexo “ONCLICK”Eventos que invocavam as funções declaradas para reproduzir e pausar o arquivo de áudio.
• Agora, no código JavaScript, busque o arquivo de áudio por seu “eu ia”Usando o“getElementById ()”Método.
• Em seguida, defina uma função chamada “Playaudio ()”.
• Em sua definição, aplique o “jogar()”Método para reproduzir o áudio associado.
• Da mesma forma, declare uma função “Pauseaudio ()", e a "pausa()”O método em sua definição fará uma pausa da mesma forma que o áudio correspondente.

Saída

Na saída, pode -se ver que o áudio incluído está sendo reproduzido e pausado corretamente.

Método 2: Reproduzir áudio usando a propriedade AutoPlay em JavaScript

Neste método, o “Reprodução automática”A propriedade permite o áudio assim que for carregado. Esta propriedade pode ser utilizada para reproduzir o áudio correspondente ao ser carregado.

Exemplo

O exemplo abaixo do ponto ilustra o conceito declarado:

Jogar
Áudio ()”Construtor, respectivamente.

Depois disso, defina uma função chamada “Playaudio ()”.

Em sua definição, ele gera um alerta para notificar o jogo de áudio.

Na próxima etapa, o “src”Atributo especifica o caminho do áudio.

O "Reprodução automática”Propriedade indica que o áudio será reproduzido quando a função for invocada.

““laço”Propriedade define que o arquivo de áudio será reproduzido até a próxima ação.

Por fim, da mesma forma, declare uma função chamada “Pauseaudio ()”.

Em sua definição, exiba uma caixa de diálogo alerta referente a uma notificação antes que o áudio seja pausado.

Saída

A saída acima indica que, ao clicar nos botões, o áudio foi reproduzido e pausado adequadamente.

Conclusão

Para reproduzir áudio em JavaScript, aplique o “jogar()" e "pausa()”Métodos em combinação ou“Reprodução automática" propriedade. Os métodos anteriores podem ser implementados para reproduzir e pausar o arquivo de áudio associado com a ajuda de controles, respectivamente. A última abordagem pode ser aplicada para reproduzir e pausar o arquivo de áudio assim que as funções correspondentes forem invocadas. Este artigo discutiu as abordagens para reproduzir áudio em javascript.