无法在已部署的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上显示以下错误：

未捕获（承诺）的DOMException：由于找不到受支持的源而无法加载。

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

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