Как экспортировать audio в Blob?

Question

[vasIvas]

По событию получаю объект event у которого target конвертирую в Blob

var blob = new Blob([event.target], {type: 'audio/mp3'});

и затем вывожу blob в консоль где наблюдаю -
Blob { size: 25, type: "audio/mp3" }
Размер говорит что я делаю что-то не так. Что?
И да, я подписываюсь под событие loadeddata возможно оно срабатывает раньше чем вся песня загрузится?

Частично ответ получил, но был бы рад, если бы кто-нибудь рассказал как сконвертировать в Blob уже имеющийся объект тега audio.

Answer 1

[Марк]

vasIvas: проще всего взять event.target.src, сконструировать XHR с этим урлом и таким образом скачать блоб. На самом деле он второй раз скачиваться не будет, а прочитается из кеша браузера (если разрешено кеширование).

var oReq = new XMLHttpRequest()
oReq.open("GET", event.target.src, true)
oReq.responseType = "arraybuffer"

oReq.onload = function(oEvent) {
  var blob = new Blob([oReq.response], {type: "audio/mp3"})
  // ...
}

oReq.send()

Comments

[vasIvas]

это

[vasIvas]

Аааа.... Сразу не заметил что форум есть теги. event.target это audio тег, который я и подписывал под события.

[Марк]

vasIvas: обновил ответ.

[vasIvas]

Марк: я тоже начал рассматривать такой вариант, но все же хотелось бы сделать с тегом audio. Потому что кеширование не разрешено, а скачивать второй раз, это как-то неправильно. Но дело в том, что я не смог найти инфу в которой бы с тегом аудио было сделано, везде через XMLHttpRequest.

Хотя во всех примерах с Blob в него в него передаются теги помещенные в массив. Не понимаю почему с audio так не работает.

Спасибо.