Add blob() method to JS side of Blazor DotNetStreamReference

[datvm]

Is there an existing issue for this?

• I have searched the existing issues

Is your feature request related to a problem? Please describe the problem.

Right now the Streams passed from .NET to Javascript through DotNetStreamReference expose two methods: stream() and arrayBuffer(). The former doesn't read the whole stream into memory but there's not much support for it (for example in my case, playing video without knowing the codec, see question on StackOverflow). The latter would load the entire stream/file into memory which is not possible for large files like videos.

I am also not aware of any method to convert a ReadableStream into Blob.

Describe the solution you'd like

Add a blob([mimeType: string]) method to the Javascript stream reference object that returns a Blob. This Blob should not load all the data into memory.

Additional context

No response

[MackinnonBuck]

Thanks for reaching out. If this is something that you're interested in contributing, please feel free to open a PR. The feature would most likely need to be implemented here.

[ghost]

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.

[datvm]

The feature would most likely need to be implemented here.

Hi sorry for late response I just got some time to take a look at it today. I do not know how to test a Blazor project from aspnetcore repo so I made a simple method to test it by myself to see if it works. According to the arrayBuffer implementation (new Response(await this.stream()).arrayBuffer()), I made this code that call blob() instead:

async setStreamAsync(netStream, mime) {
    const stream = await netStream.stream();
    const res = new Response(stream, {
        status: 200,
        statusText: "OK",
        headers: {
            "Content-Type": mime,
        }
    });
    const blob = await res.blob();

    this.#vid.src = URL.createObjectURL(blob);
}

However, at await res.blob(), the whole file is loaded into memory and it takes a very long time. So sorry I do not know a good implementation for this issue.

[ghost]

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.