var app = angular.module('myApp', []); app.controller('myCtrl', function($scope, $http) { $http.get("gamelist.json") .then(function(response) { $scope.booklist = response.data.audioList; }); $http.get("booklist.json") .then(function(response) { $scope.newbooklist = response.data.NewBooksList; }); $scope.listAudio = function(input){ $scope.cloudUrl = input.AudioUrl; $scope.chapters = input.FileList; $scope.bookname = input.name; }; $scope.startplay = function(url,selectedChapter){ var audioInput = document.getElementById("player"); var url = url; var selectedChapter = selectedChapter; var finalUrl = url +'/'+selectedChapter.url; $scope.selectedName = selectedChapter.name; audioInput.src= finalUrl; audioInput.play(); }; $scope.pausePlay = function(url,selectedChapter){ audioInput.pause(); }; $scope.catchError = function(){ var errTime = document.getElementById("player").currentTime; $scope.errinMinutes = errTime/60; //$scope.chapterName = selectedChapter.name; var request = $http({ method: "post", url: "catchError.php", data: { 'errTimeCatch': $scope.errinMinutes, 'fileName': $scope.selectedName, 'bookname': $scope.bookname }, headers: { 'Content-Type': 'application/json; charset=UTF-8' } }).then(function (response) { console.log(response) ; }); }; startPlay = function(){ audioInput.play(); } });