openvidu-components: Improved UI when media devices are not available

openvidu-components-angular/projects/openvidu-angular/src/lib/components/settings/audio-devices/audio-devices.component.html

@@ -1,18 +1,25 @@
 <div class="device-container-element">
-	<button
+	<button mat-icon-button id="microhpone-button" [disabled]="!hasAudioDevices" [class.warn-btn]="isAudioMuted" (click)="toggleMic()">
-		mat-icon-button
+		<mat-icon
-		id="microhpone-button"
+			*ngIf="!isAudioMuted"
-		[disabled]="!hasAudioDevices"
+			[matTooltipDisabled]="!hasAudioDevices"
-		[class.warn-btn]="isAudioMuted"
+			matTooltip="{{ 'TOOLBAR.MUTE_AUDIO' | translate }}"
-		(click)="toggleMic()"
+			id="mic"
-	>
-		<mat-icon *ngIf="!isAudioMuted" matTooltip="{{ 'TOOLBAR.MUTE_AUDIO' | translate }}" id="mic">mic</mat-icon>
-		<mat-icon *ngIf="isAudioMuted" matTooltip="{{ 'TOOLBAR.UNMUTE_AUDIO' | translate }}" id="mic_off"
-			>mic_off</mat-icon
 		>
+			mic
+		</mat-icon>
+		<mat-icon
+			*ngIf="isAudioMuted"
+			[matTooltipDisabled]="!hasAudioDevices"
+			matTooltip="{{ 'TOOLBAR.UNMUTE_AUDIO' | translate }}"
+			id="mic_off"
+		>
+			mic_off
+		</mat-icon>
 	</button>
 	<mat-form-field>
-		<mat-label>{{ 'PREJOIN.AUDIO_DEVICE' | translate }}</mat-label>
+		<mat-label *ngIf="hasAudioDevices">{{ 'PREJOIN.AUDIO_DEVICE' | translate }}</mat-label>
+		<mat-label *ngIf="!hasAudioDevices">{{ 'PREJOIN.NO_AUDIO_DEVICE' | translate }}</mat-label>
 		<mat-select
 			[disabled]="isAudioMuted || !hasAudioDevices"
 			[value]="microphoneSelected?.device"

openvidu-components-angular/projects/openvidu-angular/src/lib/components/settings/audio-devices/audio-devices.component.ts

