Quiero importar una URL de blob generada por un archivo js externo en nuxt.js en un archivo vue.
grabadora.js
this.chunks.push(evt.data) this.chunkType = evt.data.type if (this.state !== 'inactive') { return } let blob = new Blob(this.chunks, { 'type': this.chunkType }) let blobUrl = URL.createObjectURL(blob) const recording = { ts: new Date().getTime(), blobUrl: blobUrl, mimeType: blob.type, size: blob.size, } console.log(blobUrl);`
Me gustaría convertir la URL de blob generada por este código en un archivo de blob en la página de vue.
grabadora.vue
<h4 class="mt-16 mb-10 ml-6">record file</h4> <div v-for="(recording, idx) in recordings" :key="recording.ts"> <v-card class="mb-14" max-width="450"> <v-card-title primary-title> <v-layout justify-center> <div class="ml-3"> <v-card-title class="mb-3" >file #{{ idx + 1 }} </v-card-title> <audio id="recordFile" :src="recording.blobUrl" controls="true" />
guion
submitFile(_idx) { axios .get(blobUrl, { responseType: 'blob', }) .then(({ data }) => { console.log(data) // → Blob }) .catch((err) => { console.error(err) })
Pude convertir la URL del blob en un archivo blob y enviarlo al registro de la consola usando el método anterior dentro del archivo externo recorder.js. Sin embargo, no sé cómo exportar esta URL de blob a una página de vue.
grabadora.js
export default class RecorderService { constructor (baseUrl) { this.baseUrl = baseUrl
Me gustaría salir de la clase predeterminada de exportación como esta.