2015-05-04 11 views
5
का उपयोग करते समय

मैं AngualarJsAngularJS त्रुटि ngAudio

का उपयोग कर ऑडियो चलाने के लिए कोशिश कर रहा हूँ मेरे एचटीएमएल कोड:

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

+0

'javascripts/एनजी-audio.min.js' करने के लिए सुनिश्चित अपनी स्क्रिप्ट मार्ग बनाने वास्तव में स्क्रिप्ट – Cyberdelphos

+0

मैं करने के लिए हल करने है http://danielstern.github.io/ngAudio/#/ –

+0

से लिपि को बदलने की भी कोशिश की गई है, स्क्रिप्ट के लिए सही नाम "angular.audio.js" नहीं है "ng-audio.min.js" – Cyberdelphos

उत्तर

2

त्रुटि आप फिर से कर रहे हैं http://jsfiddle.net/en8x1nny/

इस बेला स्क्रिप्ट the original demo from ngAudio उपयोग कर रहा है आयात करता है: पोर्टिंग नाम javascripts/angular.audio.js

मैं एक काम बेला बनाया द्वारा नहीं पाया जा सकता है कि angular.audio.js स्क्रिप्ट को हल करने में कोई त्रुटि के कारण है।

उस स्क्रिप्ट के लिए पूरा पथ है: http://danielstern.github.io/ngAudio/angular.audio.js

आप इसे डाउनलोड कर सकते हैं और इसे अपने javascripts निर्देशिका में जोड़ सकते हैं। सुनिश्चित करें कि ऊपर उल्लिखित यूआरएल द्वारा इसका इस्तेमाल न करें क्योंकि जिथब स्क्रिप्ट की सेवा के लिए सीडीएन नहीं है।

आपने पहले बोवर द्वारा ngAudio स्थापित किया है, स्क्रिप्ट होना चाहिए में:

your_project_path/bower_components/angular-audio/app/angular.audio.js 
संबंधित मुद्दे