html音频如何创建,创建使用HTML5音频元素

我是新与角AngularJS一个新的指令，我已经取得了音响按键采用了棱角分明的指令：创建使用HTML5音频元素

app.directive('soundButton', [function() {

return {

restrict: 'E',

link: function (scope, element, attrs) {

var audioSrc = attrs.origem;

var audio = new Audio(audioSrc);

scope.play = function() {

if (audio.paused) {

audio.play();

} else {

audio.pause();

}

};

element.css({

borderRadius: '50%',

width: '100px',

height: '100px',

backgroundColor: 'red',

display: 'inline-block'

});

}

}

}]);

...并把html代码我的网页上：

但总是点击音频按钮，它会播放相同的声音。 (我怀疑这可能是问题的元件的阵列)