Conversión de ArrayBuffer a blob

Tengo un proyecto en el que necesito mostrar esquemas djvu en el navegador.

Encontré este viejo biblioteca en Github que, según entendí, convierte archivos djvu a bmp y luego los coloca en el elemento canvas.

Como dije, la biblioteca es antigua (el último compromiso fue hace 5 años), por lo que necesito hacer algunas correcciones. El problema principal es que lib usa BlobBuilder obsoleto.

Pasos que hice para resolver este problema:

1. Descomprimir esta biblioteca a través de Chrome DevTools
2. El error inicial está en la línea 3774 var c = "undefined" != typeof MozBlobBuilder ? MozBlobBuilder : "undefined" != typeof WebKitBlobBuilder ? WebKitBlobBuilder : console.log("warning: cannot build blobs")
3. Comenté esta línea
4. A continuación, comenté la línea c = new c; y algunas de las siguientes líneas también.

Entonces, ahora se ve de esta manera (la variable I es un búfer de matriz, y ololo1 y ololo2 son una especie de compensación y límite)

var c = new Blob(new Uint8Array(new Uint8Array(I,ololo1,ololo2)))
              , b = b.createObjectURL(c)
              , c = document.getElementById(kb)
              , f = c.getContext("2d")
              , h = new Image
              , g = a[Ea >> 2]
              , i = a[Fa >> 2]
              , j = c.width
              , k = Math.round(i * j / g);

            h.onload = function()
            {
                var a = g / j;
                4 < a && (a = 4);
                1 > a && (a = 1);
                f.globalAlpha = 1;

                for (N = 0; N < a; N++)
                    f.drawImage(h, N, N, g - a + N, i - a + N, 0, 0, j, k),
                    f.globalAlpha *= 1 - 1 / a;
                R(h.complete, "Image /bmp.bmp could not be decoded")
            }
            ;
            h.onerror = function(errorMsg, url, lineNumber, column, errorObj) {
                console.log(errorMsg, url, lineNumber, column, errorObj);
                console.log("Image /bmp.bmp could not be decoded!")
            }           
            ;

Y ahora me quedé con el error “¡No se pudo decodificar la imagen /bmp.bmp!” (lanzado en el controlador h.onerror).

Entonces, mi pregunta es: ¿qué estoy haciendo mal?

No sé por qué el autor envolvió su Uint8Array en uno nuevo … tenga en cuenta que realmente no conozco la API de BlobBuilder en desuso, pero un error tipográfico que puedo ver en su código es que necesita envolver su TypedArray en una matriz normal:

new Blob([new Uint8Array(buffer, byteOffset, length)]);

El constructor Blob toma un Secuencia de blobParts como primer parámetro, y luego busca BufferSource, Cuerdas USV y Gota elementos de esta secuencia. Así que cuando pasas un Matriz tipificadaen realidad iterará sobre todas las entradas de este Matriz tipificada y tratarlos como USVString (y así convertir su valor numérico a cadenas UTF-8 en el Gota). Eso rara vez es lo que quieres, así que mejor siempre pasa una Formación en este constructor.

var buffer = new ArrayBuffer(32);

new Blob([buffer]);

por lo que el Uint8Array debería ser

new Blob([new Uint8Array([1, 2, 3, 4]).buffer]);