Creating a new directive with AngularJS using HTML5 audio element

Question

I am new with angular and I've made audio buttons using angular directive: ``` 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' }); } } }]); ``` ...and put the html code on my page: ```

Accepted Answer

Audio element has source element. So you must change this element. Look here

Creating a new directive with AngularJS using HTML5 audio element

Solution

Problem