有没有办法在 .html 文件中包含原始音频文件（没有外部文件）？

Question

这可能有点令人困惑。 我想要实现的是让我的应用程序只使用一个 .html 文件。 Ofc，JS脚本和CSS我可以很容易地放在那里，没问题。

唯一保留下来的是一个很小的声音文件，我目前正在从 Internet 流式传输。但是，当没有互联网连接时，它不会工作。

const notificationSound = new Audio("https://notificationsounds.com/storage/sounds/file-sounds-1142-inflicted.mp3");
(...)
if(soundOn){ notificationSound.play();}

我想在 .html 文件中包含声音文件的原始数据，然后播放它。 有什么办法让它起作用吗？

Answer 1

您可以将mp3转换为base64，然后使用audio标签播放。

你可以看看codepen我用你的音频准备的

    <audio
    controls
    src="data:audio/mp3;base64,//uvxAAAAAAA....">
    </audio>

您也可以参考original documentation and this SO answer。