ViMP Video Editor

ViMP Video Editor
Anwenderhandbuch
Autor:
ViMP GmbH
Inhaltsverzeichnis
ViMP Video Editor ................................................................................................................................... 3
Vorbemerkung..................................................................................................................................... 3
Funktionsweise des Moduls ................................................................................................................ 3
Zugang zum Video Editor .................................................................................................................... 3
Nutzung des Video Editors ...................................................................................................................... 4
Schritt 1: Informationen zum Video .................................................................................................... 4
Allgemeine Angaben zum Video ..................................................................................................... 4
Zusätzliche Administrations- und Produzenteneinstellungen ........................................................ 5
Schritt 2: Hochladen benötigter Medien............................................................................................. 6
Schritt 3: Wahl einer Vorlage .............................................................................................................. 8
Schritt 4: Erstellung eines Storyboards ............................................................................................... 9
Szenenauswahl ................................................................................................................................ 9
Erstellung einer Videoszene .......................................................................................................... 10
Bild-in-Bild Verarbeitung (nur Video Editor Full Version) .............................................................. 12
Schritt 5: Fertigstellung des Videos ................................................................................................... 14
2
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
ViMP Video Editor
Dieses Handbuch gibt eine Einführung in das ViMP Video Editor Modul und beschreibt alle
mitgelieferten Funktionalitäten.
Vorbemerkung
Das Dokument verwendet unter anderem englischsprachige Begriffe, die mittlerweile auch im
deutschen Internet-Sprachgebrauch weitläufig eingesetzt werden:
User
Frontend
Upload
Account
Backend
Publisher
= Nutzer
= Benutzeroberfläche/Portal
= Hochladen von Medien und Dokumenten
= Benutzerkonto auf dem Portal
= Administrationsoberfläche
= Der Veröffentlicher/Besitzer eines Mediums
Funktionsweise des Moduls
Der ViMP Video Editor ermöglicht dem User aus einer Vielzahl von Videos und Fotos ein Video zu
erstellen und zu publizieren. Dabei können einzelne Videos geschnitten und mit einem Template
versehen werden, das den Rahmen um das Video bildet. Des Weiteren gibt es die Möglichkeit zum
laufenden Video eine Bilddatei über die Bild-in-Bild-Funktionalität einblenden zu lassen und sowohl
ein Intro, als auch ein Outro beizufügen. Mit geringem Aufwand kann dieses Video für individuelle
Zwecke direkt im Browser geschnitten und zusammengefügt werden. Auf das Bearbeiten folgt der
direkte Upload auf das Portal, wo das Video nach kurzer Zeit abgerufen werden kann.
Die komplette Erstellung und Bearbeitung des Videos erfordert keine technischen Kenntnisse in der
Bildbearbeitung. Jeder Arbeitsschritt erfolgt direkt im Frontend über den Browser und ist somit für
jeden User zugänglich. Für den Upload von Medien und damit auch für den Gebrauch des Video
Editors muss ein Benutzerkonto angelegt sein. Eine Nutzung ohne gültigen Account ist nicht möglich.
Zugang zum Video Editor
Zu erreichen ist der ViMP Video Editor über die Hochladen-Schaltfläche des Portals.
Bild 1: Zugang zum Upload-Formular
Zunächst erscheint das Upload-Formular zum Hochladen aller Medien. Neben diesem und der
Möglichkeit des Imports von YouTube- und Vimeo-Videos ist als vierte Möglichkeit der Video Editor
eingebunden.
Bild 2: Auswahl des Video Editors
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
3
Nutzung des Video Editors
Nach Auswahl des Video Editors erscheint ein neues Formular, das in fünf Schritte gegliedert ist.
Jeder dieser Schritte ist obligatorisch und muss sukzessive vom Benutzer ausgefüllt werden. Nach
Beendigung eines Schrittes kann jederzeit zu einem anderen Schritt vor- und zurück navigiert
werden, solange dieser bereits erreicht wurde.
Bild 3: Nutzung des Video Editors in 5 Schritten
Schritt 1: Informationen zum Video
Allgemeine Angaben zum Video
Im ersten Schritt werden alle Informationen zum Video bereitgestellt und dessen Verhalten definiert.
Die Basisinformationen des Videos beinhalten:
 Titel: Der Titel des Videos auf dem Portal
 Beschreibung: Die Beschreibung des Videos
 Tags: Stichwörter zur Beschreibung des Videos