@@ -22,7 +22,7 @@ export class AudioDevicesComponent implements OnInit, OnDestroy {
 	@Output() onAudioMutedClicked = new EventEmitter<boolean>();
 	hasAudioDevices: boolean;
 	isAudioMuted: boolean;
-	microphoneSelected: CustomDevice;
+	microphoneSelected: CustomDevice | null;
 	microphones: CustomDevice[] = [];
 	private localParticipantSubscription: Subscription;
 
@@ -40,8 +40,10 @@ export class AudioDevicesComponent implements OnInit, OnDestroy {
 			await this.deviceSrv.initializeDevices();
 		}
 		this.hasAudioDevices = this.deviceSrv.hasAudioDeviceAvailable();
-		this.microphones = this.deviceSrv.getMicrophones();
+		if(this.hasAudioDevices) {
-		this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
+			this.microphones = this.deviceSrv.getMicrophones();
+			this.microphoneSelected = this.deviceSrv.getMicrophoneSelected();
+		}
 		this.isAudioMuted = this.deviceSrv.isAudioMuted();
 		if (this.openviduService.isSessionConnected()) {
 			this.isAudioMuted = !this.participantService.isMyAudioActive();

openvidu-components-angular/projects/openvidu-angular/src/lib/components/settings/video-devices/video-devices.component.html

@@ -6,11 +6,26 @@
 		[class.warn-btn]="isVideoMuted"
 		(click)="toggleCam()"
 	>
-		<mat-icon *ngIf="!isVideoMuted" matTooltip="{{ 'TOOLBAR.MUTE_VIDEO' | translate }}" id="videocam">videocam</mat-icon>
+		<mat-icon
-		<mat-icon *ngIf="isVideoMuted" matTooltip="{{ 'TOOLBAR.UNMUTE_VIDEO' | translate }}" id="videocam_off">videocam_off</mat-icon>
+			*ngIf="!isVideoMuted"
+			[matTooltipDisabled]="!hasVideoDevices"
+			matTooltip="{{ 'TOOLBAR.MUTE_VIDEO' | translate }}"
+			id="videocam"
+		>
+			videocam
+		</mat-icon>
+		<mat-icon
+			*ngIf="isVideoMuted"
+			[matTooltipDisabled]="!hasVideoDevices"
+			matTooltip="{{ 'TOOLBAR.UNMUTE_VIDEO' | translate }}"
+			id="videocam_off"
+		>
+			videocam_off
+		</mat-icon>
 	</button>
 	<mat-form-field>
-		<mat-label>{{ 'PREJOIN.VIDEO_DEVICE' | translate }}</mat-label>
+		<mat-label *ngIf="hasVideoDevices">{{ 'PREJOIN.VIDEO_DEVICE' | translate }}</mat-label>
+		<mat-label *ngIf="!hasVideoDevices">{{ 'PREJOIN.NO_VIDEO_DEVICE' | translate }}</mat-label>
 		<mat-select
 			[disabled]="isVideoMuted || !hasVideoDevices"
 			[value]="cameraSelected?.device"

openvidu-components-angular/projects/openvidu-angular/src/lib/components/settings/video-devices/video-devices.component.ts

@@ -26,9 +26,9 @@ export class VideoDevicesComponent implements OnInit, OnDestroy {
 
 	videoMuteChanging: boolean;
 	isVideoMuted: boolean;
-	cameraSelected: CustomDevice;
+	cameraSelected: CustomDevice | null;
 	hasVideoDevices: boolean;
-	cameras: CustomDevice[];
+	cameras: CustomDevice[] = [];
 	localParticipantSubscription: Subscription;
 
 	constructor(
@@ -47,8 +47,10 @@ export class VideoDevicesComponent implements OnInit, OnDestroy {
 			await this.deviceSrv.initializeDevices();
 		}
 		this.hasVideoDevices = this.deviceSrv.hasVideoDeviceAvailable();
-		this.cameras = this.deviceSrv.getCameras();
+		if(this.hasVideoDevices){
-		this.cameraSelected = this.deviceSrv.getCameraSelected();
+			this.cameras = this.deviceSrv.getCameras();
+			this.cameraSelected = this.deviceSrv.getCameraSelected();
+		}
 		if (this.openviduService.isSessionConnected()) {
 			this.isVideoMuted = !this.participantService.getLocalParticipant().isCameraVideoActive();
 		} else {

openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html

@@ -21,8 +21,22 @@
 			[disabled]="isConnectionLost || !hasAudioDevices"
 			[class.warn-btn]="!isAudioActive"
 		>
-			<mat-icon *ngIf="isAudioActive" matTooltip="{{ 'TOOLBAR.MUTE_AUDIO' | translate }}" id="mic">mic</mat-icon>
+			<mat-icon
-			<mat-icon *ngIf="!isAudioActive" matTooltip="{{ 'TOOLBAR.UNMUTE_AUDIO' | translate }}" id="mic_off">mic_off</mat-icon>
+				*ngIf="isAudioActive"
+				[matTooltipDisabled]="!hasAudioDevices"
+				matTooltip="{{ 'TOOLBAR.MUTE_AUDIO' | translate }}"
+				id="mic"
+			>
+				mic
+			</mat-icon>
+			<mat-icon
+				*ngIf="!isAudioActive"
+				[matTooltipDisabled]="!hasAudioDevices"
+				matTooltip="{{ 'TOOLBAR.UNMUTE_AUDIO' | translate }}"
+				id="mic_off"
+			>
+				mic_off
+			</mat-icon>
 		</button>
 
 		<!-- Camera button -->
@@ -33,10 +47,22 @@
 			[disabled]="isConnectionLost || !hasVideoDevices || videoMuteChanging"
 			[class.warn-btn]="!isWebcamVideoActive"
 		>
-			<mat-icon *ngIf="isWebcamVideoActive" matTooltip="{{ 'TOOLBAR.MUTE_VIDEO' | translate }}" id="videocam">videocam</mat-icon>
+			<mat-icon
-			<mat-icon *ngIf="!isWebcamVideoActive" matTooltip="{{ 'TOOLBAR.UNMUTE_VIDEO' | translate }}" id="videocam_off"
+				*ngIf="isWebcamVideoActive"
-				>videocam_off</mat-icon
+				[matTooltipDisabled]="!hasVideoDevices"
+				matTooltip="{{ 'TOOLBAR.MUTE_VIDEO' | translate }}"
+				id="videocam"
 			>
+				videocam
+			</mat-icon>
+			<mat-icon
+				*ngIf="!isWebcamVideoActive"
+				[matTooltipDisabled]="!hasVideoDevices"
+				matTooltip="{{ 'TOOLBAR.UNMUTE_VIDEO' | translate }}"
+				id="videocam_off"
+			>
+				videocam_off
+			</mat-icon>
 		</button>
 
 		<!-- Screenshare button -->

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/cn.json

@@ -21,45 +21,47 @@
 		"DEVICE_SECTION": "选择你的设备",
 		"VIDEO_DEVICE": "视频设备",
 		"AUDIO_DEVICE": "音频设备",
+		"NO_VIDEO_DEVICE": "未找到视频设备",
+		"NO_AUDIO_DEVICE": "未找到音频设备",
 		"JOIN": "加入会话",
 		"PREPARING": "筹备会议"
 	},
 	"TOOLBAR": {
-		"MUTE_AUDIO":"将你的音频静音",
+		"MUTE_AUDIO": "将你的音频静音",
 		"UNMUTE_AUDIO": "取消音频静音",
-		"MUTE_VIDEO":  "将你的视频静音",
+		"MUTE_VIDEO": "将你的视频静音",
 		"UNMUTE_VIDEO": "取消你的视频静音",
-		"ENABLE_SCREEN":"启用屏幕共享",
+		"ENABLE_SCREEN": "启用屏幕共享",
-		"DISABLE_SCREEN":"禁用屏幕共享",
+		"DISABLE_SCREEN": "禁用屏幕共享",
-		"MORE_OPTIONS":"更多选项",
+		"MORE_OPTIONS": "更多选项",
-		"FULLSCREEN":"全屏",
+		"FULLSCREEN": "全屏",
 		"EXIT_FULLSCREEN": "退出全屏",
 		"ENABLE_CAPTIONS": "启用字幕",
 		"DISABLE_CAPTIONS": "禁用字幕",
-		"BACKGROUND":"背景效果",
+		"BACKGROUND": "背景效果",
 		"START_RECORDING": "开始录音",
 		"STOP_RECORDING": "停止录制",
-		"SETTINGS":"设置",
+		"SETTINGS": "设置",
-		"LEAVE":"离开会议",
+		"LEAVE": "离开会议",
-		"PARTICIPANTS":"参与者",
+		"PARTICIPANTS": "参与者",
-		"CHAT":"聊天",
+		"CHAT": "聊天",
 		"ACTIVITIES": "活动"
 	},
 	"STREAM": {
-		"SETTINGS":"设置",
+		"SETTINGS": "设置",
-		"MUTE_SOUND":"静音",
+		"MUTE_SOUND": "静音",
-		"UNMUTE_SOUND":"取消静音",
+		"UNMUTE_SOUND": "取消静音",
 		"ZOOM_IN": "放大",
-		"ZOOM_OUT":"缩小",
+		"ZOOM_OUT": "缩小",
 		"REPLACE_SCREEN": "更换屏幕"
 	},
 	"PANEL": {
 		"CLOSE": "关闭",
 		"CHAT": {
-			"TITLE":  "聊天",
+			"TITLE": "聊天",
 			"YOU": "你",
 			"SUBTITLE": "信息将在会议结束时被删除",
-			"PLACEHOLDER":  "发送消息...",
+			"PLACEHOLDER": "发送消息...",
 			"SEND": "发送"
 		},
 		"PARTICIPANTS": {
@@ -77,7 +79,7 @@
 		},
 		"BACKGROUND": {
 			"TITLE": "背景效果",
-			"BLURRED_SECTION":  "没有效果和模糊的背景",
+			"BLURRED_SECTION": "没有效果和模糊的背景",
 			"NO_EFFECTS": "没有背景效果",
 			"BLURRED_EFFECT": "模糊的背景",
 			"IMAGES_SECTION": "背景图像"

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/de.json

@@ -21,6 +21,8 @@
 		"DEVICE_SECTION": "Wählen Sie Ihre Geräte",
 		"VIDEO_DEVICE": "Videogerät",
 		"AUDIO_DEVICE": "Audiogerät",
+		"NO_VIDEO_DEVICE": "Video-Gerät nicht gefunden",
+		"NO_AUDIO_DEVICE": "Audio-Gerät nicht gefunden",
 		"JOIN": "Sitzung beitreten",
 		"PREPARING": "Sitzung vorbereiten..."
 	},

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/en.json

@@ -14,7 +14,6 @@
 		"SESSION": "Session",
 		"OUTPUT": "Output mode",
 		"POWERED_BY": "Powered by"
-
 	},
 	"PREJOIN": {
 		"NICKNAME_SECTION": "Set your nickname",
@@ -22,13 +21,15 @@
 		"DEVICE_SECTION": "Choose your devices",
 		"VIDEO_DEVICE": "Video device",
 		"AUDIO_DEVICE": "Audio device",
+		"NO_VIDEO_DEVICE": "Video device not found",
+		"NO_AUDIO_DEVICE": "Audio device not found",
 		"JOIN": "Join session",
 		"PREPARING": "Preparing session..."
 	},
 	"TOOLBAR": {
-		"MUTE_AUDIO":"Mute your audio",
+		"MUTE_AUDIO": "Mute your audio",
 		"UNMUTE_AUDIO": "Unmute your audio",
-		"MUTE_VIDEO":"Mute your video",
+		"MUTE_VIDEO": "Mute your video",
 		"UNMUTE_VIDEO": "Unmute your video",
 		"ENABLE_SCREEN": "Enable screen share",
 		"DISABLE_SCREEN": "Disable screen share",

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/es.json

@@ -21,13 +21,15 @@
 		"DEVICE_SECTION": "Elige tus dispositivos",
 		"VIDEO_DEVICE": "Dispositivo de video",
 		"AUDIO_DEVICE": "Dispositivo de audio",
+		"NO_VIDEO_DEVICE": "Dispositivo de vídeo no encontrado",
+		"NO_AUDIO_DEVICE": "Dispositivo de audio no encontrado",
 		"PREPARING": "Preparando la session ...",
 		"JOIN": "Unirme ahora"
 	},
 	"TOOLBAR": {
-		"MUTE_AUDIO":"Silenciar tu audio",
+		"MUTE_AUDIO": "Silenciar tu audio",
 		"UNMUTE_AUDIO": "Activar tu audio",
-		"MUTE_VIDEO":"Silenciar tu video",
+		"MUTE_VIDEO": "Silenciar tu video",
 		"UNMUTE_VIDEO": "Activar tu video",
 		"ENABLE_SCREEN": "Compartir pantalla",
 		"DISABLE_SCREEN": "Dejar de compartir pantalla",

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/fr.json

@@ -21,6 +21,8 @@
 		"DEVICE_SECTION": "Choisissez vos appareils",
 		"VIDEO_DEVICE": "Périphérique vidéo",
 		"AUDIO_DEVICE": "Périphérique audio",
+		"NO_VIDEO_DEVICE": "Appareil vidéo introuvable",
+		"NO_AUDIO_DEVICE": "Appareil audio introuvable",
 		"JOIN": "Joindre une session",
 		"PREPARING": "Préparation de la session ..."
 	},
@@ -96,7 +98,6 @@
 			"DOWNLOAD": "Télécharger",
 			"RECORDINGS": "ENREGISTREMENTS",
 			"NO_MODERATOR": "Seul le MODERATEUR peut lancer l'enregistrement"
-
 		}
 	},
 	"ERRORS": {

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/hi.json

@@ -21,6 +21,8 @@
 		"DEVICE_SECTION": "अपने डिवाइस चुनें",
 		"VIDEO_DEVICE": "वीडियो डिवाइस",
 		"AUDIO_DEVICE": "ऑडियो डिवाइस",
+		"NO_VIDEO_DEVICE": "वीडियो डिवाइस नहीं मिला",
+		"NO_AUDIO_DEVICE": "ऑडियो डिवाइस नहीं मिला",
 		"JOIN": "सत्र में शामिल हों",
 		"PREPARING": "सत्र तैयार कर रहा है ..."
 	},
@@ -43,7 +45,7 @@
 		"LEAVE": "सत्र छोड़ें",
 		"PARTICIPANTS": "सदस्य",
 		"CHAT": "बातचीत",
-        "ACTIVITIES": "गतिविधियाँ"
+		"ACTIVITIES": "गतिविधियाँ"
 	},
 	"STREAM": {
 		"SETTINGS": "सेटिंग्स",
@@ -82,7 +84,7 @@
 			"BLURRED_EFFECT": "पृष्ठभूमि धुंधली है",
 			"IMAGES_SECTION": "पृष्ठभूमि छवियां"
 		},
-        "RECORDING": {
+		"RECORDING": {
 			"TITLE": "रिकॉर्डिंग",
 			"SUBTITLE": "अपनी बैठक को भावी पीढ़ी के लिए रिकॉर्ड करें",
 			"CONTENT_TITLE": "अपना वीडियो कॉल रिकॉर्ड करें",
@@ -98,7 +100,7 @@
 			"NO_MODERATOR": "केवल मॉडरेटर ही रिकॉर्डिंग शुरू कर सकता है"
 		}
 	},
-    "ERRORS": {
+	"ERRORS": {
 		"SESSION": "सत्र से जुड़ने में त्रुटि हुई",
 		"CONNECTION": "कनेक्शन खो गया",
 		"RECONNECT": "ओह! सत्र से फिर से कनेक्ट करने का प्रयास कर रहा है",

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/it.json

@@ -21,6 +21,8 @@
 		"DEVICE_SECTION": "Scegli i tuoi dispositivi",
 		"VIDEO_DEVICE": "Dispositivo video",
 		"AUDIO_DEVICE": "Dispositivo audio",
+		"NO_VIDEO_DEVICE": "Dispositivo video non trovato",
+		"NO_AUDIO_DEVICE": "Dispositivo audio non trovato",
 		"JOIN": "Unisciti alla sessione",
 		"PREPARING": "Preparazione della sessione in corso..."
 	},
@@ -72,7 +74,7 @@
 			"GENERAL": "Generale",
 			"VIDEO": "video",
 			"AUDIO": "Audio",
-			"LANGUAGE":"Lingua",
+			"LANGUAGE": "Lingua",
 			"CAPTIONS": "Sottotitoli"
 		},
 		"BACKGROUND": {

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/ja.json

@@ -1,5 +1,5 @@
 {
-    "ADMIN": {
+	"ADMIN": {
 		"LOGIN": "ログイン",
 		"SECRET": "ひみつ",
 		"SECRET_REQURED": "秘密が必要です",
@@ -15,90 +15,92 @@
 		"OUTPUT": "出力モード",
 		"POWERED_BY": "搭載"
 	},
-    "PREJOIN": {
+	"PREJOIN": {
-        "NICKNAME_SECTION": "ニックネームを設定してください",
+		"NICKNAME_SECTION": "ニックネームを設定してください",
-        "NICKNAME": "ニックネーム",
+		"NICKNAME": "ニックネーム",
-        "DEVICE_SECTION": "デバイスを選択してください",
+		"DEVICE_SECTION": "デバイスを選択してください",
-        "VIDEO_DEVICE": "ビデオデバイス",
+		"VIDEO_DEVICE": "ビデオデバイス",
-        "AUDIO_DEVICE": "オーディオデバイス",
+		"AUDIO_DEVICE": "オーディオデバイス",
-        "JOIN": "セッションに参加する",
+		"NO_VIDEO_DEVICE": "ビデオデバイスが見つかりません",
-        "PREPARING": "セッションの準備中..."
+		"NO_AUDIO_DEVICE": "オーディオデバイスが見つかりません",
-    },
+		"JOIN": "セッションに参加する",
-    "TOOLBAR": {
+		"PREPARING": "セッションの準備中..."
-        "MUTE_AUDIO": "オーディオをミュートする",
+	},
-        "UNMUTE_AUDIO": "オーディオをミュートしない",
+	"TOOLBAR": {
-        "MUTE_VIDEO": "ビデオをミュートする",
+		"MUTE_AUDIO": "オーディオをミュートする",
-        "UNMUTE_VIDEO": "ビデオをミュートしない",
+		"UNMUTE_AUDIO": "オーディオをミュートしない",
-        "ENABLE_SCREEN": "スクリーン共有を有効にする",
+		"MUTE_VIDEO": "ビデオをミュートする",
-        "DISABLE_SCREEN": "スクリーン共有を無効にする",
+		"UNMUTE_VIDEO": "ビデオをミュートしない",
-        "MORE_OPTIONS": "その他のオプション",
+		"ENABLE_SCREEN": "スクリーン共有を有効にする",
-        "FULLSCREEN": "フルスクリーン",
+		"DISABLE_SCREEN": "スクリーン共有を無効にする",
-        "EXIT_FULLSCREEN": "フルスクリーンを終了する",
+		"MORE_OPTIONS": "その他のオプション",
-        "ENABLE_CAPTIONS": "字幕を有効にする",
+		"FULLSCREEN": "フルスクリーン",
+		"EXIT_FULLSCREEN": "フルスクリーンを終了する",
+		"ENABLE_CAPTIONS": "字幕を有効にする",
 		"DISABLE_CAPTIONS": "字幕を無効にする",
-        "BACKGROUND": "背景効果",
+		"BACKGROUND": "背景効果",
-        "START_RECORDING": "録画開始",
+		"START_RECORDING": "録画開始",
 		"STOP_RECORDING": "録画の停止",
-        "SETTINGS": "設定",
+		"SETTINGS": "設定",
-        "LEAVE": "セッションを終了する",
+		"LEAVE": "セッションを終了する",
-        "PARTICIPANTS": "参加者",
+		"PARTICIPANTS": "参加者",
-        "CHAT": "チャット",
+		"CHAT": "チャット",
-        "ACTIVITIES": "アクティビティ"
+		"ACTIVITIES": "アクティビティ"
-    },
+	},
-    "STREAM": {
+	"STREAM": {
-        "SETTINGS": "設定",
+		"SETTINGS": "設定",
-        "MUTE_SOUND": "サウンドをミュートする",
+		"MUTE_SOUND": "サウンドをミュートする",
-        "UNMUTE_SOUND": "サウンドをミュートしない",
+		"UNMUTE_SOUND": "サウンドをミュートしない",
-        "ZOOM_IN": "拡大する",
+		"ZOOM_IN": "拡大する",
-        "ZOOM_OUT": "縮小する",
+		"ZOOM_OUT": "縮小する",
-        "REPLACE_SCREEN": "スクリーンを入れ替える"
+		"REPLACE_SCREEN": "スクリーンを入れ替える"
-    },
+	},
-    "PANEL": {
+	"PANEL": {
-        "CLOSE": "閉じる",
+		"CLOSE": "閉じる",
-        "CHAT": {
+		"CHAT": {
-            "TITLE": "チャット",
+			"TITLE": "チャット",
-            "YOU": "あなた",
+			"YOU": "あなた",
-            "SUBTITLE": "メッセージはセッション終了時に削除されます",
+			"SUBTITLE": "メッセージはセッション終了時に削除されます",
-            "PLACEHOLDER": "メッセージを送信...",
+			"PLACEHOLDER": "メッセージを送信...",
-            "SEND": "送信する"
+			"SEND": "送信する"
-        },
+		},
-        "PARTICIPANTS": {
+		"PARTICIPANTS": {
-            "TITLE": "参加者",
+			"TITLE": "参加者",
-            "CAMERA": "カメラ",
+			"CAMERA": "カメラ",
-            "SCREEN": "スクリーン"
+			"SCREEN": "スクリーン"
-        },
+		},
-        "SETTINGS": {
+		"SETTINGS": {
 			"TITLE": "設定",
 			"GENERAL": "全般的",
 			"VIDEO": "ビデオ",
 			"AUDIO": "オーディオ",
-			"LANGUAGE":"言語",
+			"LANGUAGE": "言語",
-            "CAPTIONS": "字幕"
+			"CAPTIONS": "字幕"
 		},
-        "BACKGROUND": {
+		"BACKGROUND": {
-            "TITLE": "背景効果",
+			"TITLE": "背景効果",
-            "BLURRED_SECTION": "エフェクトなし、ぼやけた背景",
+			"BLURRED_SECTION": "エフェクトなし、ぼやけた背景",
-            "NO_EFFECTS": "背景エフェクトなし",
+			"NO_EFFECTS": "背景エフェクトなし",
-            "BLURRED_EFFECT": "ぼやけた背景",
+			"BLURRED_EFFECT": "ぼやけた背景",
-            "IMAGES_SECTION": "背景画像"
+			"IMAGES_SECTION": "背景画像"
-        },
+		},
-        "RECORDING": {
+		"RECORDING": {
 			"TITLE": "レコーディング",
 			"SUBTITLE": "会議を録音して後世に残す",
 			"CONTENT_TITLE": "ビデオ通話を録音する",
 			"CONTENT_SUBTITLE": "録音が完了したら、簡単にダウンロードできます",
 			"STARTING": "録画開始",
-            "STOPPING": "録音を停止します",
+			"STOPPING": "録音を停止します",
 			"PLAY": "遊ぶ",
 			"DELETE": "消去",
-            "CANCEL": "キャンセル",
+			"CANCEL": "キャンセル",
 			"DELETE_QUESTION": "録音を削除してもよろしいですか",
 			"DOWNLOAD": "ダウンロード",
-            "RECORDINGS": "録画",
+			"RECORDINGS": "録画",
 			"NO_MODERATOR": "録音を開始できるのは、モデレーターのみです"
 		}
-    },
+	},
-    "ERRORS": {
+	"ERRORS": {
 		"SESSION": "セッションへの接続にエラーが発生しました",
 		"CONNECTION": "接続が失われました",
 		"RECONNECT": "セッションへの再接続を試みています",

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/nl.json

@@ -21,6 +21,8 @@
 		"DEVICE_SECTION": "Kies je apparaten",
 		"VIDEO_DEVICE": "Videospeler",
 		"AUDIO_DEVICE": "Audiospeler",
+		"NO_VIDEO_DEVICE": "Videoapparaat niet gevonden",
+		"NO_AUDIO_DEVICE": "Audioapparaat niet gevonden",
 		"JOIN": "Deelnemen aan sessie",
 		"PREPARING": "Sessie voorbereiden ..."
 	},
@@ -37,13 +39,13 @@
 		"ENABLE_CAPTIONS": "Ondertiteling inschakelen",
 		"DISABLE_CAPTIONS": "Ondertiteling uitschakelen",
 		"BACKGROUND": "Achtergrondeffecten",
-        "START_RECORDING": "Start opname",
+		"START_RECORDING": "Start opname",
 		"STOP_RECORDING": "Stop opname",
 		"SETTINGS": "Instellingen",
 		"LEAVE": "Verlaat de sessie",
 		"PARTICIPANTS": "Deelnemers",
 		"CHAT": "Chat",
-        "ACTIVITIES": "Activiteiten"
+		"ACTIVITIES": "Activiteiten"
 	},
 	"STREAM": {
 		"SETTINGS": "Instellingen",
@@ -72,7 +74,7 @@
 			"GENERAL": "Algemeen",
 			"VIDEO": "Video",
 			"AUDIO": "Audio",
-			"LANGUAGE":"Taal",
+			"LANGUAGE": "Taal",
 			"CAPTIONS": "Ondertitels"
 		},
 		"BACKGROUND": {
@@ -108,5 +110,5 @@
 		"SCREEN_SUPPORT": "Uw browser ondersteunt het delen van schermen niet",
 		"MEDIA_ACCESS": "Toegang tot media-apparaten was niet toegestaan.",
 		"DEVICE_NOT_FOUND": "Er zijn geen video- of audioapparaten gevonden. Sluit er alstublieft ten minste één aan."
-    }
+	}
 }

openvidu-components-angular/projects/openvidu-angular/src/lib/lang/pt.json

@@ -21,6 +21,8 @@
 		"DEVICE_SECTION": "Escolha seus dispositivos",
 		"VIDEO_DEVICE": "Dispositivo de vídeo",
 		"AUDIO_DEVICE": "Dispositivo de áudio",
+		"NO_VIDEO_DEVICE": "Dispositivo de vídeo não encontrado",
+		"NO_AUDIO_DEVICE": "Dispositivo de áudio não encontrado",
 		"JOIN": "Entrar na sessão",
 		"PREPARING": "Preparando sessão..."
 	},
@@ -72,7 +74,7 @@
 			"GENERAL": "Em geral",
 			"VIDEO": "Vídeo",
 			"AUDIO": "Áudio",
-			"LANGUAGE":"Linguagem",
+			"LANGUAGE": "Linguagem",
 			"CAPTIONS": "Legendas"
 		},
 		"BACKGROUND": {