如何让URL.createObjectURL(BLOB)在Safari中工作 [英] How get URL.createObjectURL(blob) to work in Safari

问题描述

以下代码由用户单击按钮触发。它可以在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错误为：

未处理的承诺拒绝：不支持错误：该操作不受支持。

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

谢谢

推荐答案

对于MP3类型，您应该使用MIME类型audio/mpeg。

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

这篇关于如何让URL.createObjectURL(BLOB)在Safari中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！