You are currently here! (de)
  • Home
  • HTML5 Video EditorÜberblick über den HTML5 Video Editor Version 2 und seine erweiterten Funktionen
image

Überblick über den HTML5 Video Editor Version 2 und seine erweiterten Funktionen

15.01.2025 Artem Zhushman 130 Comments Off (DE)

Der HTML5-Video-Editor von SolveigMM bietet eine raffinierte, leicht zugängliche Lösung für die reibungslose Videobearbeitung, die für die Verwendung in Browsern, als Desktop-App oder als flexible Komponente für die Integration angepasst werden kann. Dieser Editor wurde sowohl für professionelle als auch für Social-Media-Ersteller entwickelt und bietet eine Reihe fortschrittlicher Werkzeuge, anpassbare Optionen und eine solide Medienunterstützung, ohne dass eine herkömmliche Software installiert werden muss.

Video Editor ist hier zugänglichhttps://www.solveigmm.com/en/products/html5-cloud-video-editing

Im Folgenden stellen wir Ihnen die jüngsten Aktualisierungen des Editors vor, die die Arbeitsabläufe vereinfachen und die Bearbeitungsgenauigkeit erhöhen.

* Für eine Übersicht über die wichtigsten Funktionen der Version 1 folgen Sie bitte diesem Link- https://www.solveigmm.com/blog/de/veroeffentlichung-des-html5-video-editors/

 

Mehrfachauswahl

Mit der Funktion „Mehrfachauswahl“ können Redakteure mehrere Clips oder Assets gleichzeitig bearbeiten und gemeinsame Aktionen wie Ziehen, Löschen und Kopieren in der Timeline durchführen. Diese gestraffte Funktionalität ist besonders nützlich für die effiziente Bearbeitung komplexer Projekte, da sie die sich wiederholenden Anpassungen einzelner Elemente reduziert.

Das Werkzeug ist genau das, wonach es klingt. Wir müssen nur klicken und ziehen, um so viele Elemente auf der Zeitleiste auszuwählen, wie wir benötigen.

Multiselection

 

 

Ripple Schneiden und Ripple Löschen

Mit Ripple Schneiden können Editoren Segmente kürzen, ohne die Timeline-Struktur zu unterbrechen; die nachfolgenden Elemente werden automatisch angepasst, um die Kontinuität zu wahren. In ähnlicher Weise entfernt Ripple Löschen ausgewählte Clips und schließt Lücken, so dass fließende Übergänge ohne manuelle Neupositionierung möglich sind.

Für dieses Werkzeug müssen wir Hotkeys verwenden (der Benutzer kann sie anpassen) – standardmäßig:

T – Ripple-Löschen (zum Ripple-Löschen auf das Asset klicken)

Q – Ripple schneiden vor (nach links vom Abspielkopf)

W – Ripple schneiden nächste (nach rechts vom Abspielkopf)

 

Ripple Trim and Ripple Delete

 

 

HLS-Unterstützung

Der Editor unterstützt jetzt HTTP Live Streaming (HLS)-Verknüpfungen sowohl mit TS als auch mit fMP4, so dass die Benutzer direkt mit live gestreamten Inhalten arbeiten können. Diese Funktion ist von unschätzbarem Wert für Broadcast-Profis und Inhaltsersteller, die mit Streaming-Medien arbeiten, da sie den Import und die Wiedergabe von voraufgezeichneten HLS-Archiven sowie die Bearbeitung und den mühelosen MP4-Export ohne vollständiges Re-Encoding ermöglicht.

HLS-Beispiele finden Sie hier:
https://developer.apple.com/streaming/examples/

HLS Support

 

 

MXF-Unterstützung und native Dateiwiedergabe

Für Projekte in Industriequalität bietet der Editor Unterstützung für MXF-Dateien, einschließlich Kompatibilität mit XDCAM- und XAVC-Formaten. Die Smart Rendering-Option behält die ursprünglichen Dateieigenschaften und Metadaten bei und gewährleistet so eine originalgetreue Ausgabe. Der Modus „Native Datei-Wiedergabe“ steigert die Effizienz noch weiter, indem er das Einlesen und Bearbeiten von MXF-Dateien ohne Generierung von Proxys ermöglicht und so eine Echtzeitleistung ohne Erstellung von Zwischendateien bietet.

!! Diese Funktionsdemo kann auf Anfrage aktiviert werden, bitte kontaktieren Sie uns.

 

 

Anpassbare Hotkeys

Um die Effizienz der Bearbeitung zu maximieren, können Benutzer häufig verwendeten Werkzeugen und Aktionen bestimmte Tastenkombinationen zuweisen. Diese Anpassung ermöglicht verschiedene Arbeitsabläufe und hilft den Redakteuren, die Benutzeroberfläche an ihre eigenen Bedürfnisse anzupassen, um ein optimales Ergebnis zu erzielen.

