safari - 如何让 URL.createObjectURL(blob) 在 Safari 中工作

Question

以下代码由用户点击按钮触发。它适用于 Chrome 和 Firefox。它在 Safari (11.1) 中不起作用。

const blob = new Blob([binary], {type: 'audio/ogg'});
const audio = new Audio();
audio.src = URL.createObjectURL(blob); 
audio.load();
audio.play();

以下代码适用于所有 3 种浏览器:

const audio = new Audio();
audio.src = 'test.mp3'; 
audio.load();
audio.play();

因此，问题出在 Safari 中的 URL.createObjectURL(blob) 上。 audio.play() 抛出的 Safari console.log 错误是:

Unhandled Promise Rejection: NotSupportedError: The operation is not supported.

如果 audio.play() 被注释掉，则不会抛出任何错误。

谢谢

Answer 1

对于mp3类型，你应该使用mime类型audio/mpeg。

let audioBlob = new Blob([blob], { type: 'audio/mpeg' });
audio.src = URL.createObjectURL(audioBlob);