Refactored conference.js code. Moved almost all code that relates to handling change of media devices to separate module. Fixed couple of bugs.
This commit is contained in:
parent
97237470af
commit
897a6bfbe6
414
conference.js
414
conference.js
|
@ -12,6 +12,8 @@ import Recorder from './modules/recorder/Recorder';
|
|||
import CQEvents from './service/connectionquality/CQEvents';
|
||||
import UIEvents from './service/UI/UIEvents';
|
||||
|
||||
import mediaDeviceHelper from './modules/devices/mediaDeviceHelper';
|
||||
|
||||
const ConnectionEvents = JitsiMeetJS.events.connection;
|
||||
const ConnectionErrors = JitsiMeetJS.errors.connection;
|
||||
|
||||
|
@ -22,7 +24,6 @@ const TrackEvents = JitsiMeetJS.events.track;
|
|||
const TrackErrors = JitsiMeetJS.errors.track;
|
||||
|
||||
let room, connection, localAudio, localVideo, roomLocker;
|
||||
let currentAudioInputDevices, currentVideoInputDevices;
|
||||
|
||||
import {VIDEO_CONTAINER_TYPE} from "./modules/UI/videolayout/LargeVideo";
|
||||
|
||||
|
@ -211,17 +212,6 @@ function createLocalTracks (devices, cameraDeviceId, micDeviceId) {
|
|||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Stores lists of current 'audioinput' and 'videoinput' devices
|
||||
* @param {MediaDeviceInfo[]} devices
|
||||
*/
|
||||
function setCurrentMediaDevices(devices) {
|
||||
currentAudioInputDevices = devices.filter(
|
||||
d => d.kind === 'audioinput');
|
||||
currentVideoInputDevices = devices.filter(
|
||||
d => d.kind === 'videoinput');
|
||||
}
|
||||
|
||||
/**
|
||||
* Changes the email for the local user
|
||||
* @param email {string} the new email
|
||||
|
@ -489,44 +479,8 @@ export default {
|
|||
APP.UI.disableCameraButton();
|
||||
}
|
||||
|
||||
// update list of available devices
|
||||
if (JitsiMeetJS.mediaDevices.isDeviceListAvailable() &&
|
||||
JitsiMeetJS.mediaDevices.isDeviceChangeAvailable()) {
|
||||
JitsiMeetJS.mediaDevices.enumerateDevices(function(devices) {
|
||||
// Ugly way to synchronize real device IDs with local
|
||||
// storage and settings menu. This is a workaround until
|
||||
// getConstraints() method will be implemented in browsers.
|
||||
if (localAudio) {
|
||||
localAudio._setRealDeviceIdFromDeviceList(devices);
|
||||
APP.settings.setMicDeviceId(localAudio.getDeviceId());
|
||||
}
|
||||
this._initDeviceList();
|
||||
|
||||
if (localVideo) {
|
||||
localVideo._setRealDeviceIdFromDeviceList(devices);
|
||||
APP.settings.setCameraDeviceId(
|
||||
localVideo.getDeviceId());
|
||||
}
|
||||
|
||||
setCurrentMediaDevices(devices);
|
||||
|
||||
APP.UI.onAvailableDevicesChanged(devices);
|
||||
});
|
||||
|
||||
JitsiMeetJS.mediaDevices.addEventListener(
|
||||
JitsiMeetJS.events.mediaDevices.DEVICE_LIST_CHANGED,
|
||||
(devices) => {
|
||||
// Just defer callback until other event callbacks are
|
||||
// processed.
|
||||
window.setTimeout(() => {
|
||||
checkLocalDevicesAfterDeviceListChanged(devices)
|
||||
.then(() => {
|
||||
setCurrentMediaDevices(devices);
|
||||
|
||||
APP.UI.onAvailableDevicesChanged(devices);
|
||||
});
|
||||
}, 0);
|
||||
});
|
||||
}
|
||||
if (config.iAmRecorder)
|
||||
this.recorder = new Recorder();
|
||||
|
||||
|
@ -535,220 +489,6 @@ export default {
|
|||
return new Promise((resolve, reject) => {
|
||||
(new ConferenceConnector(resolve, reject)).connect();
|
||||
});
|
||||
|
||||
function checkAudioOutputDeviceAfterDeviceListChanged(newDevices) {
|
||||
if (!JitsiMeetJS.mediaDevices
|
||||
.isDeviceChangeAvailable('output')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var selectedAudioOutputDeviceId =
|
||||
APP.settings.getAudioOutputDeviceId(),
|
||||
availableAudioOutputDevices = newDevices.filter(d => {
|
||||
return d.kind === 'audiooutput';
|
||||
});
|
||||
|
||||
if (selectedAudioOutputDeviceId !== 'default' &&
|
||||
!availableAudioOutputDevices.find(d =>
|
||||
d.deviceId === selectedAudioOutputDeviceId)) {
|
||||
APP.settings.setAudioOutputDeviceId('default');
|
||||
}
|
||||
}
|
||||
|
||||
function checkLocalDevicesAfterDeviceListChanged(newDevices) {
|
||||
// Event handler can be fire before direct enumerateDevices()
|
||||
// call, so handle this situation here.
|
||||
if (!currentAudioInputDevices && !currentVideoInputDevices) {
|
||||
setCurrentMediaDevices(newDevices);
|
||||
}
|
||||
|
||||
checkAudioOutputDeviceAfterDeviceListChanged(newDevices);
|
||||
|
||||
let availableAudioInputDevices = newDevices.filter(
|
||||
d => d.kind === 'audioinput'),
|
||||
availableVideoInputDevices = newDevices.filter(
|
||||
d => d.kind === 'videoinput'),
|
||||
selectedAudioInputDeviceId = APP.settings.getMicDeviceId(),
|
||||
selectedVideoInputDeviceId =
|
||||
APP.settings.getCameraDeviceId(),
|
||||
selectedAudioInputDevice = availableAudioInputDevices.find(
|
||||
d => d.deviceId === selectedAudioInputDeviceId),
|
||||
selectedVideoInputDevice = availableVideoInputDevices.find(
|
||||
d => d.deviceId === selectedVideoInputDeviceId),
|
||||
tracksToCreate = [],
|
||||
micIdToUse = null,
|
||||
cameraIdToUse = null;
|
||||
|
||||
// Here we handle case when no device was initially plugged, but
|
||||
// then it's connected OR new device was connected when previous
|
||||
// track has ended.
|
||||
if (!localAudio || localAudio.disposed || localAudio.isEnded()){
|
||||
if (availableAudioInputDevices.length
|
||||
&& availableAudioInputDevices[0].label !== '') {
|
||||
tracksToCreate.push('audio');
|
||||
micIdToUse = availableAudioInputDevices[0].deviceId;
|
||||
} else {
|
||||
APP.UI.disableMicrophoneButton();
|
||||
}
|
||||
}
|
||||
|
||||
if ((!localVideo || localVideo.disposed || localVideo.isEnded())
|
||||
&& !self.isSharingScreen){
|
||||
if (availableVideoInputDevices.length
|
||||
&& availableVideoInputDevices[0].label !== '') {
|
||||
tracksToCreate.push('video');
|
||||
cameraIdToUse = availableVideoInputDevices[0].deviceId;
|
||||
} else {
|
||||
APP.UI.disableCameraButton();
|
||||
}
|
||||
}
|
||||
|
||||
if (localAudio && !localAudio.disposed && !localAudio.isEnded()
|
||||
&& selectedAudioInputDevice
|
||||
&& selectedAudioInputDeviceId !== localAudio.getDeviceId()
|
||||
&& tracksToCreate.indexOf('audio') === -1) {
|
||||
tracksToCreate.push('audio');
|
||||
micIdToUse = selectedAudioInputDeviceId;
|
||||
}
|
||||
|
||||
if (localVideo && !localVideo.disposed && !localVideo.isEnded()
|
||||
&& selectedVideoInputDevice
|
||||
&& selectedVideoInputDeviceId !== localVideo.getDeviceId()
|
||||
&& tracksToCreate.indexOf('video') === -1
|
||||
&& !self.isSharingScreen) {
|
||||
tracksToCreate.push('video');
|
||||
cameraIdToUse = selectedVideoInputDeviceId;
|
||||
}
|
||||
|
||||
if (tracksToCreate.length) {
|
||||
return createNewTracks(
|
||||
tracksToCreate, cameraIdToUse, micIdToUse);
|
||||
} else {
|
||||
return Promise.resolve();
|
||||
}
|
||||
|
||||
function createNewTracks(type, cameraDeviceId, micDeviceId) {
|
||||
let audioTrackCreationError;
|
||||
let videoTrackCreationError;
|
||||
let audioRequested = type.indexOf('audio') !== -1;
|
||||
let videoRequested = type.indexOf('video') !== -1;
|
||||
let promise;
|
||||
|
||||
if (audioRequested && micDeviceId !== null) {
|
||||
if (videoRequested && cameraDeviceId !== null) {
|
||||
promise = createLocalTracks(
|
||||
type, cameraDeviceId, micDeviceId)
|
||||
.catch(() => {
|
||||
return Promise.all([
|
||||
createAudioTrack(false),
|
||||
createVideoTrack(false)]);
|
||||
})
|
||||
.then((audioTracks, videoTracks) => {
|
||||
if (audioTrackCreationError) {
|
||||
if (videoTrackCreationError) {
|
||||
APP.UI.showDeviceErrorDialog(
|
||||
audioTrackCreationError,
|
||||
videoTrackCreationError);
|
||||
} else {
|
||||
APP.UI.showDeviceErrorDialog(
|
||||
audioTrackCreationError,
|
||||
null);
|
||||
}
|
||||
} else if (videoTrackCreationError) {
|
||||
APP.UI.showDeviceErrorDialog(
|
||||
null,
|
||||
videoTrackCreationError);
|
||||
}
|
||||
|
||||
return (audioTracks || [])
|
||||
.concat(videoTracks || []);
|
||||
});
|
||||
} else {
|
||||
promise = createAudioTrack();
|
||||
}
|
||||
} else if (videoRequested && cameraDeviceId !== null) {
|
||||
promise = createVideoTrack();
|
||||
} else {
|
||||
promise = Promise.resolve([]);
|
||||
}
|
||||
|
||||
return promise
|
||||
.then(onTracksCreated);
|
||||
|
||||
function createAudioTrack(showError) {
|
||||
return createLocalTracks(['audio'], null, micDeviceId)
|
||||
.catch(err => {
|
||||
audioTrackCreationError = err;
|
||||
|
||||
if (showError) {
|
||||
APP.UI.showDeviceErrorDialog(err, null);
|
||||
}
|
||||
|
||||
return [];
|
||||
});
|
||||
}
|
||||
|
||||
function createVideoTrack(showError) {
|
||||
return createLocalTracks(
|
||||
['video'], cameraDeviceId, null)
|
||||
.catch(err => {
|
||||
videoTrackCreationError = err;
|
||||
|
||||
if (showError) {
|
||||
APP.UI.showDeviceErrorDialog(null, err);
|
||||
}
|
||||
|
||||
return [];
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function onTracksCreated(tracks) {
|
||||
return Promise.all((tracks || []).map(track => {
|
||||
if (track.isAudioTrack()) {
|
||||
let audioWasMuted = self.audioMuted;
|
||||
|
||||
return self.useAudioStream(track).then(() => {
|
||||
console.log('switched local audio');
|
||||
|
||||
// If we plugged-in new device (and switched to
|
||||
// it), but video was muted before, or we
|
||||
// unplugged current device and selected new
|
||||
// one, then mute new video track.
|
||||
if (audioWasMuted ||
|
||||
currentAudioInputDevices.length >
|
||||
availableAudioInputDevices.length) {
|
||||
muteLocalAudio(true);
|
||||
}
|
||||
});
|
||||
} else if (track.isVideoTrack()) {
|
||||
let videoWasMuted = self.videoMuted;
|
||||
|
||||
return self.useVideoStream(track).then(() => {
|
||||
console.log('switched local video');
|
||||
|
||||
// TODO: maybe make video large if we
|
||||
// are not in conference yet
|
||||
|
||||
// If we plugged-in new device (and switched to
|
||||
// it), but video was muted before, or we
|
||||
// unplugged current device and selected new
|
||||
// one, then mute new video track.
|
||||
if (videoWasMuted ||
|
||||
(currentVideoInputDevices.length >
|
||||
availableVideoInputDevices.length)) {
|
||||
muteLocalVideo(true);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
console.error("Ignored not an audio nor a "
|
||||
+ "video track: ", track);
|
||||
|
||||
return Promise.resolve();
|
||||
}
|
||||
}));
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
|
@ -956,16 +696,7 @@ export default {
|
|||
room = connection.initJitsiConference(APP.conference.roomName,
|
||||
this._getConferenceOptions());
|
||||
this.localId = room.myUserId();
|
||||
localTracks.forEach((track) => {
|
||||
if (track.isAudioTrack()) {
|
||||
this.useAudioStream(track);
|
||||
} else if (track.isVideoTrack()) {
|
||||
this.useVideoStream(track);
|
||||
} else {
|
||||
console.error(
|
||||
"Ignored not an audio nor a video track: ", track);
|
||||
}
|
||||
});
|
||||
this._setLocalAudioVideoStreams(localTracks);
|
||||
roomLocker = createRoomLocker(room);
|
||||
this._room = room; // FIXME do not use this
|
||||
|
||||
|
@ -986,6 +717,26 @@ export default {
|
|||
this._setupListeners();
|
||||
},
|
||||
|
||||
/**
|
||||
* Sets local video and audio streams.
|
||||
* @param {JitsiLocalTrack[]} tracks=[]
|
||||
* @returns {Promise[]}
|
||||
* @private
|
||||
*/
|
||||
_setLocalAudioVideoStreams(tracks = []) {
|
||||
return tracks.map(track => {
|
||||
if (track.isAudioTrack()) {
|
||||
return this.useAudioStream(track);
|
||||
} else if (track.isVideoTrack()) {
|
||||
return this.useVideoStream(track);
|
||||
} else {
|
||||
console.error(
|
||||
"Ignored not an audio nor a video track: ", track);
|
||||
return Promise.resolve();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_getConferenceOptions() {
|
||||
let options = config;
|
||||
if(config.enableRecording && !config.recordingType) {
|
||||
|
@ -1480,7 +1231,7 @@ export default {
|
|||
APP.UI.addListener(
|
||||
UIEvents.VIDEO_DEVICE_CHANGED,
|
||||
(cameraDeviceId) => {
|
||||
createLocalTracks(['video'])
|
||||
createLocalTracks(['video'], cameraDeviceId, null)
|
||||
.then(([stream]) => {
|
||||
this.useVideoStream(stream);
|
||||
console.log('switched local video device');
|
||||
|
@ -1496,7 +1247,7 @@ export default {
|
|||
APP.UI.addListener(
|
||||
UIEvents.AUDIO_DEVICE_CHANGED,
|
||||
(micDeviceId) => {
|
||||
createLocalTracks(['audio'])
|
||||
createLocalTracks(['audio'], null, micDeviceId)
|
||||
.then(([stream]) => {
|
||||
this.useAudioStream(stream);
|
||||
console.log('switched local audio device');
|
||||
|
@ -1574,11 +1325,112 @@ export default {
|
|||
});
|
||||
},
|
||||
/**
|
||||
* Adss any room listener.
|
||||
* @param eventName one of the ConferenceEvents
|
||||
* @param callBack the function to be called when the event occurs
|
||||
*/
|
||||
addConferenceListener(eventName, callBack) {
|
||||
* Adds any room listener.
|
||||
* @param eventName one of the ConferenceEvents
|
||||
* @param callBack the function to be called when the event occurs
|
||||
*/
|
||||
addConferenceListener(eventName, callBack) {
|
||||
room.on(eventName, callBack);
|
||||
},
|
||||
/**
|
||||
* Inits list of current devices and event listener for device change.
|
||||
* @private
|
||||
*/
|
||||
_initDeviceList() {
|
||||
if (JitsiMeetJS.mediaDevices.isDeviceListAvailable() &&
|
||||
JitsiMeetJS.mediaDevices.isDeviceChangeAvailable()) {
|
||||
JitsiMeetJS.mediaDevices.enumerateDevices(devices => {
|
||||
// Ugly way to synchronize real device IDs with local
|
||||
// storage and settings menu. This is a workaround until
|
||||
// getConstraints() method will be implemented in browsers.
|
||||
if (localAudio) {
|
||||
localAudio._setRealDeviceIdFromDeviceList(devices);
|
||||
APP.settings.setMicDeviceId(localAudio.getDeviceId());
|
||||
}
|
||||
|
||||
if (localVideo) {
|
||||
localVideo._setRealDeviceIdFromDeviceList(devices);
|
||||
APP.settings.setCameraDeviceId(localVideo.getDeviceId());
|
||||
}
|
||||
|
||||
mediaDeviceHelper.setCurrentMediaDevices(devices);
|
||||
|
||||
APP.UI.onAvailableDevicesChanged(devices);
|
||||
});
|
||||
|
||||
JitsiMeetJS.mediaDevices.addEventListener(
|
||||
JitsiMeetJS.events.mediaDevices.DEVICE_LIST_CHANGED,
|
||||
(devices) =>
|
||||
window.setTimeout(
|
||||
() => this._onDeviceListChanged(devices), 0));
|
||||
}
|
||||
},
|
||||
/**
|
||||
* Event listener for JitsiMediaDevicesEvents.DEVICE_LIST_CHANGED to
|
||||
* handle change of available media devices.
|
||||
* @private
|
||||
* @param {MediaDeviceInfo[]} devices
|
||||
* @returns {Promise}
|
||||
*/
|
||||
_onDeviceListChanged(devices) {
|
||||
let currentDevices = mediaDeviceHelper.getCurrentMediaDevices();
|
||||
|
||||
// Event handler can be fired before direct
|
||||
// enumerateDevices() call, so handle this situation here.
|
||||
if (!currentDevices.audioinput &&
|
||||
!currentDevices.videoinput &&
|
||||
!currentDevices.audiooutput) {
|
||||
mediaDeviceHelper.setCurrentMediaDevices(devices);
|
||||
currentDevices = mediaDeviceHelper.getCurrentMediaDevices();
|
||||
}
|
||||
|
||||
let newDevices =
|
||||
mediaDeviceHelper.getNewMediaDevicesAfterDeviceListChanged(
|
||||
devices, this.isSharingScreen, localVideo, localAudio);
|
||||
let promises = [];
|
||||
let audioWasMuted = this.audioMuted;
|
||||
let videoWasMuted = this.videoMuted;
|
||||
let availableAudioInputDevices =
|
||||
mediaDeviceHelper.getDevicesFromListByKind(devices, 'audioinput');
|
||||
let availableVideoInputDevices =
|
||||
mediaDeviceHelper.getDevicesFromListByKind(devices, 'videoinput');
|
||||
|
||||
if (typeof newDevices.audiooutput !== 'undefined') {
|
||||
// Just ignore any errors in catch block.
|
||||
promises.push(APP.settings
|
||||
.setAudioOutputDeviceId(newDevices.audiooutput)
|
||||
.catch());
|
||||
}
|
||||
|
||||
promises.push(
|
||||
mediaDeviceHelper.createLocalTracksAfterDeviceListChanged(
|
||||
createLocalTracks,
|
||||
newDevices.videoinput,
|
||||
newDevices.audioinput)
|
||||
.then(tracks =>
|
||||
Promise.all(this._setLocalAudioVideoStreams(tracks)))
|
||||
.then(() => {
|
||||
// If audio was muted before, or we unplugged current device
|
||||
// and selected new one, then mute new audio track.
|
||||
if (audioWasMuted ||
|
||||
currentDevices.audioinput.length >
|
||||
availableAudioInputDevices.length) {
|
||||
muteLocalAudio(true);
|
||||
}
|
||||
|
||||
// If video was muted before, or we unplugged current device
|
||||
// and selected new one, then mute new video track.
|
||||
if (videoWasMuted ||
|
||||
currentDevices.videoinput.length >
|
||||
availableVideoInputDevices.length) {
|
||||
muteLocalVideo(true);
|
||||
}
|
||||
}));
|
||||
|
||||
return Promise.all(promises)
|
||||
.then(() => {
|
||||
mediaDeviceHelper.setCurrentMediaDevices(devices);
|
||||
APP.UI.onAvailableDevicesChanged(devices);
|
||||
});
|
||||
}
|
||||
};
|
||||
};
|
|
@ -0,0 +1,233 @@
|
|||
/* global $, APP, JitsiMeetJS, config, interfaceConfig */
|
||||
|
||||
let currentAudioInputDevices,
|
||||
currentVideoInputDevices,
|
||||
currentAudioOutputDevices;
|
||||
|
||||
/**
|
||||
* Determines if currently selected audio output device should be changed after
|
||||
* list of available devices has been changed.
|
||||
* @param {MediaDeviceInfo[]} newDevices
|
||||
* @returns {string|undefined} - ID of new audio output device to use, undefined
|
||||
* if audio output device should not be changed.
|
||||
*/
|
||||
function getNewAudioOutputDevice(newDevices) {
|
||||
if (!JitsiMeetJS.mediaDevices.isDeviceChangeAvailable('output')) {
|
||||
return;
|
||||
}
|
||||
|
||||
let selectedAudioOutputDeviceId = APP.settings.getAudioOutputDeviceId();
|
||||
let availableAudioOutputDevices = newDevices.filter(
|
||||
d => d.kind === 'audiooutput');
|
||||
|
||||
// Switch to 'default' audio output device if we don't have the selected one
|
||||
// available anymore.
|
||||
if (selectedAudioOutputDeviceId !== 'default' &&
|
||||
!availableAudioOutputDevices.find(d =>
|
||||
d.deviceId === selectedAudioOutputDeviceId)) {
|
||||
return 'default';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Determines if currently selected audio input device should be changed after
|
||||
* list of available devices has been changed.
|
||||
* @param {MediaDeviceInfo[]} newDevices
|
||||
* @param {JitsiLocalTrack} localAudio
|
||||
* @returns {string|undefined} - ID of new microphone device to use, undefined
|
||||
* if audio input device should not be changed.
|
||||
*/
|
||||
function getNewAudioInputDevice(newDevices, localAudio) {
|
||||
let availableAudioInputDevices = newDevices.filter(
|
||||
d => d.kind === 'audioinput');
|
||||
let selectedAudioInputDeviceId = APP.settings.getMicDeviceId();
|
||||
let selectedAudioInputDevice = availableAudioInputDevices.find(
|
||||
d => d.deviceId === selectedAudioInputDeviceId);
|
||||
|
||||
// Here we handle case when no device was initially plugged, but
|
||||
// then it's connected OR new device was connected when previous
|
||||
// track has ended.
|
||||
if (!localAudio || localAudio.disposed || localAudio.isEnded()) {
|
||||
// If we have new audio device and permission to use it was granted
|
||||
// (label is not an empty string), then we will try to use the first
|
||||
// available device.
|
||||
if (availableAudioInputDevices.length &&
|
||||
availableAudioInputDevices[0].label !== '') {
|
||||
return availableAudioInputDevices[0].deviceId;
|
||||
}
|
||||
// Otherwise we assume that we don't have any audio input devices
|
||||
// to use and that's why disable microphone button on UI.
|
||||
else {
|
||||
APP.UI.disableMicrophoneButton();
|
||||
}
|
||||
} else {
|
||||
// And here we handle case when we already have some device working,
|
||||
// but we plug-in a "preferred" (previously selected in settings, stored
|
||||
// in local storage) device.
|
||||
if (selectedAudioInputDevice &&
|
||||
selectedAudioInputDeviceId !== localAudio.getDeviceId()) {
|
||||
return selectedAudioInputDeviceId;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Determines if currently selected video input device should be changed after
|
||||
* list of available devices has been changed.
|
||||
* @param {MediaDeviceInfo[]} newDevices
|
||||
* @param {JitsiLocalTrack} localVideo
|
||||
* @returns {string|undefined} - ID of new camera device to use, undefined
|
||||
* if video input device should not be changed.
|
||||
*/
|
||||
function getNewVideoInputDevice(newDevices, localVideo) {
|
||||
let availableVideoInputDevices = newDevices.filter(
|
||||
d => d.kind === 'videoinput');
|
||||
let selectedVideoInputDeviceId = APP.settings.getCameraDeviceId();
|
||||
let selectedVideoInputDevice = availableVideoInputDevices.find(
|
||||
d => d.deviceId === selectedVideoInputDeviceId);
|
||||
|
||||
// Here we handle case when no video input device was initially plugged,
|
||||
// but then device is connected OR new device was connected when
|
||||
// previous track has ended.
|
||||
if (!localVideo || localVideo.disposed || localVideo.isEnded()) {
|
||||
// If we have new video device and permission to use it was granted
|
||||
// (label is not an empty string), then we will try to use the first
|
||||
// available device.
|
||||
if (availableVideoInputDevices.length &&
|
||||
availableVideoInputDevices[0].label !== '') {
|
||||
return availableVideoInputDevices[0].deviceId;
|
||||
}
|
||||
// Otherwise we assume that we don't have any video input devices
|
||||
// to use and that's why disable microphone button on UI.
|
||||
else {
|
||||
APP.UI.disableCameraButton();
|
||||
}
|
||||
} else {
|
||||
// And here we handle case when we already have some device working,
|
||||
// but we plug-in a "preferred" (previously selected in settings, stored
|
||||
// in local storage) device.
|
||||
if (selectedVideoInputDevice &&
|
||||
selectedVideoInputDeviceId !== localVideo.getDeviceId()) {
|
||||
return selectedVideoInputDeviceId;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
/**
|
||||
* Returns list of devices of single kind.
|
||||
* @param {MediaDeviceInfo[]} devices
|
||||
* @param {'audioinput'|'audiooutput'|'videoinput'} kind
|
||||
* @returns {MediaDeviceInfo[]}
|
||||
*/
|
||||
getDevicesFromListByKind(devices, kind) {
|
||||
return devices.filter(d => d.kind === kind);
|
||||
},
|
||||
/**
|
||||
* Stores lists of current 'audioinput', 'videoinput' and 'audiooutput'
|
||||
* devices.
|
||||
* @param {MediaDeviceInfo[]} devices
|
||||
*/
|
||||
setCurrentMediaDevices(devices) {
|
||||
currentAudioInputDevices =
|
||||
this.getDevicesFromListByKind(devices, 'audioinput');
|
||||
currentVideoInputDevices =
|
||||
this.getDevicesFromListByKind(devices, 'videoinput');
|
||||
currentAudioOutputDevices =
|
||||
this.getDevicesFromListByKind(devices, 'audiooutput');
|
||||
},
|
||||
/**
|
||||
* Returns lists of current 'audioinput', 'videoinput' and 'audiooutput'
|
||||
* devices.
|
||||
* @returns {{
|
||||
* audioinput: (MediaDeviceInfo[]|undefined),
|
||||
* videoinput: (MediaDeviceInfo[]|undefined),
|
||||
* audiooutput: (MediaDeviceInfo[]|undefined),
|
||||
* }}
|
||||
*/
|
||||
getCurrentMediaDevices() {
|
||||
return {
|
||||
audioinput: currentAudioInputDevices,
|
||||
videoinput: currentVideoInputDevices,
|
||||
audiooutput: currentAudioOutputDevices
|
||||
};
|
||||
},
|
||||
/**
|
||||
* Determines if currently selected media devices should be changed after
|
||||
* list of available devices has been changed.
|
||||
* @param {MediaDeviceInfo[]} newDevices
|
||||
* @param {boolean} isSharingScreen
|
||||
* @param {JitsiLocalTrack} localVideo
|
||||
* @param {JitsiLocalTrack} localAudio
|
||||
* @returns {{
|
||||
* audioinput: (string|undefined),
|
||||
* videoinput: (string|undefined),
|
||||
* audiooutput: (string|undefined)
|
||||
* }}
|
||||
*/
|
||||
getNewMediaDevicesAfterDeviceListChanged(
|
||||
newDevices, isSharingScreen, localVideo, localAudio) {
|
||||
return {
|
||||
audioinput: getNewAudioInputDevice(newDevices, localAudio),
|
||||
videoinput: !isSharingScreen &&
|
||||
getNewVideoInputDevice(newDevices, localVideo),
|
||||
audiooutput: getNewAudioOutputDevice(newDevices)
|
||||
};
|
||||
},
|
||||
/**
|
||||
* Tries to create new local tracks for new devices obtained after device
|
||||
* list changed. Shows error dialog in case of failures.
|
||||
* @param {function} createLocalTracks
|
||||
* @param {string} (cameraDeviceId)
|
||||
* @param {string} (micDeviceId)
|
||||
* @returns {Promise.<JitsiLocalTrack[]>}
|
||||
*/
|
||||
createLocalTracksAfterDeviceListChanged(
|
||||
createLocalTracks, cameraDeviceId, micDeviceId) {
|
||||
let audioTrackError;
|
||||
let videoTrackError;
|
||||
let audioRequested = !!micDeviceId;
|
||||
let videoRequested = !!cameraDeviceId;
|
||||
|
||||
if (audioRequested && videoRequested) {
|
||||
// First we try to create both audio and video tracks together.
|
||||
return createLocalTracks(
|
||||
['audio', 'video'], cameraDeviceId, micDeviceId)
|
||||
// If we fail to do this, try to create them separately.
|
||||
.catch(() => Promise.all(
|
||||
[createAudioTrack(false), createVideoTrack(false)]))
|
||||
.then((audioTracks, videoTracks) => {
|
||||
if (audioTrackError || videoTrackError) {
|
||||
APP.UI.showDeviceErrorDialog(
|
||||
audioTrackError, videoTrackError);
|
||||
}
|
||||
|
||||
return (audioTracks || []).concat(videoTracks || []);
|
||||
});
|
||||
} else if (videoRequested && !audioRequested) {
|
||||
return createVideoTrack();
|
||||
} else if (audioRequested && !videoRequested) {
|
||||
return createAudioTrack();
|
||||
} else {
|
||||
return Promise.resolve([]);
|
||||
}
|
||||
|
||||
function createAudioTrack(showError) {
|
||||
return createLocalTracks(['audio'], null, micDeviceId)
|
||||
.catch(err => {
|
||||
audioTrackError = err;
|
||||
showError && APP.UI.showDeviceErrorDialog(err, null);
|
||||
return [];
|
||||
});
|
||||
}
|
||||
|
||||
function createVideoTrack(showError) {
|
||||
return createLocalTracks(['video'], cameraDeviceId, null)
|
||||
.catch(err => {
|
||||
videoTrackError = err;
|
||||
showError && APP.UI.showDeviceErrorDialog(null, err);
|
||||
return [];
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
Loading…
Reference in New Issue