Skip to main content

Pause, resume and abort conversion

You can pause, resume and abort the conversion process.

Create a webcodecsController() and use the following methods:

Pause and resume

Pause and resume
tsx
import {webcodecsController, convertMedia} from'@remotion/webcodecs';
constcontroller=webcodecsController();
convertMedia({
src: 'https://www.w3schools.com/html/mov_bbb.mp4',
container: 'webm',
controller,
})
.then(() => {
console.log('Finished downloading');
})
.catch((err) => {
console.error('Error downloading', err);
});
// Wait 1 sec, pause, wait 1 sec, resume
awaitnewPromise((resolve) =>setTimeout(resolve, 1000));
controller.pause();
awaitnewPromise((resolve) =>setTimeout(resolve, 1000));
controller.resume();

Cancel a conversion

Cancel a conversion process
tsx
import {webcodecsController, convertMedia} from'@remotion/webcodecs';
constcontroller=webcodecsController();
convertMedia({
src: 'https://www.w3schools.com/html/mov_bbb.mp4',
container: 'webm',
controller,
})
.then(() => {
console.log('Finished parsing');
})
.catch((err) => {
console.error('Error parsing', err);
});
// Cancel after 10 seconds
awaitnewPromise((resolve) =>setTimeout(resolve, 10_000));
controller.abort();

Checking if a conversion was aborted

Use the hasBeenAborted() function to check if a conversion was aborted using the .abort() method.

Checking if a conversion was aborted
tsx
import {hasBeenAborted} from'@remotion/media-parser';
import {webcodecsController, convertMedia} from'@remotion/webcodecs';
constcontroller=webcodecsController();
constpromise=convertMedia({
src: 'https://www.w3schools.com/html/mov_bbb.mp4',
container: 'webm',
controller,
})
.then(() => {
console.log('Finished conversion');
})
.catch((err) => {
if (hasBeenAborted(err)) {
console.log('Conversion was cancelled');
} else {
console.error('Error converting', err);
}
});

See also

AltStyle によって変換されたページ (->オリジナル) /