v8.51.4

Video properties

The video editor extension isn't included in the Pintura image editor product package, it's available as an upgrade on the pricing page

The extension currently doesn't support annotations, decorations, redactions, and frame styles.

The clientside video encoding is aimed at encoding short videos, it's strongly advised to use server side encoding for video's longer than a couple minutes.

Live demo of Pintura with video editor extension

A list of properties to read from and write to the current state of the video loaded in the editor.

Properties are still prefixed with image to maintain backward compatibility, this will be corrected in version 9 of the editor.

Readonly video properties.

Property Description
imageDuration The duration of the loaded video in seconds. Is set to undefined when an image is loaded.

Video properties to update the video state.

Property Default value Description
imageTrim
undefined
An array of numbers to describe the ranges that should be trimmed.

imageDuration

The duration of the loaded video. Is undefined when an image is loaded.

imageTrim

An array of fractions to describe the ranges that should be trimmed, .5 meaning halfway through the video.

<!DOCTYPE html>

<link rel="stylesheet" href="./pintura.css" />

<style>
    .pintura-editor {
        height: 600px;
    }
</style>

<div id="editor"></div>

<script type="module">
    import { appendDefaultEditor } from './pintura.js';

    const editor = appendDefaultEditor('#editor', {
        src: 'image.jpeg',
        imageTrim: [
            [0.25, 0.5],
            [0.7, 0.9],
        ],
    });
</script>