ui : Accept WEBM video files (#28622)

tools/ui/src/lib/constants/supported-file-types.constants.ts

@@ -40,6 +40,10 @@ export const VIDEO_FILE_TYPES = {
 	[FileTypeVideo.OGG]: {
 		extensions: [FileExtensionVideo.OGG],
 		mimeTypes: [MimeTypeVideo.OGG]
+	},
+	[FileTypeVideo.WEBM]: {
+		extensions: [FileExtensionVideo.WEBM],
+		mimeTypes: [MimeTypeVideo.WEBM]
 	}
 } as const;
 

tools/ui/src/lib/enums/files.enums.ts

@@ -38,7 +38,8 @@ export enum FileTypeAudio {
 
 export enum FileTypeVideo {
 	MP4 = 'mp4',
-	OGG = 'ogg'
+	OGG = 'ogg',
+	WEBM = 'webm'
 }
 
 export enum FileTypePdf {
@@ -104,7 +105,8 @@ export enum FileExtensionAudio {
 
 export enum FileExtensionVideo {
 	MP4 = '.mp4',
-	OGG = '.ogg'
+	OGG = '.ogg',
+	WEBM = '.webm'
 }
 
 export enum FileExtensionPdf {
@@ -203,7 +205,8 @@ export enum MimeTypeAudio {
 
 export enum MimeTypeVideo {
 	MP4 = 'video/mp4',
-	OGG = 'video/ogg'
+	OGG = 'video/ogg',
+	WEBM = 'video/webm'
 }
 
 export enum MimeTypeImage {

tools/ui/src/lib/utils/file-type.ts

@@ -51,6 +51,7 @@ export function getFileTypeCategory(mimeType: string): FileTypeCategory | null {
 		// Video
 		case MimeTypeVideo.MP4:
 		case MimeTypeVideo.OGG:
+		case MimeTypeVideo.WEBM:
 			return FileTypeCategory.VIDEO;
 
 		// PDF