Você está aqui: JavaScript ::: Web Audio API ::: AudioContext

Como construir o contexto de áudio AudioContext da Web Audio API em JavaScript

Quantidade de visualizações: 355 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:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!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:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!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:

JavaScript ::: Dicas & Truques ::: Strings e Caracteres

Como testar se uma string contém uma determinada substring em JavaScript usando a função includes()

Quantidade de visualizações: 2506 vezes

O método includes() da linguagem JavaScript foi adicionado ao objeto String na revisão ECMAScript 2015, ou ES6, também chamado de ECMAScript 6.

Este método é chamado diretamente em uma variável do tipo string e retorna true se a palavra, frase ou texto possuir uma substring específica e false em caso contrário.

Veja um exemplo no qual verificamos se uma frase contém a palavra "JavaScript":

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>JavaScript 6</title>
</head>
 
<body>
 
<script type="text/javascript">
  var frase = "Gosto muito de HTML, PHP e JavaScript";
  
  if(frase.includes("JavaScript")){
    document.writeln("A frase contém a palavra JavaScript");  
  }
  else{
    document.writeln("A frase não contém a palavra JavaScript");  
  }
</script>
 
</body>
</html>

Ao executarmos este código JavaScript nós teremos o seguinte resultado:

A frase contém a palavra JavaScript

É importante ter em mente que a função includes() diferencia letras maiúsculas de letras minúsculas.

JavaScript ::: Dicas & Truques ::: Matemática e Estatística

JavaScript para matemática - Como obter o maior entre dois ou mais valores numéricos usando a função max() do JavaScript

Quantidade de visualizações: 10734 vezes

A função max() do objeto Math da linguagem JavaScript pode ser usada quando temos dois ou mais valores numéricos e gostaríamos de retornar o maior deles. Note que esta função não aceita um vetor (array) como argumento, ou seja, os valores devem ser fornecidos de forma literal ou passados como variáveis independentes.

Veja o código JavaScript completo para o exemplo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<html>
<head>
<title>Estudando JavaScript</title>
</head>
<body>

<script type="text/javascript">
  var n1 = 45;
  var n2 = 18;
  var maior = Math.max(n1, n2);
  document.write("O maior número é " + maior);
</script>
 
</body>
</html>

Ao executar este código nós teremos o seguinte resultado:

O maior número é 43

O retorno do método max() é um objeto Number representando o maior dos valores fornecidos. Se nenhum argumento for informado, o retorno será um objeto Infinity, enquanto um objeto NaN será retornado se algum dos valores fornecidos não for um valor numérico válido.

JavaScript ::: Dicas & Truques ::: Set (Conjunto)

Como converter um Set em um Array JavaScript usando a função Array.from()

Quantidade de visualizações: 1063 vezes

Em algumas situações nós gostaríamos de tratar um objeto Set da linguagem JavaScript como se ele fosse um Array, ou seja, um vetor (matriz de apenas uma linha e várias colunas). Para estes casos nós podemos usar o método Array.from(), adicionado à linguagem JavaScript na revisão ECMAScript 2015 (ES6 ou ECMAScript 6).

Este método recebe vários objetos, entre eles Map e Set, e retorna um array. Assim, veja um trecho de código no qual criamos um Set com três elementos, usamos o método Array.from() para obter um Array a partir dele e, em seguida, percorremos e exibimos os elementos do array.

Eis o código completo para o exemplo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>O objeto Set do JavaScript</title>
</head>
  
<body>

<script type="text/javascript">
  // vamos criar um novo conjunto contendo
  // 3 linguagens de programação
  var linguagens = new Set(["Java", "PHP", "Delphi"]);
  
  // agora vamos converter este Set em um Array
  var vetor = Array.from(linguagens);
  
  // vamos percorrer os elementos do vetor
  for(var i = 0; i < vetor.length; i++){
    document.writeln(vetor[i] + "<br>");  
  }
</script>
  
</body>
</html>

Ao executar este código nós teremos o seguinte resultado:

Java
PHP
Delphi

Vamos testar seus conhecimentos em Python

Qual das formas abaixo é válida para a criação de um DICIONÁRIO em Python?

A) estados = ["SP": "SÃO PAULO", "GO": "GOIÁS"]

B) estados = ("SP": "SÃO PAULO", "GO": "GOIÁS")

C) estados = set("SP": "SÃO PAULO", "GO": "GOIÁS")

D) estados = "SP": "SÃO PAULO", "GO": "GOIÁS"

E) estados = {"SP": "SÃO PAULO", "GO": "GOIÁS"}

Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Python

Qual o resultado da execução do seguinte código Python?

# função usada para trocar dois itens de posição em uma lista
def trocar_posicao(lista, pos1, pos2):
  lista[pos1], lista[pos2] = lista[pos2], lista[pos1]
  return lista
 
# cria uma lista
valores = [1, 2, 3, 4]
# define as posições de troca
pos1, pos2 = 0, 3
 
# chama a função de troca e retorna a nova lista 
print(trocar_posicao(valores, pos1, pos2))

A) [1, 4, 3, 2]

B) [3, 2, 4, 1]

