image

Veröffentlichung des HTML5 Video Editors

29.08.2022 Olga Krovyakova 851 Comments Off (DE)

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 zurückgegriffen.

Das bedeutet, dass Ihre Benutzer sich keine Gedanken mehr über die Bildqualität des resultierenden Videos machen müssen, da es genauso bleibt wie in der Originaldatei.

Da dieser Editor online ist, ist er schnell und effizient und reduziert aufgrund der verwendeten intelligenten Rendering-Technologie den Energieverbrauch und die Umweltverschmutzung, was sich positiv auf die CO2-Bilanz auswirkt.

Wenn Ihre Kunden eine oder mehrere Dateien schneiden und zusammenfügen möchten, Audio zur Videodatei hinzufügen, Bilder oder Übergänge zwischen Video Segmenten hinzufügen, Textüberlagerung hinzufügen möchten – all dies ist mit HTML5 Video Editor möglich.

Wir haben hart an dem Editor gearbeitet und freuen uns, die offizielle Veröffentlichung des HTML5 Video Editors ankündigen zu können. Lassen Sie uns Ihnen einige neue interessante Funktionen vorstellen.

Version 1.2

Funktion Liste

  • Unterstützte Dateien – MP4(AVC), MP3, M4A(AAC), JPG, PNG.
  • Dateien aufnehmen – lokaler Import, Import von URL, Import von Dropbox und Google Drive, Amazon S3 Bucket (Kopieren von Dateien)
  • Ausschneiden, zusammenfügen, neu anordnen (Teile auf der Zeitachse)
  • Text und Bilder über Video. PNG (mit Transparenz)
  • Intelligente Neucodierung (Dateien können unterschiedliche Parameter haben)
  • Übergänge
  • Audioüberlagerung
  • Rückgängig / Wiederholen
  • Ordner
  • Projekte
  • Timeline-Zoom
  • Unterstützung von MXF XAVC mit bereits vorhandenen Proxy-Dateien (Demo-Modus)
  • Audio Bibliothek

Jetzt in Entwicklung:

  • Unterstützung von XDCAM MXF
  • Ingest von XAVC/XDCAM (Proxy-Erstellung)
  • Voice-over
  • Shapes-Anmerkung

 

Aufnahme von Dateien in den Medienbereich

Das Importieren oder Hochladen von Dateien in den Medienbereich des Editors kann auf verschiedene Arten erfolgen:

a) Lokaler Import – Laden Sie Medien von Ihrem Computer hoch

 

Folgende Optionen verfügbar:

Die erste: Klicken Sie auf „upload media“ der Aufschrift „Drag and drop your media here or media upload“, um eine oder mehrere Dateien zur Medienliste hinzuzufügen. Sie können ein Video, eine Audiodatei oder ein Bild hinzufügen.

Bitte beachten Sie, dass die derzeit unterstützten Dateiformate MP4(AVC) für Video, MP3 und M4A(AAC) für Audio, JPG und PNG für Bilder sind.

upload media

Alternativ klicken Sie auf „Import” / “Import media“ und wählen im sich öffnenden Dialogfenster die Datei von Ihrem Computer aus.

picture 2

b) Ziehen Sie die Datei per Drag-and-Drop

 

Öffnen Sie den Ordner mit Ihrer Datei und verschieben Sie ihn in den Bereich „Drag and drop your media here or upload media“ von Medien. Der Upload wird sofort gestartet, bitte warten Sie, bis er abgeschlossen ist. Jetzt ist es möglich, die Medien dem Bereich mit Ebenen hinzuzufügen.

c) Importieren von URL

 

Mit HTML5 Video Editor können Sie die Videodatei von einem beliebigen Link importieren, z. B. einem Youtube-Link.

Wählen Sie “Import” / “Import URL” und fügen Sie Ihren Link in das geöffnete Fenster ein.

picture 3

youtube import

d) Importieren von Dropbox und Google Drive

 

Verwenden Sie diese Option, wenn Sie die Datei aus Ihrem Dropbox- oder Google Drive-Konto importieren möchten.

Sie müssen sich bei Ihrem Konto anmelden, um auf diese Dienste zugreifen zu können, und die zu importierende Datei auswählen.

Picture 5

Dropbox import

e) Amazon S3 Bucket (Kopieren von Dateien)

 

Es ist möglich, die Dateien aus Amazon S3 Bucket in die Medienliste zu kopieren.

Amazon S3 Bucket ist ein Cloud-Dateispeicher für Entwickler. Der Zugriff auf dortige Dateien erfolgt mittels API.

Amazon S3 Bucket

Bucket-Name, geheimer Schlüssel und Zugriffsschlüssel-ID werden verwendet, um den Zugriff auf Dateien zu steuern.

Amazon S3 Bucket

Zur Bequemlichkeit, wenn eine große Anzahl von Dateien auf Medien hochgeladen wird, haben wir auch eine Suchleiste und Filter hinzugefügt, um Dateien in Kategorien (Video, Audiodateien, Bilder) zu sortieren.

Picture 7

Filters

 

Videoschnitt, Zusammenführungsfunktion, Neuanordnung von Dateiteilen, intelligente Neukodierung

 

Mit dem Editor können Sie Video- und Audiodateien schneiden und die Änderungen sofort in der Vorschau anzeigen – löschen Sie unnötige Segmente und speichern Sie den Rest.

Mit dem Editor können Sie Video- und Audiodateien schneiden und die Änderungen sofort in der Vorschau anzeigen – löschen Sie unnötige Segmente und speichern Sie den Rest.

Die Neuanordnung von Dateiteilen auf der Zeitleiste ist ebenfalls verfügbar. Beim Schneiden oder Zusammenführen wird das intelligente Reencoding verwendet.

