feat/make-transcription-configurable (#195)

* add option to disable transcription from config

* Fix typo

* remove blank line

* rm dir

README.md

@@ -77,5 +77,6 @@ can be found here: [config.example.js](public/config/config.example.js).
 | logo | If not null, it shows the logo loaded from the specified URL, otherwise it shows the title. | `"url"` | ``"images/logo.edumeet.svg"`` |
 | title | The title to show if the logo is not specified. | `"string"` | ``"edumeet"`` |
 | randomizeOnBlank | Enable or disable randomize room name when it is blank. | `"boolean"` | ``true`` |
+| transcriptionEnabled | Enable or disable transcription. | `"boolean"` | ``true`` |
 
 ---

public/config/config.example.js

@@ -146,6 +146,9 @@ var config = {
 	// otherwise, it will remain empty and users will have to enter a room name.
 	randomizeOnBlank: true,
 
+	// Enable or disable transcription.
+	transcriptionEnabled: true,
+
 	// Client theme. Take a look at mui theme documentation.
 	theme: {
 		palette: {

src/services/mediaService.tsx

@@ -17,6 +17,7 @@ import { ProducerSource } from '../utils/types';
 import { MediaSender } from '../utils/mediaSender';
 import type { ClientMonitor } from '@observertc/client-monitor-js';
 import { Logger } from '../utils/Logger';
+import edumeetConfig from '../utils/edumeetConfig';
 
 const logger = new Logger('MediaService');
 
@@ -665,7 +666,7 @@ export class MediaService extends EventEmitter {
 	get localCapabilities(): LocalCapabilities {
 		return {
 			canRecord: Boolean(MediaRecorder),
-			canTranscribe: Boolean(window.webkitSpeechRecognition),
+			canTranscribe: Boolean(window.webkitSpeechRecognition) && edumeetConfig.transcriptionEnabled,
 		};
 	}
 

src/utils/types.tsx

@@ -78,6 +78,7 @@ export const defaultEdumeetConfig: EdumeetConfig = {
 	},
 	title: 'edumeet',
 	randomizeOnBlank: true,
+	transcriptionEnabled: true,
 	theme: {
 		background: 'linear-gradient(135deg, rgba(1,42,74,1) 0%, rgba(1,58,99,1) 50%, rgba(1,73,124,1) 100%)',
 		appBarColor: 'rgba(0, 0, 0, 0.4)',
@@ -129,6 +130,7 @@ export interface EdumeetConfig {
 	notificationSounds: Record<NotificationType, NotificationSound>;
 	title: string;
 	randomizeOnBlank: boolean;
+	transcriptionEnabled: boolean;
 	theme: ThemeOptions;
 	reduxLoggingEnabled: boolean;
 }

src/views/landingpage/LandingPage.tsx

@@ -11,7 +11,6 @@ import { QRCode } from 'react-qrcode-logo';
 import ImpressumButton from '../../components/controlbuttons/ImpressumButton';
 import edumeetConfig from '../../utils/edumeetConfig';
 
-
 const LandingPage = (): JSX.Element => {
 	const navigate = useNavigate();
 	const randomizeOnBlank = edumeetConfig.randomizeOnBlank;
@@ -53,4 +52,4 @@ const LandingPage = (): JSX.Element => {
 	);
 };
 
-export default LandingPage;
+export default LandingPage;