Diese Angaben sind obligatorisch.
Bild 4: Basisinformationen des Videos
Die Wahl einer Kategorie:
Jedes Video wird einer Kategorie zugeordnet, unter der
das Video vom Nutzer gefunden werden kann. Diese
Kategorien werden vom Administrator des Portals über
das Backend vordefiniert.
Die Auswahl einer Kategorie ist obligatorisch. Eine
Mehrfachauswahl ist möglich.
Bild 5: Wahl einer Kategorie
4
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
Die Sichtbarkeit des Videos:
Bild 6: Sichtbarkeit des Videos
 Öffentlich: Video ist für jeden sichtbar
 Versteckt: Video ist nur über einen Link zugänglich
 Privat: Video ist nur für den Publisher sichtbar
Die Eingabe der Metadaten:
Die Metadaten eines Videos sind Informationen, die in
der Datenbank gespeichert werden, um das Video
näher zu beschreiben. Diese Daten sind für den Nutzer
des Portals nicht sichtbar, sondern nur für
Suchmaschinen relevant.
Die Festlegung von Metadaten ist nicht obligatorisch.
Eine unvollständige Angabe der Metadaten ist gestattet.
Bild 7: Metadaten des Videos
Wurden alle obligatorischen Angaben im ersten Schritt gemacht, kann zum nächsten Schritt
übergegangen werden. Der nächste Schritt ist über die Schaltfläche Nächster Schritt am unteren
Bildrand erreichbar. Wurden nicht alle Felder ausgefüllt oder nicht ordnungsgemäß ausgefüllt,
erscheint eine Warnmeldung. Ein Fortfahren ist nur bei einem vollständig ausgefüllten Formular
möglich.
Warnmeldung:
Wurden nicht alle obligatorischen Felder ausgefüllt,
erscheint beim Übergang in den nächsten Schritt eine
Warnmeldung mit der Information, welches Feld nicht
ordnungsgemäß ausgefüllt wurde.
Bild 8: Warnmeldung
Zusätzliche Administrations- und Produzenteneinstellungen
Zusätzlich zu den obligatorischen Angaben und den Metadaten haben Produzenten und
Administratoren die Möglichkeit das Video als Video on Demand anzubieten. Damit ist das Video nur
für einen bestimmten Betrag – sogenannte Credits – verfügbar. Über die Höhe des Betrags
entscheidet der Produzent bzw. der Administrator bei jedem Video individuell.
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
5
Kostenpflichtiger Inhalt:
Video-on-Demand Inhalte werden käuflich erworben.
Der Preis wird in Form von Credits bestimmt.
Produzenten eines Videos können vom Administrator im
Backend entlohnt werden.
Bild 9: Video on Demand
Während Videos eines Produzenten und normaler User für alle Benutzergruppen sichtbar sind, kann
der Administrator diese Sichtbarkeit einschränken. Damit können bestimmte Inhalte für bestimmte
Benutzergruppen restriktiv angeboten werden. Die Auswahl der Benutzerrollen kann kombiniert
werden, sodass ein Video beispielsweise nur für Administratoren und Produzenten sichtbar ist, nicht
jedoch für Moderatoren und normale Benutzer. Die Gruppe ‚anonymous‘ beinhaltet alle nicht
registrierten bzw. angemeldeten Gäste des Portals.
Sichtbarkeit eines Mediums:
Auswahl eines oder mehrerer Benutzerrollen, welche
für das Video freigeschaltet werden. Zur schnelleren
Aus- und Abwahl der Auswahlfelder können die
dazugehörigen Schaltflächen genutzt werden.
Bild 10: Bestimmung der Sichtbarkeit eines Mediums
Schritt 2: Hochladen benötigter Medien
Im zweiten Schritt erfolgt der Upload aller Medien, die in den weiterfolgenden Schritten zu einem
Video verknüpft werden. Hierfür werden zwei Möglichkeiten angeboten: Zum einen kann der Nutzer
jedes Medium einzeln über die Schaltfläche Dateien hinzufügen auswählen. Hierfür öffnet sich ein
Fenster des Browsers, von welchem die benötigte Datei ausgewählt wird. Sind mehrere Dateien
erwünscht, muss dieser Vorgang für jede Datei einzeln durchgeführt werden.
Bild 11: Auswahl zum Upload eines Mediums
Die zweite Möglichkeit Medien für das Video auszuwählen erfolgt durch das „Drag-and-Drop“-Prinzip
in das dafür vorgesehene Feld. Dabei wird die gewünschte Datei mit der linken Maustaste einmal
angeklickt und bei Halten der Maustaste in das Feld Oder ziehe die Dateien hierher gezogen („dragSchritt“). Sobald die Datei über dem Feld liegt, kann die Maustaste losgelassen werden („dropSchritt“). Hierbei können auch mehrere Dateien ausgewählt und in das Feld gezogen werden.
6
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
Bild 12: Hinzufügen von Medien über Drag-and-Drop
Wurde ein Medium erfolgreich ausgewählt, erscheint dessen Dateiname und Dateigröße. Wurden
mehrere Medien zum Upload gewählt, werden sie untereinander aufgelistet. Wurde ein Medium
fälschlicherweise ausgewählt, kann es durch einen Mausklick auf LÖSCHEN wieder entfernt werden.
Nach Auswahl aller gewünschten Medien erfolgt der Upload mit der Schaltfläche Hochladen. Ein
Fortschrittsbalken und die Prozentangabe geben Auskunft über den Fortschritt des Uploads. Dieser
Vorgang kann je nach Serverauslastung und Verbindungsgeschwindigkeit einige Minuten dauern.
Bild 13: Upload-Fortschritt aller Dateien
Sobald alle ausgewählten Medien erfolgreich hochgeladen wurden, sind sie im Feld Dateien in
diesem Videoprojekt aufgelistet. Jede Datei wird nach dem Upload vom Video Editor auf ihre
Korrektheit geprüft. Ist die Datei fehlerfrei und kann verwendet werden, erscheint die grüne
Meldung Alles OK. Wird diese Meldung bei allen Medien angezeigt, kann zum nächsten Schritt
übergegangen werden. Erscheint eine Datei auf einem roten Hintergrund mit der Meldung Datei
beschädigt, scheint diese fehlerhaft zu sein und kann nicht im Video Editor verarbeitet werden. Auch
nach dem Upload können Medien gelöscht oder neue hinzugefügt werden. Wird im Nachhinein ein
neues Medium ausgewählt und hochgeladen, müssen die bereits erfolgreich hochgeladenen Dateien
nicht erneut ausgewählt werden, sie verbleiben im Projekt und können weiterhin genutzt werden.
Wurden alle benötigten Medien erfolgreich und fehlerfrei hochgeladen, gelangt man durch einen
Mausklick auf Nächster Schritt zum nächsten Arbeitsschritt. Ein nachträgliches Hinzufügen und
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
7
Hochladen neuer Medien ist jederzeit möglich, indem man in der Navigation zu diesem Schritt
zurückkehrt.
Bild 14: Übersicht aller hochgeladener Medien
Schritt 3: Wahl einer Vorlage
Im dritten Schritt erfolgt die Wahl eines Templates – auch Schablone oder vordefinierte
Formatvorlage. Das Template stellt den Hintergrund dar, welcher einen Rahmen um das laufende
Video bildet. Wesentliche Merkmale der Vorlage sind vordefiniert, geringfügige Anpassungen sind
über die Schaltfläche Anpassen… möglich.
Bild 15: Darstellung eines Templates
Folgende Punkte sind bei einem Template individuell anpassbar:




