Как создать несколько аудио-тегов с использованием BLOB-объектов и JavaScript - PullRequest
0 голосов
/ 13 ноября 2018

Привет, друзья! Я пытаюсь создать 5 аудиосэмплов, используя Javascript и BLOB-объекты (взятые с микрофонного входа). Я создал массив для хранения отдельных URL-адресов, но не знаю, как добавить их в виде отдельных mp3-файлов.теги в html файле, вот мой код

<body>
<p>
    <button id="record">re</button>
    <button id="stoprecord">sr</button>
    <audio id="recordedAudio"></audio>


</p>

</body>

<script>
audiochunk=[];
arr=[];
var j=0;
record.onclick = e => {
record.disabled = true;
record.style.background="red";
stoprecord.disabled=false;

rec.start();
}
stoprecord.onclick = e => {
record.disabled = false;
record.style.background="red";
stoprecord.disabled=true;

rec.stop();
}
navigator.mediaDevices.getUserMedia({audio:true})
.then(stream =>{hsndlerFunction(stream)})
function hsndlerFunction(stream){
rec = new MediaRecorder(stream);
rec.ondataavailable = e => {
        audiochunk.push(e.data);
            arr.push(audiochunk);
              if (rec.state == "inactive"){
            let blob = new Blob(audiochunk,{type:'audio/mpeg-3'});
            arr.push( URL.createObjectURL(blob))
            recordedAudio.src = URL.createObjectURL(blob);
            recordedAudio.controls=true;
            recordedAudio.autoplay=true;

            console.log(blob);
          }
        }
}

</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...