spreed-webrtc/static/js/directives/settings.js

/*
 * Spreed Speak Freely.
 * Copyright (C) 2013-2014 struktur AG
 *
 * This file is part of Spreed Speak Freely.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
define(['text!partials/settings.html'], function(template) {

	return ["$compile", function($compile) {

        var controller = ['$scope', 'desktopNotify', 'mediaSources', 'safeApply', function($scope, desktopNotify, mediaSources, safeApply) {

            var localStream = null;

            $scope.showSettings = 0;
            $scope.showAdvancedSettings = true;
            $scope.showTakePicture = false;
            $scope.showTakePictureReady = true;
            $scope.rememberSettings = true;
            $scope.desktopNotify = desktopNotify;
            $scope.mediaSources = mediaSources;
            $scope.saveSettings = function(user) {
                $scope.update(user);
                $scope.showSettings = 0;
                if ($scope.rememberSettings) {
                    localStorage.setItem("mediastream-user", JSON.stringify(user));
                    localStorage.setItem("mediastream-language", user.settings.language || "");
                } else {
                    localStorage.removeItem("mediastream-user");
                    localStorage.removeItem("mediastream-language");
                    localStorage.removeItem("mediastream-access-code");
                }
            }
            $scope.cancelSettings = function() {
                $scope.reset();
                $scope.showSettings = 0;
            }
            $scope.requestDesktopNotifyPermission = function() {
                $scope.desktopNotify.requestPermission(function() {
                    safeApply($scope);
                });
            };
            $scope.takePicture = function(element, stop) {
                if (stop) {
                    $scope.showTakePicture = false;
                    if (localStream) {
                        localStream.stop();
                        localStream = null;
                    }
                } else {
                    var video = $(element).parent().find("video").get(0);
                    if (!$scope.showTakePicture) {
                        $scope.showTakePictureReady = false;
                        var videoConstraints = true;
                        if ($scope.user.settings.cameraId) {
                            videoConstraints = {
                                optional: [{sourceId: $scope.user.settings.cameraId}]
                            }
                        }
                        getUserMedia({video: videoConstraints}, function(stream) {
                            if ($scope.showTakePictureReady) {
                                stream.stop()
                                return;
                            }
                            $scope.showTakePicture = true;
                            localStream = stream;
                            $scope.showTakePictureReady = true;
                            attachMediaStream(video, stream);
                            safeApply($scope);
                        }, function(error) {
                            console.error('Failed to get access to local media. Error code was ' + error.code);
                            $scope.showTakePictureReady = true;
                            safeApply($scope);
                        });
                        return;
                    } else {
                        var canvas = $(element).parent().find("canvas").get(0);
                        var videoWidth = video.videoWidth;
                        var videoHeight = video.videoHeight;
                        var aspectRatio = videoWidth/videoHeight;
                        if (!aspectRatio) {
                            // NOTE(longsleep): In Firefox the video size becomes available at sound point later - crap!
                            console.warn("Unable to compute aspectRatio", aspectRatio);
                            aspectRatio = 1.3333333333333333;
                        }
                        var x = (46*aspectRatio-46)/-2
                        canvas.getContext("2d").drawImage(video, x, 0, 46*aspectRatio, 46);
                        $scope.user.buddyPicture = canvas.toDataURL("image/jpeg");
                        console.info("Image size", $scope.user.buddyPicture.length);
                        localStream.stop();
                        localStream = null;
                        $scope.showTakePictureReady = true;
                        $scope.showTakePicture = false;
                        safeApply($scope);
                    }

                }
            };
            $scope.checkDefaultMediaSources = function() {
                if ($scope.master.settings.microphoneId && !$scope.mediaSources.hasAudioId($scope.master.settings.microphoneId)) {
                    $scope.master.settings.microphoneId=null;
                }
                if ($scope.master.settings.cameraId && !$scope.mediaSources.hasVideoId($scope.master.settings.cameraId)) {
                    $scope.master.settings.cameraId=null;
                }
                var audio = $scope.mediaSources.audio;
                var video = $scope.mediaSources.video;
                if (!$scope.master.settings.microphoneId && audio.length > 0) {
                    $scope.master.settings.microphoneId = audio[0].id;
                }
                if (!$scope.master.settings.cameraId && video.length > 0) {
                    $scope.master.settings.cameraId = $scope.mediaSources.video[0].id;
                }
                //console.log("master sources updates", $scope.master);
                $scope.refreshWebrtcSettings();
            };
            $scope.mediaSources.refresh(function() {
                safeApply($scope, $scope.checkDefaultMediaSources);
            });
            $scope.$watch("showSettings", function(showSettings) {
                if (showSettings === 1) {
                    $scope.desktopNotify.refresh();
                    $scope.mediaSources.refresh(function(audio, video) {
                        safeApply($scope, function(scope) {
                            if ($scope.user.settings.microphoneId && !$scope.mediaSources.hasAudioId($scope.user.settings.microphoneId)) {
                                $scope.user.settings.microphoneId=null;
                            }
                            if ($scope.user.settings.cameraId && !$scope.mediaSources.hasVideoId($scope.user.settings.cameraId)) {
                                $scope.user.settings.cameraId=null;
                            }
                            if (!$scope.user.settings.microphoneId && audio.length > 0) {
                                $scope.user.settings.microphoneId = audio[0].id;
                            }
                            if (!$scope.user.settings.cameraId && video.length > 0) {
                                $scope.user.settings.cameraId = video[0].id;
                            }
                        });
                    });
                }
            });
        }];

        var link = function($scope, $element) {
        };

        return {
            restrict: 'E',
            replace: true,
            template: template,
            controller: controller,
            link: link
        }

    }];

});