We have developed a feature in our Angular application to create a video file using MediaRecorder APIs. This application is intended to work seamlessly across Chrome, Edge, and Safari browsers. Users can create and preview the video file.
When a video file is created in Chrome and Edge, the format of the video file is WebM. The feature functions correctly in Chrome and Edge browsers, allowing users to create video files (including audio) and preview them.
However, when users perform the same action in Safari browser, the created video file format is MP4, which can be previewed in all supported browsers. The issue arises when attempting to preview the file created using Chrome and Edge in Safari browser.
The video files are stored in Azure Blob Storage via a .NET Core API.
Has anyone encountered a similar challenge and can offer assistance in resolving this issue? We require a universal video file format that can be used across all major browsers.