Klicken Sie auf das Symbol für das Editor-Menü (oben in der Symbolleiste) und wählen Sie Hotkeys-Einstellungen. Daraufhin wird eine Liste aller Werkzeuge mit zugewiesenen Tastenkombinationen angezeigt, die Sie nach Ihren Wünschen ändern können.

Hier finden Sie eine vollständige Liste der anpassbaren Funktionen:

  • Rückgängig
  • Wiederholen
  • Zur Zeitleiste hinzufügen
  • Clip-Lautstärke verringern
  • Clip-Lautstärke erhöhen
  • Vorheriges Bild
  • Nächstes Bild
  • Vergroßern
  • Herauszoomen
  • Ripple löschen
  • Ripple schneiden vorheriges Element
  • Ripple schneiden nächstes Element
  • Clips an aktuellen Position auswählen
  • Clip(s) ausschneiden
  • Abspielen/Pause
  • Löschen
  • Kopieren
  • Einfügen
  • Abspielen
  • Pause

Hotkey-Einstellungen

Benutzerdefinierte Einstellungen können auch als Voreinstellung gespeichert werden, die dann in einer Dropdown-Liste erscheint.

SolveigMM HTML5 Video Editor - Profil der Tastenkombinationen

 

 

Markenanpassung

Der Editor ist in hohem Maße anpassungsfähig für die Markenintegration und ermöglicht die Änderung von Logos, Farbschemata, Schaltflächenfunktionen, Tooltipps und sogar die Lokalisierung von Sprachen. Diese Anpassungsmöglichkeiten machen den HTML5-Editor ideal für Unternehmen, die White-Label-Lösungen benötigen, die sich nahtlos in ihre bestehenden Systeme einfügen.

Hier gibt es Optionen zum Ändern des Firmennamens, des Editornamens (der in der oberen linken Ecke erscheint), des Logos (das vor dem Editornamen erscheint), des Avatars des Benutzers, des Farbthemas (dunkel, hell oder benutzerdefiniert) und auch zum Hinzufügen von Java-Skript oder zum Anpassen des Editortextes.

 

Brand Customization

 

 

Kanten beschneiden

Trim Edges ist ein intuitives Tool für präzises Bearbeiten, mit dem Benutzer Start- und Endbilder von Clips durch Ziehen der Kanten ausschneiden können. Diese Funktion ist ideal für exakte Timing-Anpassungen und verleiht dem fertigen Produkt ein saubereres, professionelles Aussehen, ohne den Hauptinhalt zu beeinträchtigen.

So einfach es klingt – ziehen Sie einfach diese Kante.

Integration von React-Komponenten

Für Entwickler kann der HTML5-Videoeditor als React-Komponente integriert werden, was die Einbettung von Videobearbeitungsfunktionen in Anwendungen vereinfacht. Diese modulare Struktur macht ihn sehr vielseitig für den Einsatz in benutzerdefinierten Plattformen und Webanwendungen und erfüllt verschiedene Entwicklungsanforderungen.

Weitere Informationen finden Sie in der Komponentendemo und der Dokumentation.

Chroma Key

Mit der Chroma-Key-Funktion können Benutzer Greenscreen-Effekte anwenden und nahtlos neue Hintergründe hinzufügen. Diese Funktion unterstützt das Ersetzen von Hintergründen in Echtzeit und hilft so, visuell dynamische Inhalte ohne intensive Nachbearbeitungsschritte zu produzieren. Es stehen zwei Rendering-Modi zur Verfügung: CPU und GPU. GPU erzeugt eine Mischung von besserer Qualität. Sie wird auf Anfrage aktiviert, bitte kontaktieren Sie uns.

!! Bitte beachten Sie, dass Sie diese Funktion nicht mit MXF-Dateien auf der Timeline verwenden können.

 

Chroma Key

Wie verwendet man Chroma Key:

  • Legen Sie das Quellmaterial unter den Clip mit einem Chroma-Key-Bereich.
  • Klicken Sie auf die Schaltfläche Chroma Key, um sie zu aktivieren.
  • Wählen Sie eine Farbe für den Chroma-Key-Bereich.
  • Passen Sie die Einstellungen an Ihre Bedürfnisse an.
  • Klicken Sie auf den Quellclip.
  • Passen Sie Größe und Position an, damit sie in den Chroma-Key-Bereich passen.

 

 

 

Stock Image Bibliothek

Integrierte Bildbibliotheken bieten schnellen Zugriff auf Bilder und vereinfachen den Prozess der Beschaffung und des Hinzufügens von hochwertigem Bildmaterial direkt in die Timeline. So können Redakteure ihre Projekte verbessern, ohne die Bearbeitungsoberfläche verlassen zu müssen, was Zeit spart und ein kohärentes visuelles Erlebnis gewährleistet. Jetzt bieten wir eine Integration von zwei großen Bildbibliotheken – Unspalsh und Pexels, die es Ihnen ermöglichen, Bilder kostenlos zu verwenden.

