|
'use strict';
/**
* @ngdoc function
* @name infernoQuadrifonicoApp.controller:MainCtrl
* @description
* # MainCtrl
* Controller of the infernoQuadrifonicoApp
*/
angular.module('infernoQuadrifonicoApp')
.controller('MainCtrl', function ($http, $scope, $interval, $localStorage) {
var useLocalStorage = false;
var socket = io("", { query: "type=controller"});
$scope.playing = [];
$scope.sound_mode = "stereo";
$scope.changeSoundMode = function(){
if($scope.sound_mode == "stereo"){
$scope.sound_mode = "surround";
} else {
$scope.sound_mode = "stereo"
}
}
$http.get('roteiro.json')
.then(function(res){
if($localStorage.roteiro && useLocalStorage){
console.log("Loading data from localstorage...")
$scope.roteiro = angular.copy($localStorage.roteiro);
} else {
console.log("Loading data from file...")
$scope.roteiro = res.data.estrofe;
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
$scope.roteiro[i].arquivos[c].playing = false;
$scope.roteiro[i].arquivos[c].seek = 0;
$scope.roteiro[i].arquivos[c].show = false;
$scope.loadAudioFile($scope.roteiro[i].arquivos[c]);
}
}
}
console.log($scope.roteiro);
var interval = $interval(function() {
updateSeekers();
}, 25);
var save = $interval(function() {
$localStorage.roteiro = angular.copy($scope.roteiro);
console.log("Autosaving...")
//console.log($localStorage);
}, 60000);
//$interval.cancel(interval);
});
$scope.loadAudioFile = function(arquivo){
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].url == arquivo.url){
var sound = new Howl({
usingWebAudio: true,
html5: false,
src: [$scope.roteiro[i].arquivos[c].url],
autoplay: false,
loop: $scope.roteiro[i].arquivos[c].loop,
volume: ($scope.roteiro[i].arquivos[c].channels[0].volume/100),
//stereo: $scope.roteiro[i].arquivos[c].pan,
onend: function(id) {
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].id == id){
$scope.roteiro[i].arquivos[c].playing = false;
$scope.roteiro[i].arquivos[c].seek = 0;
console.log('Finished: ' + id + " | playing: " + $scope.roteiro[i].arquivos[c].playing);
$scope.$apply();
delete $scope.roteiro[i].arquivos[c].sound;
break;
}
}
}
},
onload: function(id) {
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].id == id && $scope.roteiro[i].arquivos[c].show == false){
if($scope.roteiro[i].arquivos[c].sound){
$scope.roteiro[i].arquivos[c].duration = $scope.roteiro[i].arquivos[c].sound.duration();
delete $scope.roteiro[i].arquivos[c].sound;
}
$scope.roteiro[i].arquivos[c].show = true;
break;
}
}
}
}
});
}
}
}
}
$scope.playAudio = function(estrofe){
//console.log(estrofe)
for (var i = 0; i < estrofe.arquivos.length; i++) {
$scope.playAudioFile(estrofe.arquivos[i]);
}
}
$scope.playAudioFile = function(arquivo){
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].url == arquivo.url){
$scope.roteiro[i].arquivos[c].playing = true;
var d = $scope.roteiro[i].arquivos[c].duration;
var s1 = $scope.roteiro[i].arquivos[c].channels[0].seek;
var s2 = $scope.roteiro[i].arquivos[c].channels[1].seek;
var volume1 = $scope.roteiro[i].arquivos[c].channels[0].volume
var volume2 = $scope.roteiro[i].arquivos[c].channels[1].volume
var pan1 = $scope.roteiro[i].arquivos[c].channels[0].pan
var pan2 = $scope.roteiro[i].arquivos[c].channels[1].pan
$scope.roteiro[i].arquivos[c].channels[0].seek;
console.log('Playing: ' + $scope.roteiro[i].arquivos[c].url.split("public/audio/").pop() + " ("+ volume1 + "/" + volume2 + " | " + pan1 + "/" + pan2 + ")");
sendPlayCommand($scope.roteiro[i].arquivos[c]);
}
}
}
}
$scope.stopAudioFile = function(arquivo){
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].url == arquivo.url){
//$scope.roteiro[i].arquivos[c].sound.stop();
//delete $scope.roteiro[i].arquivos[c].sound;
$scope.roteiro[i].arquivos[c].playing = false;
//$scope.roteiro[i].arquivos[c].seek = 0;
sendStopCommand($scope.roteiro[i].arquivos[c])
console.log('Finished: ' + $scope.roteiro[i].arquivos[c].url + " | " + $scope.roteiro[i].arquivos[c].playing);
}
}
}
}
$scope.stopPlayback = function(){
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].sound){
//$scope.roteiro[i].arquivos[c].sound.stop();
sendStopCommand($scope.roteiro[i].arquivos[c]);
//delete $scope.roteiro[i].arquivos[c].sound;
$scope.roteiro[i].arquivos[c].playing = false;
$scope.roteiro[i].arquivos[c].seek = 0;
console.log('Finished: ' + $scope.roteiro[i].arquivos[c].id + " | " + $scope.roteiro[i].arquivos[c].seek);
}
}
}
}
var updateSeekers = function() {
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].sound){
var d = $scope.roteiro[i].arquivos[c].sound.duration();
var s = $scope.roteiro[i].arquivos[c].sound.seek()
$scope.roteiro[i].arquivos[c].seek = (s/d)*100
//console.log("updating seek position to: " + ((s/d)*100));
}
}
}
}
$scope.isStereo = function(){
if($scope.sound_mode == "stereo"){
return true;
} else {
return false;
}
}
$scope.options_seek = {
from: 0,
to: 100,
step: 1,
realtime: true,
css: {
background: {"background-color": "white"},
before: {"background-color": "white"},// zone before default value
default: {"background-color": "white"}, // default value: 1px
after: {"background-color": "white"}, // zone after default value
pointer: {"background-color": "#999"}, // circle pointer
range: {"background-color": "white"} // use it if double value
},
//scale: [{val:50, label: ""}],
callback: function(value, elt) {
console.log("Seek: " + value);
updateTrackPosition();
}
}
$scope.options_volume = {
from: 0,
to: 100,
step: 1,
realtime: true,
scale: [{val:50, label:'volume'}],
css: {
background: {"background-color": "white"},
before: {"background-color": "white"},// zone before default value
default: {"background-color": "white", "height" : "10px;"}, // default value: 1px
after: {"background-color": "white"}, // zone after default value
pointer: {"background-color": "#999"}, // circle pointer
range: {"background-color": "white"} // use it if double value
},
callback: function(value, elt) {
console.log("Volume: " + value);
updateActiveVolume();
}
};
$scope.options_pan = {
from: -100,
to: 100,
step: 1,
realtime: true,
scale: [{val: 0, label:'stereo'}],
css: {
background: {"background-color": "white"},
before: {"background-color": "white"},// zone before default value
default: {"background-color": "white"}, // default value: 1px
after: {"background-color": "white"}, // zone after default value
pointer: {"background-color": "#999"}, // circle pointer
range: {"background-color": "white"} // use it if double value
},
callback: function(value, elt) {
console.log("Pan: " + value);
updateActivePan();
}
};
var updateTrackPosition = function(){
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].playing == true){
if($scope.roteiro[i].arquivos[c].sound){
var d = $scope.roteiro[i].arquivos[c].sound.duration();
var s = $scope.roteiro[i].arquivos[c].seek;
var v = $scope.roteiro[i].arquivos[c].sound.seek();
if(v - ((d * s)/100) > 0.5 || v - ((d * s)/100) < -0.5){
//$scope.roteiro[i].arquivos[c].sound.seek((d * s)/100)
var arquivo = $scope.roteiro[i].arquivos[c];
delete arquivo.sound;
delete arquivo.channels[0].volume;
arquivo.channels[0].seek = (d * s)/100;
socket.emit('update playback', arquivo);
}
}
}
}
}
}
var updateActiveVolume = function(){
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].playing == true){
var arquivo = $scope.roteiro[i].arquivos[c];
if($scope.roteiro[i].arquivos[c].sound){
delete arquivo.sound;
}
delete arquivo.channels[0].pan;
delete arquivo.channels[0].seek;
delete arquivo.channels[1].pan;
delete arquivo.channels[1].seek;
socket.emit('update playback', arquivo);
}
}
}
}
var updateActivePan = function(){
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].playing == true){
var arquivo = $scope.roteiro[i].arquivos[c];
if($scope.roteiro[i].arquivos[c].sound){
delete arquivo.sound;
}
delete arquivo.channels[0].volume;
delete arquivo.channels[0].seek;
delete arquivo.channels[1].volume;
delete arquivo.channels[1].seek;
socket.emit('update playback', arquivo);
}
}
}
}
$scope.isEmpty = function(text){
if(text != ""){ return false; } else { return true; }
}
var sendPlayCommand = function(arquivo){
delete arquivo.sound;
socket.emit('play', arquivo);
}
var sendStopCommand = function(arquivo){
delete arquivo.sound;
socket.emit('stop', arquivo);
}
socket.on('play ended', function(arquivo){
for (var i = 0; i < $scope.roteiro.length; i++) {
for (var c = 0; c < $scope.roteiro[i].arquivos.length; c++) {
if($scope.roteiro[i].arquivos[c].url == arquivo.url){
$scope.roteiro[i].arquivos[c].channels[0].seek = 0;
$scope.roteiro[i].arquivos[c].playing = false;
//delete $scope.roteiro[i].arquivos[c].sound;
console.log('Finished: ' + $scope.roteiro[i].arquivos[c].url + " | playing: " + $scope.roteiro[i].arquivos[c].playing);
break;
}
}
}
});
});
|