Utilisation d'une API pour obtenir l'URL du son à lire dans une balise audio
Vue
<img src="../img/play.svg" alt="Play" ng-click="playSound('exampleWord')" width="48"/>
Manette:
$scope.playSound=function(input){
$scope.audio={};
soundFetch.getSound(input).success(function(data){
$scope.audio=data;
});
}
SoundFetch est le service permettant d'appeler la fonction getSound. Les données renvoyées sont l'URL de la chanson . Comment puis-je jouer le son après avoir cliqué sur la balise img. En train d'obtenir une erreur Error: [$interpolate:interr]
$scope.playAudio = function() {
var audio = new Audio('audio/song.mp3');
audio.play();
};
var playSound = function(mp3File){
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', "/sound/"+mp3File);
audioElement.play();
}