streamsaver | Saves rtsp , udp , tcp video stream | Video Utils library

StreamSaver is targeted for those who generate large amount of data on the client side, like a long camera recording for instance. If the file is coming from the cloud and you already have a Content-Disposition attachment header then the only thing you have to do is to open this URL in the browser.

There is a few ways to download the file:

• location.href = url
• download
• </code></li> <li>and for those who need to post data or use a other HTTP method, they can post a (hidden) <code><form></code> instead.</li> </ul> <p>As long as the browser does not know how to handle the file then it will trigger a download instead, and that is what you are already doing with <code>Content-Type: application/octet-stream</code></p> <hr /> <p>Since you are downloading the file using Ajax and the browser knows how to handle the data (giving it to main JS thread), then <code>Content-Type</code> and <code>Content-Disposition</code> don't serve any purpose.</p> <p>StreamSaver tries to mimic how the server saves files with ServiceWorkers and custom responses.<br /> You are already doing it on the server! The only thing you have to do is stop using AJAX to download files. So I don't think you will need StreamSaver at all.</p> <hr /> <h3>Your problem</h3> <p>... is that you first download the whole data into memory as a Blob first and then you save the file. This defeats the whole purpose of using StreamSaver, then you could just as well use the simpler FileSaver.js library or manually create an object url + link from a Blob like FileSaver.js does.</p> <pre><code>Object.assign( document.createElement('a'), { href: URL.createObjectURL(blob), download: 'name.txt' } ).click() </code></pre> <p>Besides, you can't use Angular's HTTP service, since they use the old <code>XMLHttpRequest</code> instead, and it can't give you a ReadableStream like <code>fetch</code> does from <code>response.body</code> so my advice is to just simply use the Fetch API instead.</p> <p><a href="https://github.com/angular/angular/issues/36246" rel="nofollow noreferrer">https://github.com/angular/angular/issues/36246</a></p>