SolveigMM’s HTML5 video editor offers a refined, accessible solution for smooth video editing, adaptable for use in browsers, as a desktop app, or as a flexible component for integration. Crafted for both professional and social media creators, this editor brings together a range of advanced tools, customizable options, and robust media support, all without the need for traditional software installation.
The multiselection feature allows editors to handle multiple clips or assets at once, enabling collective actions such as dragging, deleting, and copying across the timeline. This streamlined functionality is especially useful for handling complex projects efficiently, as it reduces repetitive individual asset adjustments.
The tool is exactly what it sounds like. We just need to click and drag to select as many assets on the timeline as we need.
Ripple Trim and Ripple Delete
With Ripple Trim, editors can shorten segments without disrupting the timeline structure; it automatically adjusts subsequent elements to maintain continuity. Similarly, Ripple Delete removes selected clips and closes gaps, making it easy to maintain smooth transitions without manual repositioning.
For this tool we need to use hotkeys (user is able to customize it) – by default:
T – ripple delete (click on asset to ripple delete)
Q – ripple trim previous (to the left from the playhead)
W – ripple trim next (to the right from the playhead)
HLS Support
The editor now supports HTTP Live Streaming (HLS) links both TS and fMP4, enabling users to directly ingest and work with live-streamed content. This feature is invaluable for broadcast professionals and content creators working with streaming media, as it allows importing and playback of pre-recorded HLS archives and editing and effortless MP4 export without full re-encoding.
For industry-grade projects, the editor provides MXF file support, including compatibility with XDCAM and XAVC formats. The Smart Rendering option retains the original file properties and metadata ensuring output fidelity. Native File Playback mode further enhances efficiency by allowing MXF ingesting and editing without generating proxies, delivering real-time performance without intermediate file creation.
!! This feature demo may be enabled by request, please contact us.
Customizable Hotkeys
To maximize editing efficiency, users can assign specific keyboard shortcuts to frequently used tools and actions. This customization accommodates various workflows, helping editors tailor the interface to their own needs for an optimized experience.
Click on the Editor Menu icon (top in the toolbar) and choose Hotkeys Settings. It will open a list of all tools with assigned hotkeys that you can change by your choice.
Here is a full list of a customizable functions:
Undo
Redo
Add to timeline
Decrease clip volume
Tools
Preview
Increase clip volume
Previous frame
Next frame
Zoom in
Zoom out
Ripple delete
Ripple trim previous
Ripple trim next
Select clips at current position
Cut clip(s)
Play/Pause
Delete
Copy
Paste
Play
Pause
Customized settings also can be saved as a preset which will appear in a drop-down list.
Brand Customization
The editor is highly adaptable for brand integration, allowing modification of logos, color schemes, button functions, tooltips, and even language localization. This customization makes the HTML5 editor ideal for businesses requiring white-label solutions that fit seamlessly into their existing systems.
Here we have options to change the company name, the editor name (that will appear in the upper left corner, the logo (will appear before the editor name), the user’s avatar, color theme (dark, light or custom) and also add java script or customize editor’s text.
Trim Edges
Trim Edges is an intuitive tool for precision editing, letting users cut out the start and end frames of clips by dragging the edges. This feature is ideal for making exact timing adjustments, delivering a cleaner, professional look to the finished product without impacting the main content.
Simple as it sounds – just drag that edge.
React Component Integration
For developers, the HTML5 video editor can be integrated as a React component, simplifying the embedding of video editing capabilities into applications. This modular structure makes it highly versatile for use in custom-built platforms and web applications, catering to various development needs.
Chroma Key
With the Chroma Key feature, users can apply green screen effects, adding new backgrounds seamlessly. This feature supports real-time background replacement, helping creators produce visually dynamic content without intensive post-production steps. Two modes of rendering are available: CPU and GPU. GPU produces a mixing of better quality. It is enabled by request, please contact us.
!! Please keep in mind that you can’t use this function with MXF files on the timeline.
How to use Chroma Key:
Put the source footage below the clip with a chroma key area
Click the Chroma Key button to activate it
Pick/choose a color of chroma key area
Adjust settings for your need
Click the source clip
Adjust size and position to fit the chroma key area
Stock Image Library
Integrated stock image libraries offer quick access to images, streamlining the process of sourcing and adding high-quality visuals directly into the timeline. This allows editors to enhance their projects without leaving the editing interface, saving time and ensuring a cohesive visual experience. Now we offer an integration of two main stock image libraries – Unspalsh and Pexels, which allow you to use images for free.
Go to the search field and type what you’re looking for, choose a library (Pexels, Unsplash or Native images) and you’ll get a bunch of results. Simply drag and drop it on your timeline or click the “+” icon in the top right corner of the image.
Voice Over
The editor’s built-in voice-over functionality allows users to record audio directly into their projects, with volume adjustment options to create balanced soundscapes. This feature is particularly useful for adding commentary, narration, or custom audio effects in real time.
Here we have following features:
Choose a recording device
Adjust volume level
Auto adjusting volume
Test mic
Mute the timeline (muting the timeline soundtrack)
Rewind slider at the start of record
Countdown
Choose a mic, make your settings and click “start recording” to have an audio track with your narrative.
Online Demo Options
The editor is available for evaluation through an online demo or via a Docker-based on-premise version for enterprise-level testing. This flexibility allows organizations to
assess the tool in the environment that best meets their privacy and performance requirements before full integration.
Full HEVC (high-efficiency video coding) compatibility ensures that MP4 files are handled efficiently, enabling playback and rendering without proxy encoding. This feature is particularly beneficial for large-scale projects requiring high-quality compression, maintaining both quality and storage efficiency.
Desktop Edition
The editor also offers a desktop version for both Windows and Mac users, which enhances editing speed by bypassing the need for file uploads. This option is perfect for users working with large media files, providing a smooth, uninterrupted workflow on local hardware.
The HTML5 video editor by SolveigMM delivers a well-rounded editing solution with an array of customizable and advanced media handling options. With new additions like HLS and MXF support, Chroma Key, and React integration, this editor caters to a wide range of video editing needs, from social media creators to professional studios and broadcasting. Its accessibility, customization options, and powerful features make it a versatile and efficient choice for modern, browser-based video editing.
HTML5 Video Editor is the professional online video editing tool that can be embedded in your Media Asset Management System (MAM), Learning Management System (LMS), Newsroom or in Healthcare system. The editor can work both in the cloud and on premise, as it integrates with existing systems. What is especially significant, when editing the smart […]
Millions of people who have access to the Internet have become interested in video blogging. This is an easily accessible and simple format for vlogging that attracts the widest possible audience. However, the majority of beginner vloggers think that the standard set of smartphone features is enough to become successful on YouTube and other social […]
Overview of the HTML5 Video Editor Version 2 and its Enhanced Features
SolveigMM’s HTML5 video editor offers a refined, accessible solution for smooth video editing, adaptable for use in browsers, as a desktop app, or as a flexible component for integration. Crafted for both professional and social media creators, this editor brings together a range of advanced tools, customizable options, and robust media support, all without the need for traditional software installation.
Video editor is accessible here – https://www.solveigmm.com/en/products/html5-cloud-video-editing
Below, we explore the editor’s recent upgrades designed to simplify workflows and elevate editing accuracy.
* For the main features review of the version 1 please follow this link – https://www.solveigmm.com/blog/en/html5-video-editor-release
Multiselection
The multiselection feature allows editors to handle multiple clips or assets at once, enabling collective actions such as dragging, deleting, and copying across the timeline. This streamlined functionality is especially useful for handling complex projects efficiently, as it reduces repetitive individual asset adjustments.
The tool is exactly what it sounds like. We just need to click and drag to select as many assets on the timeline as we need.
Ripple Trim and Ripple Delete
With Ripple Trim, editors can shorten segments without disrupting the timeline structure; it automatically adjusts subsequent elements to maintain continuity. Similarly, Ripple Delete removes selected clips and closes gaps, making it easy to maintain smooth transitions without manual repositioning.
For this tool we need to use hotkeys (user is able to customize it) – by default:
T – ripple delete (click on asset to ripple delete)
Q – ripple trim previous (to the left from the playhead)
W – ripple trim next (to the right from the playhead)
HLS Support
The editor now supports HTTP Live Streaming (HLS) links both TS and fMP4, enabling users to directly ingest and work with live-streamed content. This feature is invaluable for broadcast professionals and content creators working with streaming media, as it allows importing and playback of pre-recorded HLS archives and editing and effortless MP4 export without full re-encoding.
HLS examples can be found here:
https://developer.apple.com/streaming/examples/
MXF Support and Native File Playback
For industry-grade projects, the editor provides MXF file support, including compatibility with XDCAM and XAVC formats. The Smart Rendering option retains the original file properties and metadata ensuring output fidelity. Native File Playback mode further enhances efficiency by allowing MXF ingesting and editing without generating proxies, delivering real-time performance without intermediate file creation.
!! This feature demo may be enabled by request, please contact us.
Customizable Hotkeys
To maximize editing efficiency, users can assign specific keyboard shortcuts to frequently used tools and actions. This customization accommodates various workflows, helping editors tailor the interface to their own needs for an optimized experience.
Click on the Editor Menu icon (top in the toolbar) and choose Hotkeys Settings. It will open a list of all tools with assigned hotkeys that you can change by your choice.
Here is a full list of a customizable functions:
Customized settings also can be saved as a preset which will appear in a drop-down list.
Brand Customization
The editor is highly adaptable for brand integration, allowing modification of logos, color schemes, button functions, tooltips, and even language localization. This customization makes the HTML5 editor ideal for businesses requiring white-label solutions that fit seamlessly into their existing systems.
Here we have options to change the company name, the editor name (that will appear in the upper left corner, the logo (will appear before the editor name), the user’s avatar, color theme (dark, light or custom) and also add java script or customize editor’s text.
Trim Edges
Trim Edges is an intuitive tool for precision editing, letting users cut out the start and end frames of clips by dragging the edges. This feature is ideal for making exact timing adjustments, delivering a cleaner, professional look to the finished product without impacting the main content.
Simple as it sounds – just drag that edge.
React Component Integration
For developers, the HTML5 video editor can be integrated as a React component, simplifying the embedding of video editing capabilities into applications. This modular structure makes it highly versatile for use in custom-built platforms and web applications, catering to various development needs.
Chroma Key
With the Chroma Key feature, users can apply green screen effects, adding new backgrounds seamlessly. This feature supports real-time background replacement, helping creators produce visually dynamic content without intensive post-production steps. Two modes of rendering are available: CPU and GPU. GPU produces a mixing of better quality. It is enabled by request, please contact us.
!! Please keep in mind that you can’t use this function with MXF files on the timeline.
How to use Chroma Key:
Stock Image Library
Integrated stock image libraries offer quick access to images, streamlining the process of sourcing and adding high-quality visuals directly into the timeline. This allows editors to enhance their projects without leaving the editing interface, saving time and ensuring a cohesive visual experience. Now we offer an integration of two main stock image libraries – Unspalsh and Pexels, which allow you to use images for free.
Go to the search field and type what you’re looking for, choose a library (Pexels, Unsplash or Native images) and you’ll get a bunch of results. Simply drag and drop it on your timeline or click the “+” icon in the top right corner of the image.
Voice Over
The editor’s built-in voice-over functionality allows users to record audio directly into their projects, with volume adjustment options to create balanced soundscapes. This feature is particularly useful for adding commentary, narration, or custom audio effects in real time.
Here we have following features:
Choose a mic, make your settings and click “start recording” to have an audio track with your narrative.
Online Demo Options
The editor is available for evaluation through an online demo or via a Docker-based on-premise version for enterprise-level testing. This flexibility allows organizations to
assess the tool in the environment that best meets their privacy and performance requirements before full integration.
Here you can check the demo – https://freevideoeditor.online and request a docker-based version.
HEVC Support for MP4
Full HEVC (high-efficiency video coding) compatibility ensures that MP4 files are handled efficiently, enabling playback and rendering without proxy encoding. This feature is particularly beneficial for large-scale projects requiring high-quality compression, maintaining both quality and storage efficiency.
Desktop Edition
The editor also offers a desktop version for both Windows and Mac users, which enhances editing speed by bypassing the need for file uploads. This option is perfect for users working with large media files, providing a smooth, uninterrupted workflow on local hardware.
You can download it from here – https://www.solveigmm.com/en/products/video-editor.
Conclusion
The HTML5 video editor by SolveigMM delivers a well-rounded editing solution with an array of customizable and advanced media handling options. With new additions like HLS and MXF support, Chroma Key, and React integration, this editor caters to a wide range of video editing needs, from social media creators to professional studios and broadcasting. Its accessibility, customization options, and powerful features make it a versatile and efficient choice for modern, browser-based video editing.
Enjoy your editing!
Latest news
Categories
Subscribe for our newsletter
Receive information about new version, special offers and sales. Promise to be nice 😉
Tags
Our products
HTML5 Video Editor release
The Pros and Cons of Using An Online Video Editor