使用标签在 Angular 中播放 MP3 <audio>



对Angular来说非常新。我正在尝试用Angular播放硬编码mp3文件

我有mp3文件在相同的路径作为我的组件,我试图使用标签,如:

<audio controls src={{./name-of-file.mp3}}></audio>

然而,这不起作用。是否有一种直接的方法来硬编码一个简短的mp3文件到我的应用程序?

好吧,实际上看起来Angular只是不喜欢文件位置。将音频文件移动到另一个文件夹中可以实现:<audio controls><source src="../../audio/name-of-file.mp3" type="audio/mpeg" /></audio>

任何img/icon/music都应该放在assets文件夹

或者你可以在angular中配置。Json其他资源文件夹路径

这也应该可以。在你的typescript文件中,你可以用音频源

设置myAudio变量
<audio controls><source [src]="myAudio" /></audio> 

for audio

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

相关内容

最新更新