无法从 FileSaver/Blob 与 Node 的 fs 获得相同的结果

Question

我正在尝试生成一个 midi 文件（使用jsmidgen），我可以通过这种方式使用节点输出它：

fs.writeFileSync('test.mid', file.toBytes(), 'binary');

那个 MIDI 文件运行良好。然后我尝试从浏览器生成它，并以这种方式使用FileSaver.js 下载它：

let blob = new Blob([file.toBytes()], {type: "audio/midi"});
saveAs(blob, "test.mid");

那个 MIDI 文件已损坏。我尝试了各种 blob 内容类型但均未成功，并且我还验证了 file.toBytes() 输出在两种情况下都是相同的。我比较了两个十六进制输出，看起来像是编码问题，但我找不到解决方法。

来自好文件的十六进制代码（用 fs 保存在 Node 中）

4d 54 68 64 00 00 00 06 
00 00 00 01 00 80 4d 54 
72 6b 00 00 00 5e 00 90 
3c 5a 40 80 3c 5a 00 90 
3e 5a 40 80 3e 5a 00 90 
40 5a 40 80 40 5a 00 90 
41 5a 40 80 41 5a 00 90 
43 5a 40 80 43 5a 00 90 
45 5a 40 80 45 5a 00 90 
47 5a 40 80 47 5a 00 90 
48 5a 40 80 48 5a 81 00 
90 3c 5a 00 90 40 5a 00 
90 43 5a 81 00 80 3c 5a 
00 80 40 5a 00 80 43 5a 
00 ff 2f 00

来自错误文件 (FileSaver/Blob) 的十六进制代码：

4d 54 68 64 00 00 00 06 
00 00 00 01 00 c2 80 4d 
54 72 6b 00 00 00 44 00
c2 90 3c 5a 40 c2 80 3c 
5a 00 c2 90 3e 5a 40 c2 
80 3e 5a 00 c2 90 40 5a 
40 c2 80 40 5a 00 c2 90 
41 5a 40 c2 80 41 5a 00 
c2 90 43 5a 40 c2 80 43 
5a 00 c2 90 45 5a 40 c2 
80 45 5a 00 c2 90 47 5a 
40 c2 80 47 5a 00 c2 90 
48 5a 40 c2 80 48 5a 00 
c3 bf 2f 00

我使用 Blob 的方式有问题吗？或者我可以尝试其他方法吗？

我用来生成 MIDI 文件的代码是 jsmidgen 页面上的第一个示例，播放 C 大调音阶的示例。

Answer 1

您需要专门使用 Blob 吗？如果没有，那么你可以使用btoa。

我使用 jsmidgen 作为 module 的主要依赖项（它充当包装器并做一些其他事情），我遇到了类似的问题，因此想出了这个：

const bytes = file.toBytes();
const b64 = btoa(bytes);
const uri = 'data:audio/midi;base64,' + b64;
const link=document.createElement('a');

link.href=uri;
link.download = 'music.mid';
link.click(); // this will start a download of the MIDI byte string 

我已经在我的模块上下文中记录了这一点，其中也有一个工作的 JS Bin：https://scribbletune.com/documentation/core/midi