 |
Você está aqui: JavaScript ::: Web Audio API ::: AudioContext |
Como construir o contexto de áudio AudioContext da Web Audio API em JavaScriptQuantidade de visualizações: 590 vezes |
|
Não importa o tipo de aplicação que você deseja construir usando a Web Audio API, o primeiro passo é a construção e retorno de um objeto AudioContext. Este objeto é uma interface representando um conjunto de módulos de áudio agrupados, cada um representando um nó, ou seja, um AudioNode. Tudo que fazemos na Web Audio API acontece dentro de um contexto de áudio AudioContext. Por essa razão, é sempre recomendável termos uma instância deste objeto na nossa aplicação e o reutilizarmos sempre que necessário. Então, vamos aprender a criar o contexto de áudio? Veja o seguinte código JavaScript:
<!doctype html>
<html>
<head>
<title>Estudos Web Audio API</title>
</head>
<body>
<script language="javascript">
// vamos criar um objeto AudioContext
const contexto = new AudioContext();
// o objeto foi criado com sucesso?
if(contexto){
window.alert("Objeto AudioContext criado com sucesso");
}
else{
window.alert("Erro ao criar o AudioContext");
}
</script>
</body>
</html>
Se o objeto AudioContext tiver suporte no navegador nós teremos o seguinte resultado: Objeto AudioContext criado com sucesso. Porém, alguns navegadores ainda não dão suporte ao construtor AudioContext(). Assim, temos que testar a existência do objeto window.AudioContext ou window.webkitAudioContext. Veja:
<!doctype html>
<html>
<head>
<title>Estudos Web Audio API</title>
</head>
<body>
<script language="javascript">
// vamos criar um objeto AudioContext
const AudioContext = window.AudioContext
|| window.webkitAudioContext;
const contexto = new AudioContext();
// o objeto foi criado com sucesso?
if(contexto){
window.alert("Objeto AudioContext criado com sucesso");
}
else{
window.alert("Erro ao criar o AudioContext");
}
</script>
</body>
</html>
Como o objeto AudioContext é essencial para o funcionamento de toda a aplicação Web Audio API, certifique-se de que ele foi criado com sucesso antes de continuar a execução das demais partes do seu código. |
 Link para compartilhar na Internet ou com seus amigos: |
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Dicas e truques de outras linguagens |
|
Java - Estruturas de dados em Java - Como obter a quantidade de nós em uma árvore binária usando Java |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
