2015-05-04 9 views
5

Ich versuche, Audio zu spielen AngualarJs mitAngularJS Fehler beim ngAudio mit

My HTML-Code:

<!doctype HTML> 
<html> 
<head> 
</head> 
<body ng-app="test" ng-controller="audioTest"> 
    <button ng-click="playSound()"></button> 
    <script src="javascripts/angular.min.js"></script> 
    <script  src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script> 
    <script src="javascripts/angular.audio.js"></script> 
    <script src="app.js"></script> 

</body> 
</html> 

Mein app.js Code:

var app = angular.module("test",['ngAudio']); 

var audio = app.controller("audioTest",function($scope,ngAudio){ 
$scope.playSound = function(){ 
    $scope.audio = ngAudio.load("abc.wav"); 
    $scope.audio.play(); 
} 
}); 

Während i Seite laden Ich habe Fehler in der Konsole, die mich zu Error Details

+0

Achten Sie darauf, Ihr Skript Route zu 'Javascripts/ng-audio.min.js' wird die Lösung wirklich an das Skript – Cyberdelphos

+0

ich habe auch versucht mit dem Ersetzen von Skript aus http://danielstern.github.io/ngAudio/#/ –

+0

Korrekter Name für das Skript scheint zu sein "angular.audio.js" nicht "ng-audio.min.js" – Cyberdelphos

Antwort

2

Der Fehler, den Sie sind Portierung ist aufgrund eines Fehlers Lösung angular.audio.js Skript, das nicht durch den Namen javascripts/angular.audio.js

Ich habe eine Arbeits Geige gefunden werden kann: http://jsfiddle.net/en8x1nny/

Diese Geige importiert das Skript, dass the original demo from ngAudio verwendet.

Der vollständige Pfad für dieses Skript lautet: http://danielstern.github.io/ngAudio/angular.audio.js.

Sie können es herunterladen und in Ihr Verzeichnis javascripts hinzufügen. Stellen Sie sicher, dass Sie es nicht mit der oben genannten URL verwenden, da github kein CDN ist, das Scripts bereitstellen soll.

Wenn Sie zuvor ngAudio von Bower installiert ist, sollte das Skript an:

your_project_path/bower_components/angular-audio/app/angular.audio.js