使用ngAudio时AngularJS错误

Question

使用ngAudio时AngularJS错误

我正在尝试使用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>

Run Code Online (Sandbox Code Playgroud)

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

Run Code Online (Sandbox Code Playgroud)

当我加载页面时,我在控制台中出现错误,导致我错误详细信息

Answer 1

Cyb*_*hos 2

您报告的错误是由于错误解决angular.audio.js脚本无法按名称找到的javascripts/angular.audio.js

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

该小提琴导入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

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，8 月前
查看次数：	3147 次
最近记录：	10 年，8 月前