добавление выбора источника видео на сайт прямой трансляции в node.js - PullRequest
0 голосов
/ 22 января 2019

Мой веб-сайт позволяет пользователям вести видеочат друг с другом, но в настоящее время единственным способом изменить источник видео и аудио является встроенный метод Google. Я пытаюсь сделать так, чтобы пользователям было проще менять видео и аудио источник потока - есть ли простой способ добавить это? я показываю источник видео с:

  <div class="show-model">
          <!--<img src="/images/img1.jpg" class="img-response" ng-hide="isStreaming">-->
          <div id="videos-container" room="{{$room}}" style="margin-top: 47px;"></div>
          <div class="fullscreen-section" ng-show="isStreaming">
            <div class="fullscreen-section__inner">
              <div class="transparent-bg"></div>
              <a class="cursor" title="full screen mode" ng-click="showFullScreen()" ng-show="!isFullScreenMode"><i class="fa fa-expand"></i></a>
              <a class="cursor" title="compress screen mode" ng-click="notShowFullScreen()" ng-show="isFullScreenMode"><i class="fa fa-compress"></i></a>
            </div>
          </div>
        </div>

А вот директива для stream.js

angular.module('matroshkiApp').directive('videoPlayer', ['$sce', function ($sce) {
  return {
    template: '<div><video ng-src="{{trustSrc()}}" id="streaming-{{videoId}}" autoplay  class="img-responsive" height="130px"></video></div>',
    restrict: 'E',
    replace: true,
    scope: {
      vidSrc: '@',
      showControl: '@',
      vid: '@',
      muted:'='
    },
    link: function link(scope, elem, attr) {
      console.log('Initializing video-player');
      scope.videoId = scope.vid;
      scope.isMuted = scope.muted ? 'muted':'';
        if(scope.isMuted){
        jQuery(elem.context.firstChild).attr('muted',true);
         elem.context.firstChild.muted = true;
       }

      scope.trustSrc = function () {
        if (!scope.vidSrc) {
          return undefined;
        }
        return $sce.trustAsResourceUrl(scope.vidSrc);
      };
      if (scope.showControl && elem.context && elem.context.firstChild) {
        elem.context.firstChild.controls = true;
      }
    }
  };
}]);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...