Javascript 在AngularJs中使用音频标记呈现音频元素

我正在用angularjs制作一个小音频播放器和播放列表

目前，我一直在从audio标签管理src，如下所示：

<audio id="audio" controls="controls">
    <source ng-src="{{mainAudioSrc}}" type="audio/mpeg">
</audio>

这个很好用。我将其更改为在angularjs控制器中创建一个新的音频元素。我也可以修改src和play

$scope.audio = new Audio();
...code...
$scope.audio.src = audioSrc; 
$scope.audio.load();
$scope.audio.play();

这也可以，但当然没有接口

问题： 如何呈现与$scope.audio关联的音频标记，以便不必制作js接口来播放和暂停音频元素

---

谢谢

我发现获取audio标记会获取audio元素本身（例如可以访问volume或loop属性），因此我结束了这项工作：

$scope.audio = document.getElementById('audio')
$scope.audio.volume = 0.8;
$scope.audio.src = someUrlToAudioSrc;    
$scope.audio.load();
$scope.audio.play();

以及html：

<audio id="audio" controls="controls">
    <source type="audio/mpeg">
</audio>

这也是可行的（只是js的想法，没有角度）：

a=新音频（）；
a、 src=someSrc；
a、 循环=假；
a、 控制=真//
<audio id="audio" controls="controls">
    <source type="audio/mpeg">
</audio>

a = new Audio();
a.src = someSrc;
a.loop = false; 
a.controls = true; // <- The important thing, show element controls.
// Append element to document, for example
document.getElementsByTagName('body')[0].appendChild(a)