mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-17 04:51:44 +03:00
71 lines
2.2 KiB
JavaScript
71 lines
2.2 KiB
JavaScript
|
/*
|
||
|
|
Copyright 2015 OpenMarket Ltd
|
||
|
|
|
||
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
you may not use this file except in compliance with the License.
|
||
|
|
You may obtain a copy of the License at
|
||
|
|
|
||
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
|
||
|
|
Unless required by applicable law or agreed to in writing, software
|
||
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
See the License for the specific language governing permissions and
|
||
|
|
limitations under the License.
|
||
|
|
*/
|
||
|
|
|
||
|
|
var dis = require("../../../dispatcher");
|
||
|
|
var CallHandler = require("../../../CallHandler");
|
||
|
|
|
||
|
|
/*
|
||
|
|
* State vars:
|
||
|
|
* this.state.call = MatrixCall|null
|
||
|
|
*
|
||
|
|
* Props:
|
||
|
|
* this.props.room = Room (JS SDK)
|
||
|
|
*/
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
|
||
|
|
componentDidMount: function() {
|
||
|
|
this.dispatcherRef = dis.register(this.onAction);
|
||
|
|
if (this.props.room) {
|
||
|
|
this.showCall(this.props.room.roomId);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
componentWillUnmount: function() {
|
||
|
|
dis.unregister(this.dispatcherRef);
|
||
|
|
},
|
||
|
|
|
||
|
|
onAction: function(payload) {
|
||
|
|
// if we were given a room_id to track, don't handle anything else.
|
||
|
|
if (payload.room_id && this.props.room &&
|
||
|
|
this.props.room.roomId !== payload.room_id) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (payload.action !== 'call_state') {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
this.showCall(payload.room_id);
|
||
|
|
},
|
||
|
|
|
||
|
|
showCall: function(roomId) {
|
||
|
|
var call = CallHandler.getCall(roomId);
|
||
|
|
if (call) {
|
||
|
|
call.setLocalVideoElement(this.getVideoView().getLocalVideoElement());
|
||
|
|
// N.B. the remote video element is used for playback for audio for voice calls
|
||
|
|
call.setRemoteVideoElement(this.getVideoView().getRemoteVideoElement());
|
||
|
|
}
|
||
|
|
if (call && call.type === "video" && call.state !== 'ended') {
|
||
|
|
this.getVideoView().getLocalVideoElement().style.display = "initial";
|
||
|
|
this.getVideoView().getRemoteVideoElement().style.display = "initial";
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
this.getVideoView().getLocalVideoElement().style.display = "none";
|
||
|
|
this.getVideoView().getRemoteVideoElement().style.display = "none";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|