8
Titel der Vorlage
Der Titel des Templates erscheint nicht im Video und wird nur dem Publisher angezeigt,
so ist bei mehreren Templates eine schnellere Unterscheidung möglich.
Hintergrundfarbe
Die Hintergrundfarbe des Templates.
Textfarbe
Die Schriftfarbe von Kommentaren im Video.
Logo hochladen
Das individuelle Logo, das auf dem Template angezeigt wird.
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
Bild 16: Anpassung eines Templates
Für das Anlegen eines Logos öffnet sich ein neues Fenster mit den bekannten Möglichkeiten des
Uploads, die bereits in Schritt 2 beschrieben sind. Für die Wahl einer Hintergrund- oder Schriftfarbe
erscheint in einem neuen Fenster eine Farbpalette mit bereits vorgegebenen Farbtönen, die durch
einfaches Anklicken ausgewählt werden. Die momentan gewählte Farbe ist schwarz umrahmt.
Bild 17: Farbpalette zur Wahl einer Hintergrund- oder Textfarbe
Alle Änderungen des Templates müssen mit der Schaltfläche Speichern bestätigt werden. Die
Schaltfläche Abbrechen verwirft alle getätigten Änderungen.
Eine Kombination mehrerer Vorlagen ist nicht möglich, die Wahl einer Vorlage ist obligatorisch und
erfolgt durch einen einfachen Mausklick. Ein ausgewähltes Template ist blau hervorgehoben und
erhält einen dunklen Rahmen. Sobald ein Template ausgewählt wurde, kann mit der Schaltfläche
Nächster Schritt in den nächsten Schritt übergegangen werden.
Schritt 4: Erstellung eines Storyboards
Szenenauswahl
Der vierte Schritt bietet die Möglichkeit alle hochgeladenen Medien miteinander zu verbinden,
einzelne Videos zu schneiden und die Reihenfolge von Szenen zu bestimmen. Zum Hinzufügen einer
Szene und damit eines Videoelements klickt man auf NEUE SZENE HINZUFÜGEN.
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
9
Bild 18: Szenenauswahl / Szenenübersicht
Eine Szene ist in der Regel ein Video oder ein geschnittener/bearbeiteter Teil eines Videos,
beziehungsweise ein Intro und Outro. Während das Intro eine kurze Videosequenz ist, die vor einem
Video als Einstieg eingespielt werden kann, soll das Outro ein Video abschließen und wird daher am
Ende eines Videos platziert. Zwar können beide Sequenzen theoretisch jederzeit eingespielt werden,
dienen aber grundsätzlich als Anfangs- und Endsequenz.
Intro Szene:
Die Intro-Auswahl zeigt das aktuell gewählte Template
und ein Textfeld zur Eingabe eines Introtextes. Die
Textlänge-Angabe zeigt die verbleibende mögliche
Textlänge an. Die Wahl eines Intros ist nicht
obligatorisch.
Bild 19: Auswahl eines Intros
Outro Szene:
Die Outro-Auswahl verhält sich wie die Intro-Szene.
Auch hier ist es möglich einen Outrotext zu
formulieren. Wie auch das Intro ist das Outro nicht
obligatorisch.
Bild 20: Auswahl eines Outros
Video Szene:
Die Video-Auswahl enthält die Wahl über die
Anzeigeoptionen, die Wahl des zuvor hochgeladenen
Videos und einer Text- und Subtexteingabe.
Bild 21: Auswahl einer Video-Szene
Erstellung einer Videoszene
In der Videoszene wird erstmals die Bearbeitung eines zuvor hochgeladenen Videos ermöglicht und
bildet die Hauptfunktionalität des ViMP Video Editors. Eine Videoszene enthält folgende Felder:
10
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch




