html - 音频不会在部署的 Angular 应用程序上播放？

Question

我面临一个奇怪的问题，如果我在本地主机上运行我的应用程序，我可以播放音频，但部署后，音频不播放。我正在使用 HTMLAudioElement 播放音频。以下是我正在尝试做的事情：

    const ringtone = new Audio('/src/assets/audio/ringtone.mp3');
    ringtone.load();
    ringtone.preload = 'auto';
    ringtone.crossOrigin = 'anonymous';
    ringtone.currentTime = 0;
    ringtone.play();

不知道我在这里错过了什么。控制台在 Chrome 上显示以下错误：

Uncaught (in promise) DOMException: 加载失败，因为没有找到支持的源。

根据其他答案，可能是因为 CORS 问题或音频文件不可用。但是我已经将 crossOrigin 设置为匿名，并且音频文件是资产目录的一部分，其中放置了其他徽标和图像，并且应用程序能够选择这些图像。

编辑：它不是重复的，因为它不是其他答案中指出的 CORS 问题。我已经将 crossOrigin 设置设置为匿名，并且我的音频文件位于 assets 目录中，而不是从其他地方流式传输。

标签： htmlangularjshtml5-audio