ViMP Video Editor
Transcription
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