C) [4, 2, 3, 1]

D) [4, 4, 3, 2]

E) [4, 3, 2, 1]

Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Python

Qual das formas abaixo é usada para criar uma LIST em Python?

A) valores = {5, 1, 9, 4}

B) valores = [5, 1, 9, 4]

C) valores = (5, 1, 9, 4)

D) valores = [5.. 1.. 9.. 4]

E) valores = list[5, 1, 9, 4]

Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em JavaScript

A linguagem JavaScript diferencia letras maiúsculas de letras minúsculas (case-sensitive)?

A) Sim

B) Não

Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Engenharia Civil - Construção Civil

Alvenaria: Técnicas construtivas

As alvenarias possuem espessuras variáveis, e o posicionamento dos tijolos ou blocos é item do projeto que influencia no desempenho da edificação e no isolamento térmico e acústico, por exemplo. Quando a alvenaria é erguida tendo tijolo maciço no sentido de sua menor espessura, denomina-se alvenaria de:

A) Meio tijolo.

B) Um tijolo.

C) Cutelo.

D) Um tijolo e meio.

E) Oca.

Verificar Resposta Estudar Cards Todas as Questões

Desafios, Exercícios e Algoritmos Resolvidos de JavaScript

Como subtrair dois números em JavaScript - O operador de subtração da linguagem JavaScript - Exercícios Resolvidos de JavaScript

Como testar se o argumento de uma função JavaScript é do tipo String - Exercícios Resolvidos de JavaScript

Como testar se uma variável é do tipo string em JavaScript - Exercício Resolvido de JavaScript

Como encontrar o menor valor em um array de inteiros em JavaScript - Exercícios Resolvidos de JavaScript

Como testar se uma string está vazia em JavaScript - Exercício Resolvido de JavaScript

Como somar dois números em JavaScript - O operador de adição da linguagem JavaScript - Exercícios Resolvidos de JavaScript

Como multiplicar dois números em JavaScript - O operador de multiplicação da linguagem JavaScript - Exercício Resolvido de JavaScript

Ler três números inteiros e indicar se eles estão em ordem crescente ou decrescente - Exercícios Resolvidos de JavaScript

Veja mais Dicas e truques de JavaScript

Como ordenar um array de strings em ordem alfabética em JavaScript - Vetores e matrizes em JavaScript

Como remover o último elemento de um array

Como verificar se uma variável já foi inicializada

Como verificar se uma string é um valor númerico válido

Cookies em JavaScript - Como verificar a existência de um cookie usando JavaScript

Como exibir descrição dos links na barra de status

Como retornar o código ASCII ou Unicode associado a um caractere em JavaScript usando a função charCodeAt()

Como usar o objeto window em suas aplicações HTML + JavaScript

Apostila de JavaScript - Como converter de binário para decimal usando JavaScript

JavaScript Avançado - Como escrever uma função JavaScript que aceita um número variável de argumentos

Dicas e truques de outras linguagens

Java - Como adicionar ou subtrair horas à data atual usando o método add() e a constante Calendar.HOUR da classe Calendar do Java

PHP - Como criar vetores em PHP com a construção array() e usando inteiros como chaves

Python - Como converter Centímetros Cúbicos em Metros Cúbicos em Python - Python para Física e Engenharia

JavaScript - Como enviar um formulário via código - Enviar um formulário usando JavaScript - Como disparar o método submit() do form a partir de um link - Revisado

Java - Como comparar strings em Java usando os métodos compareTo() e compareToIgnoreCase() da classe String

C - Como calcular a transposta de uma matriz em C - Curso de C para Geometria Analítica e Álgebra Linear

Ruby - Como acessar variáveis de instâncias para leitura em Ruby sem a necessidade de métodos acessores usando a função attr_reader

Java - Como retornar o valor do item selecionado em um JComboBox do Java Swing usando a função getSelectedItem()

C# - Como comparar strings em C# usando o método Equals() da classe String

Python - Exercício Resolvido de Python NumPy - Como somar duas matrizes usando a biblioteca NumPy do Python

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e Fornecedores

Software de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais

Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: Delphi
6º lugar: C
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Você está aqui: JavaScript ::: Web Audio API ::: AudioContext

Como construir o contexto de áudio AudioContext da Web Audio API em JavaScript

JavaScript ::: Dicas & Truques ::: Strings e Caracteres

Como testar se uma string contém uma determinada substring em JavaScript usando a função includes()

JavaScript ::: Dicas & Truques ::: Matemática e Estatística

JavaScript para matemática - Como obter o maior entre dois ou mais valores numéricos usando a função max() do JavaScript

JavaScript ::: Dicas & Truques ::: Set (Conjunto)

Como converter um Set em um Array JavaScript usando a função Array.from()

Vamos testar seus conhecimentos em Python

Vamos testar seus conhecimentos em Python

Vamos testar seus conhecimentos em Python

Vamos testar seus conhecimentos em JavaScript

Vamos testar seus conhecimentos em Engenharia Civil - Construção Civil

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 650 Dicas e Truques de Python - Com comentários em Português

PDF COM 1.200 PÁGINAS

Apenas R$ 32,90