Geben Sie in das Suchfeld ein, was Sie suchen, wählen Sie eine Bibliothek (Pexels, Unsplash oder Native images) und Sie erhalten eine Reihe von Ergebnissen. Ziehen Sie sie einfach auf Ihre Zeitleiste oder klicken Sie auf das „+“-Symbol in der oberen rechten Ecke des Bildes.

 

Stock Image Library

 

 

Kommentarfunktion

Die integrierte Voiceover-Funktion des Editors ermöglicht es Benutzern, Audio direkt in ihre Projekte aufzunehmen, mit Lautstärkeanpassungsoptionen zum Erstellen ausgewogener Klanglandschaften. Diese Funktion ist besonders nützlich, um Kommentare, Erzählungen oder benutzerdefinierte Audioeffekte in Echtzeit hinzuzufügen.

Hier haben wir folgende Funktionen:

  • Wählen Sie ein Aufnahmegerät
  • Lautstärke einstellen
  • Automatische Anpassung der Lautstärke
  • Mikrofon testen
  • Stummschalten der Zeitleiste (Stummschaltung der Tonspur der Zeitleiste)
  • Schieberegler für den Rücklauf am Anfang der Aufnahme
  • Countdown

Wählen Sie ein Mikrofon, nehmen Sie Ihre Einstellungen vor und klicken Sie auf „Aufnahme starten“, um eine Audiospur mit Ihrer Erzählung zu erstellen.

Voice Over

 

 

Online-Demo-Optionen

Der Editor kann über eine Online-Demo oder über eine Docker-basierte On-Premise-Version für Tests auf Unternehmensebene getestet werden. Diese Flexibilität ermöglicht es Unternehmen
das Tool vor der vollständigen Integration in der Umgebung zu testen, die ihren Anforderungen an Datenschutz und Leistung am besten entspricht.

Hier können Sie sich die Demo ansehen – https://freevideoeditor.online und fordern Sie eine Docker-basierte Version an.

HEVC-Unterstützung für MP4

Die vollständige HEVC-Kompatibilität (High-Efficiency Video Coding) gewährleistet die effiziente Verarbeitung von MP4-Dateien und ermöglicht die Wiedergabe und das Rendering ohne Proxy-Codierung. Diese Funktion ist besonders vorteilhaft für umfangreiche Projekte, die eine hochwertige Komprimierung erfordern, wobei sowohl die Qualität als auch die Speichereffizienz erhalten bleiben.

 

 

Desktop-Edition

Der Editor bietet auch eine Desktop-Version für Windows- und Mac-Benutzer, die die Bearbeitungsgeschwindigkeit erhöht, indem sie das Hochladen von Dateien überflüssig macht. Diese Option ist ideal für Benutzer, die mit großen Mediendateien arbeiten, und bietet einen reibungslosen, ununterbrochenen Arbeitsablauf auf lokaler Hardware.

Sie können es von hier herunterladen – https://www.solveigmm.com/en/products/video-editor.

Abschluss

Der HTML5 Video Editor von SolveigMM bietet eine abgerundete Bearbeitungslösung mit einer Reihe von anpassbaren und fortschrittlichen Medienbearbeitungsoptionen. Mit neuen Ergänzungen wie HLS- und MXF-Unterstützung, Chroma Key und React-Integration ist dieser Editor für eine breite Palette von Videobearbeitungsanforderungen geeignet, von Social Media-Erstellern bis hin zu professionellen Studios und Rundfunkanstalten. Seine Zugänglichkeit, Anpassungsoptionen und leistungsstarken Funktionen machen ihn zu einer vielseitigen und effizienten Wahl für die moderne, browserbasierte Videobearbeitung.

Viel Spaß beim Bearbeiten!

Rate this post

Veröffentlichung des HTML5 Video Editors

HTML5 Video Editor ist das professionelle Online-Video Bearbeitungs Tool, das in Ihr Medienverwaltungssystem (MAM), Lernmanagementsystem (LMS), Nachrichtenredaktion oder in das Gesundheitssystem eingebettet werden kann. Der Editor kann sowohl in der Cloud als auch vor Ort arbeiten, da er sich in bestehende Systeme integriert. Was besonders ins Gewicht fällt, wird bei der Bearbeitung auf die Smart-Rendering-Technologie […]

Die Vor- und Nachteile der Verwendung eines Online Video Editors

Millionen von Menschen, die Zugang zum Internet haben, interessieren sich für das Video-Blogging. Vlogging ist ein leicht zugängliches und einfaches Format, das ein breites Publikum anzieht. Die Mehrheit der Vlogger-Einsteiger ist jedoch der Meinung, dass die standardmäßigen Smartphone-Funktionen ausreichen, um auf YouTube und anderen sozialen Netzwerken erfolgreich zu sein. Sie irren sich. Das Erstellen eines […]