packages/docs/docs/webcodecs/webcodecs-controller.mdx
:::warning We are phasing out Remotion WebCodecs and are moving to Mediabunny! :::
Pass webcodecsController() to controller to steer the convertMedia() function.
import {webcodecsController, convertMedia} from '@remotion/webcodecs';
const controller = webcodecsController();
convertMedia({
src: 'https://www.w3schools.com/html/mov_bbb.mp4',
container: 'webm',
controller,
});
// Pause
controller.pause();
// Resume
controller.resume();
// Abort
controller.abort();
This function returns an object that can be passed to convertMedia({controller}).
It has the following methods:
pause()Pauses the conversion.
resume()Resumes the conversion.
abort()Aborts the conversion.
addEventListener()See events below.
removeEventListener()See events below.
You can attach event listeners to the webcodecsController object.
import {webcodecsController, convertMedia} from '@remotion/webcodecs';
const controller = webcodecsController();
const onPause = () => {
console.log('Paused');
};
const onResume = () => {
console.log('Resumed');
};
controller.addEventListener('pause', onPause);
controller.addEventListener('resume', onResume);
// Make sure to cleanup later:
controller.removeEventListener('pause', onPause);
controller.removeEventListener('resume', onResume);
The webcodecsController object emits the following events:
pauseEmitted when the conversion is paused.
resumeEmitted when the conversion is resumed.