Dies bedeutet, dass verwendete Dateien zum Schneiden oder Zusammenführen unterschiedliche Parameter haben können.

 

Übergänge

Um Ihre Videos attraktiver zu machen, haben wir die Möglichkeit hinzugefügt, verschiedene Übergänge zwischen mehreren Videos oder deren Teilen hinzuzufügen.

Derzeit verfügbare Übergänge sind: Einblenden, Ausblenden und Auflösen.

Um den Übergang zum Video hinzuzufügen, wählen Sie den Abschnitt „Transitions“ auf der linken Seite des Editors, greifen Sie den gewünschten Übergang mit der linken Maustaste und legen Sie ihn an der erforderlichen Position ab – zwischen zwei Dateien / Segmenten einer Datei, am Anfang oder am Ende der bestimmten Datei.

Sie können auch Ihren Übergang anpassen. Wählen Sie dazu den Übergang auf der Ebene aus, er wird blau hervorgehoben, und klicken Sie auf die Schaltfläche „Settings“, wie im folgenden Screenshot gezeigt.

Transitions settings

Text- und Grafik-Overlay

Wenn Sie Kopfzeilen, Anmerkungen oder Text zu Ihrer Videodatei hinzufügen möchten, können Sie dies mit dem HTML5 Video Editor tun.

Wählen Sie einfach die Registerkarte „Text“ auf der linken Seite des Editors aus, ziehen Sie die Vorlage „Text“ per Drag & Drop in den Timeline-Bereich und wählen Sie die Eigenschaften für Ihren Text aus: Geben Sie den Text selbst ein, wählen Sie seine Position, Farbe, Größe und andere Eigenschaften aus.

Text add

Text settings

 

Sie können das Video auch mit einem Bild überlagern. Laden Sie dazu Ihr Bild in die Medienliste hoch, ziehen Sie es dann mit der Maus und legen Sie es in den Timeline-Bereich.

Hinweis: Das Bild sollte auf der Ebene über dem Video platziert werden, nicht darunter. Sie können auch Eigenschaften für Ihr Bild festlegen.

Nachdem Sie das Video auf die Ebene des Zeitachse Bereichs gelegt haben, klicken Sie im Vorschaubereich auf das Bild und Sie sehen die verfügbaren Bildoptionen im Medienbereich. Zu den Einstellungen, die geändert werden können, gehören Größe, Position, Drehung, Deckkraft und andere. Die PNG-Dateien mit Transparenz werden ebenfalls unterstützt.

image over the video

image settings

Audioüberlagerung

Das Hinzufügen einer Audiodatei zu einem Video ist eine der beliebtesten Aufgaben.

Um den Ton zum Video hinzuzufügen, müssen Sie Folgendes tun:
  • Platzieren Sie die Videodatei auf der Ebene
  • Wählen Sie die Audiodatei aus der Medienliste aus
  • Platzieren Sie es auf der Ebene unter Ihrer Videodatei
  • Klicken Sie auf die Schaltfläche „Publish“, um die gewünschte Ausgabedatei zu erhalten.

Ebenen verschieben

Falls erforderlich, können Sie die Ebene neu anordnen, indem Sie sie innerhalb der Zeitleiste nach oben oder unten verschieben.

Verwenden Sie einfach die Schaltflächen „Move Up“ und „Move Down“, um die Position der Ebenen zu steuern.

Aktionen rückgängig machen/wiederholen

Verwenden Sie die Tasten “Undo” oder “Redo” auf der linken Seite des Editors, um die letzte Aktion abzubrechen oder abgebrochene Aktionen zu wiederholen.

Undo/redo

Projekte speichern

Wenn Sie mit HTML5 Video Editor arbeiten, können Sie Ihren Fortschritt im Projekt speichern. Das Projekt wird automatisch erstellt. Die Liste der Projekte finden Sie im Reiter „Projects“.

Hier können Sie das Projekt umbenennen, löschen oder kopieren.

Um ein neues Projekt zu starten, klicken Sie auf die Schaltfläche „New project“.

Bitte beachten Sie, dass alle Ihre Änderungen auf das aktuelle Projekt angewendet werden, es sei denn, Sie starten ein neues Projekt, indem Sie auf die Schaltfläche „New project“ klicken.

Projects

Zeitleisten-Zoomfunktion

Sie können die Skalierung der Zeitachse mit der Zoomsteuerung ändern.

Picture 15

Ordner

Der HTML5 Video Editor ermöglicht das Erstellen von Ordnern zum Gruppieren von Dateien.

Klicken Sie auf die Schaltfläche „Add folder“, um den neuen Ordner zur Medienliste hinzuzufügen.

Wählen Sie die benötigte Datei aus und verschieben Sie sie in den erstellten Ordner.

Folders feature

Picture 19

Unterstützung von MXF XAVC mit bereits vorhandenen Proxy-Dateien (Demo-Modus)

MXF-Dateien sind ziemlich groß und schwierig zu bearbeiten, und online ist es völlig unmöglich, damit zu arbeiten, da der Browser sie nicht nativ unterstützt. Proxy-Datei ist eine vorcodierte Datei mit niedrigerer Auflösung, die dieses Problem löst. Die Funktion wird im Demo Modus unterstützt.

Audio Bibliothek

HTML5 Video Editor enthält die Audio Bibliothek, mit der Sie Ihrem Video Musik hinzufügen können. Die Musik ist nach Genre und Stimmung gruppiert, sodass Sie den für Sie am besten geeigneten Titel auswählen können.

Sie können Ihrem Video auch einige Soundeffekte hinzufügen.

Veröffentlichung des HTML5 Video Editors

Besuchen Sie die Homepage des Editors unter dem Link:

https://www.solveigmm.com/en/products/html5-cloud-video-editing

1.3 / 5 - 14

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 […]