Darstellung der Szene:
Jede Videoszene erhält unabhängig von anderen Szenen eine Darstellungsweise, die für die
komplette Videosequenz gilt. Wird die Darstellung Fullscreen gewählt, wird das Video in der
Originalgröße angezeigt. Die Darstellung Single stellt das Video in dem zuvor gewählten
Template aus Schritt 3 dar.
Wahl einer Videodatei:
Das Menüfeld -- DATEI WÄHLEN -- listet alle zuvor hochgeladenen Videodateien auf, die für
die Szene verfügbar sind. Wurden neben Videos auch Bilder in Schritt 2 hochgeladen, werden
hier nur die Videos beziehungsweise deren Dateinamen angezeigt.
Text:
Das Textfeld ist für kurze Beschreibungen oder Anmerkungen zu einem Video geeignet, das
während der Videoszene angezeigt wird. Das Textfeld ist nicht obligatorisch und wird im
Video nicht angezeigt, solange es nicht ausgefüllt wurde.
Subtext:
Der Subtext ist ein weiteres Textfeld, das sich wie das Text-Textfeld verhält, jedoch unter
diesem platziert wird.
Wurde ein Video im entsprechenden Menüfeld für eine Szene ausgewählt, erscheint ein
Vorschauvideoplayer, der die Bearbeitung der Videosequenz ermöglicht. Folgende Optionen und
Felder stehen hierbei zur Verfügung:
1. Die Auswahl einer Videodatei:
Die Videodatei bildet die Videoszene und wird im Player zur Bearbeitung angezeigt.
2. Der Zeitbalken des Videos:
Die gelben Bereiche links und rechts des Zeitbalkens definieren Start- und Endpunkt der
Videoszene. Die auf die Zehntelsekunde genaue Position vom Start- und Endpunkt lässt sich
in Feld 6 ablesen.
3. Der Positionsschieber für Bild-in-Bild:
Zum schnelleren Navigieren an eine bestimmte Stelle im Video lässt sich der rote Punkt
unterhalb des Zeitbalkens bei gedrückter Maustaste nach links und rechts verschieben. Der
Player zeigt dabei immer die derzeitige Position des roten Punktes an. Mit einem Klick auf
den roten Punkt erscheinen zwei rote Pfeile, die durch einfache Mausklicks eine präzise
Auswahl der Bildposition auf die Zehntelsekunde genau ermöglichen.
4. Die Auswahlfläche für Bild-in-Bild:
Ist die exakte Position für ein Bild-im-Bild gefunden, kann mit der Schaltfläche BILD-IN-BILD
EINFÜGEN die Maske für die Auswahl des Bildes geöffnet werden.
5. Die Play / Pause-Schaltfläche:
Zum einfacheren Auffinden der gewünschten Position für das Bild-im-Bild lässt sich das Video
abspielen und pausieren. Dies ist ebenfalls mit einem einfachen Klick auf den Videoplayer
möglich.
6. Die Auswahl einer genauen Zeitposition im Video:
Durch einen Klick auf den Pfeil dieser Schaltfläche öffnet sich eine Maske mit drei Feldern,
worin man sowohl die exakte Start- und Endzeit des Videos auswählen kann, als auch zu
einer bestimmten Zeitposition springen kann. Alle Felder sind in der Form
Stunde:Minute:Sekunde:Zehntelsekunde ausgelegt. Ein Klick auf die darunterliegende
Schaltfläche bestätigt die eingetippte Zeitangabe.
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
11
Bild 22: Bearbeitungsmöglichkeiten der Videoszene
Bild-in-Bild Verarbeitung (nur Video Editor Full Version)
Mit einem Klick auf die Schaltfläche BILD-IN-BILD EINFÜGEN öffnet sich eine neue Maske zur
Einarbeitung eines Bildes in das laufende Video. Das Dropdown-Listenfeld führt alle hochgeladenen
Medien auf, die für ein Bild-in-Bild zur Auswahl stehen. Da auch Videos für die Bild-in-Bild-Funktion
verwendet werden können, stehen auch alle hochgeladenen Videos zur Verfügung. Sobald ein
Medium ausgewählt wurde erscheint es im darunterliegenden Feld.
Bild-in-Bild-Verarbeitung:
Das Feld Duration zeigt die Anzeigedauer des Bildes im
Video an. Sowohl eine manuelle Änderung über die
SETZE DAUER Schaltfläche, als auch ein Verschieben des
Schiebereglers verändert die Anzeigedauer des Bildes.
Die beiden Symbole unterhalb der Zeitleiste erhöhen
bzw. erniedrigen die maximal einstellbare
Anzeigedauer.
Bild 23: Einsetzen von Bild-in-Bild
Der rote Punkt unterhalb der Videosequenz zur Auswahl der Bildposition wird in der Bild-in-BildAuswahl automatisch hellblau angezeigt, damit lässt sich auch im Nachhinein noch die Startposition
12
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
des Bildes bearbeiten. Ein hellblauer Bereich in der Zeitleiste des Videos zeigt an, wann das Bild-inBild im Video erscheint.
Die hellblaue Bild-in-Bild Zeitleiste:
Wurde ein Bild-in-Bild in das Video eingebaut,
erscheint in der Positionsleiste des Videos ein
hellblauer Bereich, der die Anzeigedauer des Bildes im
Video darstellt. Zum Ändern des Bildes lässt sich
dieses über die hellblaue Fläche auswählen. Das Bildin-Bild kann unterhalb der Leiste wieder durch die
Schaltfläche BILD-IN-BILD ENTFERNEN verworfen
werden.
Bild 24: Anzeigedauer des Bild-in-Bild im Video
Neben der optionalen Eingabe eines Textes und eines Subtextes zum Bild-in-Bild muss die
Anzeigeeinstellung für das Bild-in-Bild ausgewählt werden. Dazu stehen folgende Möglichkeiten zur
Verfügung:



