webgl-video-editor
TypeScript icon, indicating that this package has built-in type declarations

0.0.0 • Public • Published

An embeddable, framework-agnostic, browser-based video editor

Screenshot

https://miru.media/video-editor

npm install webgl-video-editor
<!-- after importing the library, the <video-editor> custom element will be defined -->
<video-editor id="trimmer" source="video.mp4"></video-editor>

<button id="export" type="buton">Get trimmed video</button>

<script>
import 'webgl-video-editor'

const editor = document.getElementById('editor')

async function restoreFromLocalStorage() {
  try {
    const savedJson = localStorage.getItem(movieContentKey)

    if (savedJson) {
      const parsed = JSON.parse(savedJson)
      return editor.replaceContent(parsed)
    }
  }
  catch (error) {
    console.error(error)
  }
}

restoreFromLocalStorage()

// save to localStorage when the content changes
editor.addEventListener('change', function (event) {
  localStorage.setItem(movieContentKey, JSON.stringify(event.detail))
})
<script>

Powered by:

Roadmap

  • [ ] Bitrate/filesize controls
  • [ ] Webm support
  • [ ] Color profile settings

Funding

This project is funded through NGI Zero Core, a fund established by NLnet with financial support from the European Commission's Next Generation Internet program. Learn more at the NLnet project page.

NLnet foundation logo NGI Zero Logo

Readme

Keywords

none

Package Sidebar

Install

npm i webgl-video-editor

Homepage

miru.media

Weekly Downloads

2

Version

0.0.0

License

AGPL-3.0-only

Unpacked Size

1.29 MB

Total Files

24

Last publish

Collaborators

  • taye