3

Peguei um exemplo na net em JavaScript que captura o áudio do dispositivo e com um botão na página é possível gravar o áudio e exportar o mesmo:

Neste código segue temos os botões:

<button onclick="startRecording(this);">record</button>
<button onclick="stopRecording(this);" disabled>stop</button>

A partir deles vai comando para startRecording para iniciar a gravação

function startRecording(button) {
    recorder && recorder.record();
    button.disabled = true;
    button.nextElementSibling.disabled = false;
    __log('Recording...');
}

e stopRecording para parar a gravação

function stopRecording(button) {
    recorder && recorder.stop();
    button.disabled = true;
    button.previousElementSibling.disabled = false;
    __log('Stopped recording.');

    // create WAV download link using audio data blob
    createDownloadLink();
    //recorder.clear();
  }

Nesta function tem uma chamada para a função createDownloadLink() que até onde entendi deveria criar um link para download do áudio gravado anteriormente e ai esta o problema, o link não esta criando.

function createDownloadLink() {
  recorder && recorder.exportWAV(function (blob) {
      var url = URL.createObjectURL(blob);
      var li = document.createElement('li');
      var au = document.createElement('audio');
      var hf = document.createElement('a');

      au.controls = true;
      au.src = url;
      hf.href = url;
      hf.download = new Date().toISOString() + '.wav';
      hf.innerHTML = hf.download;
      li.appendChild(au);
      li.appendChild(hf);
      recordingslist.appendChild(li);
  });
}

Como habilitar o link para fazer o download do áudio quando clicar em Stop?

4
  • você já tem o base64 do arquivo gerado? 24/11/2015 às 18:07
  • não tenho, como seria e pra que serve?
    – BSilva
    24/11/2015 às 18:15
  • Qual o valor da var url? Você já tem ela? Se tiver basta criar uma tag a para realizar o download. 24/11/2015 às 18:24
  • Debuguei agora e quando chega no 'stopRecording / createDownloadLink();' nem entra na 'function createDownloadLink()'. porém coloquei o mouse em cima do URL.cre... e aparece o caminho "localhost:59564/example_simple_exportwav.html" e o resultado deste link da erro: Causas mais prováveis: * O diretório ou arquivo especificado não existe no servidor Web. * A URL contém um erro tipográfico. * Um filtro ou módulo personalizado, como URL Scan, restringe o acesso ao arquivo.
    – BSilva
    24/11/2015 às 18:41

1 Resposta 1

2

Este repositório realmente está faltando alguns arquivos, e não ficaria viável colocar ele aqui. O repositório completo você pode encontrar neste github.

E o tutorial completo de como utilizar, você verá aqui.

Fonte: NusoftHq / Audioec.

Utilizando o Chrome 46 não funcionou em meu computador. Porém no firefox 42 funciona normalmente.

1
  • perfeito, muito obrigado pela ajuda.
    – BSilva
    24/11/2015 às 19:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .