8
respostas

O SOM NÃO SAI

Alura Midi

<section class="teclado">
<button  onclick ="tocaSomPom()" class=tecla tecla_pom">Pom</button>
<button class="tecla tecla_clap">Clap</button>
<button class="tecla tecla_tim">Tim</button>

<button class="tecla tecla_puff">Puff</button>
<button class="tecla tecla_splash">Splash</button>
<button class="tecla tecla_toim">Toim</button>

<button class="tecla tecla_psh">Psh</button>
<button class="tecla tecla_tic">Tic</button>
<button class="tecla tecla_tom">Tom</button>
<audio src="sounds/keyq.wav" id="som_tecla_pom"></audio>
<audio src="sounds/keyw.wav" id="som_tecla_clap"></audio>
<audio src="sounds/keye.wav" id="som_tecla_tim"></audio>
<audio src="sounds/keya.wav" id="som_tecla_puff"></audio>
<audio src="sounds/keys.wav" id="som_tecla_splash"></audio>
<audio src="sounds/keyd.wav" id="som_tecla_toim"></audio>
<audio src="sounds/keyz.wav" id="som_tecla_psh"></audio>
<audio src="sounds/keyx.wav" id="som_tecla_tic"></audio>
<audio src="sounds/keyc.wav" id="som_tecla_tom"></audio>

<script src="main.js"></script>
8 respostas

Dai fiz uma alteração e mesmo assim o som não sai.

function tocasom_pom () { document.querySelector('#som_tecla_pom').play(); }

document.querySelector('.tecla_pom').onclick = tocasom_pom;

Oi, Jocenice, tudo bem?

Para que o código funcione é necessário utilizar o mesmo nome da função atribuído na propriedade onclick da tag <button> referente ao botão "Pom". Além disso, não é necessário usar o seguinte trecho de código: document.querySelector('.tecla_pom').onclick = tocasom_pom;. Dessa forma o código no HTML e no JavaScript ficaria assim:

<section class="teclado">
    <button onclick="tocaSomPom()" class=tecla tecla_pom">Pom</button>
    <button class="tecla tecla_clap">Clap</button>
    <button class="tecla tecla_tim">Tim</button>
    <button class="tecla tecla_puff">Puff</button>
    <button class="tecla tecla_splash">Splash</button>
    <button class="tecla tecla_toim">Toim</button>
    <button class="tecla tecla_psh">Psh</button>
    <button class="tecla tecla_tic">Tic</button>
    <button class="tecla tecla_tom">Tom</button>
</section>
<section>
    <audio src="sounds/keyq.wav" id="som_tecla_pom"></audio>
    <audio src="sounds/keyw.wav" id="som_tecla_clap"></audio>
    <audio src="sounds/keye.wav" id="som_tecla_tim"></audio>
    <audio src="sounds/keya.wav" id="som_tecla_puff"></audio>
    <audio src="sounds/keys.wav" id="som_tecla_splash"></audio>
    <audio src="sounds/keyd.wav" id="som_tecla_toim"></audio>
    <audio src="sounds/keyz.wav" id="som_tecla_psh"></audio>
    <audio src="sounds/keyx.wav" id="som_tecla_tic"></audio>
    <audio src="sounds/keyc.wav" id="som_tecla_tom"></audio>
</section>

<script src="main.js"></script>
function tocaSomPom () {
    document.querySelector('#som_tecla_pom').play();
}

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Boa tarde! Revisei o assunto e não consegui fazer funcionar a tecla pom.

Vou deixar meu github aqui pra vcs me ajudarem.

Obrigada

https://github.com/joicemonteiros/aluramidi-curso-arquivos-iniciais-4-

Oi, Jocenice, tudo bem?

Dei uma verificada no seu repositório e notei três arquivos que você não precisa manter que são: 'tocaSomPom.js', 'debug.log' e 'ChromeSetup(4).exe'.

Com relação ao seu projeto, no arquivo 'main.js' você definiu a função tocaSom_Pom(), mas no seu arquivo 'index.html' você está utilizando a função alert com a mensagem 'Pom' no onclick da tag <button>.

Com as correções o seu código ficaria assim:

 <button onclick="tocaSom_Pom()" class=tecla tecla_pom>Pom</button>

Com essa alteração o som deve tocar. Espero que dê tudo certo. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Bom dia Rodrigo, tudo bem?

Fiz as alterações e ainda continua sem som.

<section class="teclado">
    <button onclick="tocaSom_Pom()" class=tecla tecla_pom>Pom</button>
    <button class="tecla tecla_clap">Clap</button>
    <button class="tecla tecla_tim">Tim</button>
    
    function tocaSom_Pom () {
    document.querySelector('#som_tecla_pom').play();  
}

C:\Users\Joice\Downloads\IMG_20240612_092720_HDR.jpg

Oi, Jocenice, tudo bem?

Fiz os teste novamente aqui e deixei o arquivo funcionando corretamente. Encaminho o link de uma pasta no drive onde você pode baixar os mesmos arquivos que utilizei nos testes. Basta clicar no link para baixar o projeto.

Em seguida, peço que você descompacte o projeto, clicando em cima da pasta no botão direito do mouse e selecionando a opção "Extrair tudo…" e clicar no botão "Extrair".

Em seguida você pode abrir a pasta no VS Code clicando em "File" e selecionar a opção "Open Folder", buscar pela basta que você acabou de descompactar e clicar em "Abrir".

Por fim, usando o Live Server, você irá abrir o arquivo "index.html" no seu navegador e testar a tecla "Pom".

Lembre-se de verificar se o som no seu computador está ativo. para isso clique no canto inferior direito da tela no ícone de volume e aperte para ver se está ativo.

Imagem do volume do windows ativo

Também é importante verificar se você está com o som do navegador habilitado. Para isso, clique em cima da aba do "Alura MIDI" com o botão direito do mouse e verifique se há uma opção de "Ativar som do site". Caso esteja com essa mensagem, peço que clique nesta opção, mas se estiver com a mensagem "Desativar som do site", é sinal de que o som está funcionando corretamente.

Imagem para verificar se o som do navegador está ativo

Com essas verificações e rodando o projeto que enviei o som deve funcionar.

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Olá Rodrigo, bom dia! A tecla do Pom está funcionando! Organizar as outras agora.

Obrigada!

Oi, Jocenice,

Fico feliz que tenha dado tudo certo e agora você esteja conseguindo ouvir o som da tecla.

Abraços e bons estudos!