Мой веб-сайт позволяет пользователям вести видеочат друг с другом, но в настоящее время единственным способом изменить источник видео и аудио является встроенный метод 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;
}
}
};
}]);