Ir ao conteúdo

Javascript criar um url blob a partir de um ArrayBuffer()


Ir à solução Resolvido por ezequiel972,

Posts recomendados

Postado

Pessoal, bom dia!!

 

preciso de ajuda, estou criando um simples chat que roda sobre WebRtc com suporte de envio de arquivos, a transferência dos arquivos funciona corretamente porém estou com dificuldades para renderizar os arquivos na pagina, eu recebo os arquivos da seguinte forma. em front.html->26

{
file: ArrayBuffer(55280) {},
filename: "aluguel-de-carro-em-lisboa.jpg",
filetype: "image/jpeg"
}

no caso de imagens consegui rendenizar assim, em js/function.js->79

img.src = 'data:'+filetype+';base64,' + encode(bytes);

tentei fazer o mesmo com videos  e audios mas nao deu certo, o video nao inicia
Tentei usar blobUrl, mas nao esta funcionando, o blob e criado, a url e criada, mas o arquivo presente no blobUrl  e um arquivo invalido.

 

meu projeto esta hopedado no firebase
https://chatwebrtc.firebaseapp.com/front.html

todo projeto pode ser baixado aqui https://chatwebrtc.firebaseapp.com/download.zip

 

sou iniciante, o projeto esta desorganizado, desculpe por isso.

 

me ajudem por favor. 

  • Solução
Postado

galera, desconsidera!!

 

Era um erro estão simples. ja resolvi td em functions.js->76

antes era

 blob = new Blob(bytes, {type: type});

 

faltavam apenas um par de colchetes [ ].

agora e

 blob = new Blob([bytes], {type: type});

 

funcciona perfeitamente.

 

 

  • Curtir 1

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!