Question

我正在尝试使用AngualarJs播放音频

我的HTML代码：

<!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>

我的app.js代码：

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();
}
});

当我加载页面时，我在控制台中遇到错误导致我 Error Details

Answer 1

您报告的错误是由于错误解决了angular.audio.js脚本无法通过名称javascripts/angular.audio.js

找到的错误

我做了一个工作小提琴：http://jsfiddle.net/en8x1nny/

这个小提琴导入the original demo from ngAudio正在使用的脚本。

该脚本的完整路径为：http://danielstern.github.io/ngAudio/angular.audio.js。

您可以下载并将其添加到javascripts目录。请确保不要通过上面提到的URL使用它，因为github不是用于提供脚本的CDN。

如果之前安装过bower的ngAudio，则脚本应该在：

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

使用ngAudio

1 个答案: