Herzlichen Willkommen zum 23. Türchen des AdvenTOOLender! Schön, dass du mit dabei bist. An diesem Tag möchte ich dir das Tool „Ekostudio“ vorstellen. Mit ihm kannst du interaktive Videos erstellen. Wie das aussehen kann und du das selbst umsetzt, erfährst du in diesem Artikel.
Beispiel: Weihnachten und „Ekostudio“
Im interaktiven Video nehme ich dich mit in meine nordhessische Heimat. Du kannst dir unseren Familien-Tannenbaum anschauen, einen Blick ins Tool werfen und dabei weitere Entscheidungen treffen. Klick dich doch mal durch:
Falls du das Video nicht sehen kannst, klicke einfach hier: „Weihnachten und das Tool ‚Ekostudio'“.
Geeignete Themen
Du benötigst Videomaterial und eine Geschichte, in der es unterschiedliche Entscheidungsmöglichkeiten und damit Erzählstränge gibt. Weitere journalistische Ideen: Protagonist einen Tag begleiten oder ein „Erklärvideo“, in dem der Zuschauer entscheidet, welche Info er als nächstes erfahren möchten.
Ungeeignete Themen
Sobald du kein Videomaterial hast, funktioniert „Ekostudio“ nicht. Außerdem sind Themen, die nicht so viel Entscheidungsraum bieten, ungeegnet. Das bedeutet: eine bloße Nachricht ohne weitere Informationen macht keinen Sinn.
Die Schritt-für-Schritt-Anleitung
Du kannst so ein interaktives Video mit „Ekostudio“ auch erstellen. Wie das funktioniert, zeige ich dir hier:
=> Video: Coming soon!
1.) Gehe auf die Homepage von „Ekostudio“. Dort loggst du dich oben rechts ein.
2.) Klicke dann oben rechts auf deinen Account-Namen und dann auf „Start a new project“, um ein neues interaktives Video zu erstellen. Maximiere das Tool-Fenster, damit das Ganze bestmöglich genutzt werden kann.
3.) Dann öffnet sich der Editor (siehe Foto 1), in dem sich alles Weitere abspielt. Auf der linken Seite kannst du deine Videos hochladen. Ziehe sie beispielsweise via „Drag and Drop“ von deinem Rechner in das Editor-Feld. Es entsteht eine Warteschlange, in der du siehst, wie weit welches Video bereits hochgeladen ist. Der Titel wird dabei mit einem grauen Ladebalken unterlegt. Du kannst die Fortschritte sehen. Hinweis: Auch wenn ich dir diese Info zu den Videos hier schon gegeben habe, empfiehlt sich eine andere Vorarbeit (siehe Schritt 4 – 6), bevor du die Sequenzen uploadest.
4.) Im unteren Teil des Editors siehst du den Baum, in dem du die einzelnen Erzählstränge erstellst. Du kannst da auf die „Pluszeichen“ klicken, um weitere Punkte hinzuzufügen. Auf Foto 1 siehst du, wie dieser Baum bei mir aufgebaut ist.
5.) Mit Doppelklick auf die einzelnen Baum-Elemente, kannst du sie umbenennen. Wenn du einen einfachen Klick verwendest, bekommst du oben rechts die Informationen zu dem Element angezeigt. Da wird auch deutlich, womit Verknüpfungen bestehen, also was beispielweise nach dem Klick auf die Entscheidungsmöglichkeiten passiert.
6.) Erstelle jetzt nach und nach mit dem Pluszeichen deine unterschiedlichen Erzählstränge (siehe Schritt 4). Lade dann die Videos auf der linken Seite hoch (siehe Schritt 3). Benenne die Videos am besten wie die einzelnen Erzählstrang-Elemente. Dann fällt die Zuordnung gleich leichter.
7.) Mache einen Doppelklick auf das erste Element, dem du ein Video hinzufügen willst. Dann erscheint oben im Video-Fenster ein schwarzes Bild. Ziehe aus der linken Leiste das entsprechende Video in das Video-Fenster. Es wird dann an diese Stelle hochgeladen und so mit dem Element verbunden. Gehe jetzt so für alle Elemente aus dem Erzählstrang vor.
8.) Sind alle Elemente mit einem Video verbunden, klicke oben rechts auf den „Preview“-Button und schaue dir so die Vorschau an. Bist du mit deinem interaktiven Video zufrieden, klicke auf den Schraubenschlüssel-Button um dort Einstellungen, wie den Titel und das Thumbnail einzutragen. Danach gehst du auf „Publish“, um das Video zu veröffentlichen. Antworte auf die angezeigte Frage, dass du wirklich das interaktive Video veröffentlichen möchtest. Dann dauert das Veröffentlichen recht lange, bei mir war es über eine Stunde. Das ist aber abhängig davon, wie groß dein Datenmaterial und dein interaktives Video ist.
9.) Sobald das Ganze geschafft ist, erhältst du den Link und den Embed-Code. Jetzt kannst du dein interaktives Video teilen und in deine Homepage einbetten.
Mehr vom AdvenTOOLender:
Türchen 24: Mit „MyAdvent.net“ einen Adventskalender erstellen – AdvenTOOLender 2018
Türchen 22: „TapeWrite“: Audios mit Slider-Elementen visualisieren – AdvenTOOLender 2018
Türchen 21: Mit „Datawrapper“ Daten visualisieren | #ddj – AdvenTOOLender 2018
Türchen 20: Mit „Interview JS“ einen Chatbot erstellen – AdvenTOOLender 2018
Türchen 19: Mit „Story Spheres“ 360°-Bilder mit Audios verknüpfen – AdvenTOOLender 2018
Türchen 18: „Timescape“ für Storytelling auf interaktiver Karte – AdvenTOOLender 2018
Türchen 17: Interaktive (Insta-) Stories & Umfragen mit Apester – AdvenTOOLender 2018
Türchen 16: Stories erzählen mit „Wakelet“ und Social Media – AdvenTOOLender 2018
Türchen 15: Interaktiven Zeitstrahl mit „Timeline JS“ erstellen – AdvenTOOLender 2018
Türchen 14: Mit „Brackify“ Umfrage-Battles erstellen – AdvenTOOLender 2018
Türchen 13: „Account Analysis“ für Twitter-Daten – AdvenTOOLender 2018
Türchen 12: News-Quiz erstellen mit Genial.ly – AdvenTOOLender 2018
Türchen 11: Genial.ly für interaktive Bilder – AdvenTOOLender 2018
Türchen 10: Wortwolken als Design-Option und Analyse-Tool – AdvenTOOLender 2018
Türchen 9: SoundCite JS für Audios im Text (Inline) – AdvenTOOLender 2018
Türchen 8: Interaktiver Daten-Zeitstrahl mit StoryLine JS – AdvenTOOLender 2018
Türchen 7: Storrito für Instagram-Stories vom PC – AdvenTOOLender 2018
Türchen 6: „Steller“ für Fotoalben mit Story – AdvenTOOLender 2018
Türchen 5: Mit Canva schnell schöne Designs erstellen – AdvenTOOLender 2018
Türchen 4: Gifs erstellen mit dem Data Gif Maker – AdvenTOOLender 2018
Türchen 3: Vorher-Nachher-Bilder mit Juxtapose JS – AdvenTOOLender 2018
Türchen 2: Audios visualisieren mit SpareMin Headliner
Türchen 1: Interaktive Grafiken mit Infogram – AdvenTOOLender 2018
Du hast noch Fragen zu „Ekostudio“, Feedback zum AdvenTOOLender oder ein bestimmtes Tool, das ich neben der Adventskalender-Aktion Schritt-für-Schritt erklären soll? Immer her damit! Entweder als Kommentar unter diesen Blog-Eintrag, per E-Mail (johanna.daher@gmx.de), via Kontaktformular oder über die sozialen Kanäle.
Quelle Beitragsbild: Die Fotos aus der Collage, genau wie die im „Tape“ genutzten Bilder (bis auf die Screenshots) stammen von Lennart Birth. Die Rechte liegen bei ihm.