The communications platform that puts data protection first.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
Rocket.Chat/client/views/app/videoCall/videoCall.html

63 lines
2.3 KiB

<template name="videoCall">
{{#if videoAvaliable}}
{{#if videoActive}}
<div class="webrtc-video {{#if overlay}}webrtc-video-overlay{{/if}}">
<div class="main-video">
<video src="{{mainVideoUrl}}" autoplay muted="true"></video>
<div>{{mainVideoUsername}}</div>
</div>
<div class="videos">
{{#if selfVideoUrl}}
<div class="video-item" data-username="$self">
<video src="{{selfVideoUrl}}" autoplay muted="true"></video>
{{#unless audioAndVideoEnabled}}
<div class="video-muted-overlay">
{{#unless audioEnabled}}
<i class="icon-mute"></i>
{{/unless}}
{{#unless videoEnabled}}
<i class="icon-eye-off"></i>
{{/unless}}
</div>
{{/unless}}
<div>{{_ "you"}}</div>
</div>
{{/if}}
{{#each remoteVideoItems}}
<div class="video-item {{#unless connected}}state-overlay{{/unless}}" data-state-text="{{stateText}}" data-username="{{id}}">
<video src="{{url}}" autoplay></video>
<div>{{usernameByUserId id}}</div>
</div>
{{/each}}
</div>
<div class="group-call-buttons">
{{#if videoActive}}
<button class="stop-call button red"><i class="icon-stop"></i>{{_ "Stop"}}</button>
{{#if audioEnabled}}
<button class="disable-audio button red" title="{{_ 'Mute'}}"><i class="icon-mute"></i></button>
{{else}}
<button class="enable-audio button" title="{{_ 'Unmute'}}"><i class="icon-mic"></i></button>
{{/if}}
{{#if videoEnabled}}
<button class="disable-video button red"><i class="icon-eye-off"></i></button>
{{else}}
<button class="enable-video button"><i class="icon-eye"></i></button>
{{/if}}
{{#if screenShareAvaliable}}
{{#if screenShareEnabled}}
<button class="disable-screen-share button red"><i class="icon-desktop"></i></button>
{{else}}
<button class="enable-screen-share button"><i class="icon-desktop"></i></button>
{{/if}}
{{/if}}
{{#if overlayEnabled}}
<button class="disable-overlay button red"><i class="icon-resize-small"></i></button>
{{else}}
<button class="enable-overlay button"><i class="icon-resize-full-alt"></i></button>
{{/if}}
{{/if}}
</div>
</div>
{{/if}}
{{/if}}
</template>