angular - 如何用 Angular 2 播放 mp3？

Question

我想写一个小的 ionic/angular 应用程序，我从远程服务器加载一个动态 mp3 文件并通过按下按钮播放它，或者如果它被选中我会自动播放它。我尝试使用简单的 <audio></audio>但我不确定这是否是解决此问题的好方法...

代码:

html

<audio id="player">
<source id="source" src="http://remote.address.com/example.mp3"></source>
</audio>

javascript

play(){
var audio= document.getElementById('player');
audio.play();
}

Answer 1

您可以在 Javascript 代码中创建一个新的 Audio 元素...而不是在 HTML 中

例如:

var audio = new Audio();
audio.src = "http://remote.address.com/example.mp3";
audio.load();
audio.play();