Fullscreen:
Das Bild-in-Bild überdeckt das Videobild komplett.
Single:
Das Bild-in-Bild erscheint im Template und überdeckt das Videobild komplett.
Double:
Das Bild-in-Bild erscheint im Template, die Videosequenz läuft aber weiterhin in einem
kleinen Bild unten rechts.
Bild 25: Darstellungsauswahl für Bild-in-Bild
Bei allen Anzeigemöglichkeiten läuft die Tonspur des Videos regulär weiter.
Übersicht aller eingebauten Bilder-im-Bild einer
Videoszene. Zur besseren Einordnung wird für jedes
Bild-in-Bild die Startzeit in der Videoszene angezeigt.
Bild 26: Übersicht Bild-in-Bild
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch
13
Schritt 5: Fertigstellung des Videos
Sobald alle gewünschten Szenen und Sequenzen im Video eingearbeitet wurden, wird im letzten
Schritt das Video transkodiert und auf dem Portal veröffentlicht. Durch die Schaltfläche JETZT VIDEO
ERSTELLEN! wird das Video transkodiert. Dieser Vorgang kann je nach Länge des Videos einige
Minuten dauern und darf nicht durch Schließen des Browserfensters oder Verlassen des Videoeditors
abgebrochen werden.
Die Fortschrittsanzeige gibt Auskunft über den Fortschritt
der Transkodierung des Videos.
Bild 27: Fortschrittsanzeige der Transkodierung
Nach der Transkodierung erscheint an gleicher Stelle das fertige Video. Entspricht das Resultat den
Vorstellungen, kann das Video daraufhin mit einem Klick auf die Schaltfläche VIDEO PUBLIZIEREN!
veröffentlicht werden.
Bis das gewünschte Resultat erreicht ist, können Änderungen am Video jederzeit in den
dazugehörigen Schritten vorgenommen werden. Wurde das Video nach dem Transkodieren
verändert, muss es in Schritt 5 erneut transkodiert werden.
Bild 28: Publikation des fertigen Videos
Sobald das Video publiziert wird, kann das Browserfenster geschlossen werden. Dieser Vorgang wird
automatisch ausgeführt und kann je nach Größe des Videos mehrere Minuten dauern. Sobald der
Vorgang abgeschlossen ist, erscheint das Video im ViMP Portal und kann von allen in Schritt 1
festgelegten Benutzerrollen abgerufen werden.
14
© 2015 ViMP GmbH / ViMP Video Editor Anwenderhandbuch