Skip to content

Instantly share code, notes, and snippets.

@arn4v
Last active January 17, 2023 19:30
Show Gist options
  • Save arn4v/757b8411318e3306a3d7fc7d8b1cf336 to your computer and use it in GitHub Desktop.
Save arn4v/757b8411318e3306a3d7fc7d8b1cf336 to your computer and use it in GitHub Desktop.
Roadmap of my browser-based video editor

Roadmap

Currently focussing on table-stakes.

Editor Interface

  • Project settings
    • Frame rate
    • Aspect ratio
  • [🚧] Asset Manager
    • Upload asset
    • Delete asset
    • Preview (Audio/Video only)
  • Timeline
    • Drag and drop from Asset-manager
    • Timeline scaling/scale controller
    • Seekbar/Timestamps
    • Separate audio/visual track handling
    • [🚧] Asset Handling on timeline
      • [🚧] Resize/trim assets
      • Drag to change start position
      • Snap to nearest asset - P0
      • Delete item from timeline (Context menu)
      • Mute video (Context menu)
      • Drag above/below track or in the middle of two tracks to create new track - P1
      • Drag and drop to other tracks - P1
      • Drag from empty area to select (akin to text selection) - P1
      • Keyboard shortcuts (only when an asset instance is focused) - P1
        • Deleted
        • Arrow left/right to move asset around
  • Renderer
    • Canvas setup
    • Play pause hotkey (Space)
    • Custom timer w/ window.requestAnimationFrame
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment