Ionic version 7 Pwa apps - record video how to becuase media plugin its now not show in native plugin

i am working on pwa ionic 7 and angular 17. but i need some record video , with pwa but its plugin not working any idea about thier alternative plugin. community plugin only work on mobile app and not longer supported.


your problem is not that “it’s not working” but that it’s not installing.

you have dependency conflicts because you are using @ionic-native packages, which are deprecated, they were “renamed” to @awesome-cordova-plugins and that’s what you should be using

hi i install , awesome-cordova-plugin @media-capture , but video not record showing this error

Error :
src/app/home/home.page.ts:59:9 - error TS2345: Argument of type ‘(data: MediaFile) => void’ is not assignable to parameter of type ‘(value: MediaFile | CaptureError) => void | PromiseLike’.
Types of parameters ‘data’ and ‘value’ are incompatible.
Type ‘MediaFile | CaptureError’ is not assignable to type ‘MediaFile’.
Type ‘CaptureError’ is missing the following properties from type ‘MediaFile’: length, pop, push, concat, and 26 more.

59 (data: MediaFile) => { }
}

Code : async takeVideo() {
const options: CaptureVideoOptions = {
limit: 1,
duration: 30, // Set the maximum duration for the recording (in seconds)
};
this.mediaCapture.captureVideo(options)
.then(
(data: MediaFile) => {
console.log(data);
},
(err: CaptureError) => console.error(err)
);

}

Please use proper code blocks - Extended Syntax | Markdown Guide

I don’t know anything about video recording in Capacitor but this post might be of help - Alternative to @teamhive/capacitor-video-recorder - #2 by Bauss