Mit Mozilla-Popcorn werden aus HTML5-, Youtube- oder Vimeo-Videos Online-Projekte mit Untertiteln und zusätzlichen Inhalten aus dem Web (Twitter, Wikipedia, Google-Maps). Der Popcorn Maker ist das Tool dafür, das sich auch ohne Programmierkenntnisse bedienen lässt.

1. css:manufaktur
Eine Einführung
Texttreff-Workshop-Wochenende
am 3. Mai 2013

2. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
 Webtool => nur über den Browser verfügbar
 Fertige Videos zu Webprojekten erweiterbar
 Mozilla-Projekt
 Kein Video-Schnittprogramm

3. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende

4. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
 Video-Projekte erstellen ohne Programmier-Kenntnisse
 HTML5 Video, YouTube oder Vimeo mit zusätzlichem
Inhalt anreichern,
 Untertitel, Bilder, Wikipedia-Inhalte, Twitter & Co. zu
einem fertigen Video hinzufügen,
 Einblendungen über die Zeitleiste (Timeline)
kontrollieren.

5. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
 Video im Format .mp4, .webm oder .ogg auf einen
Server hochladen
oder
 Video auf YouTube hochladen
oder
 Video auf Vimeo hochladen

6. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
 Text für Untertitel und Popups
 Gewünschten Google-Map-Ausschnitt
 Link zum Twitter-Account (eigenes oder fremdes)
 Link zu Einzelbild oder Flickr-Slideshow
(auch direkter Upload eines Einzelbildes ist möglich)
 Link zu Wikipedia-Seite

7. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
 Schleife (Loop) markieren
 Teile des Video wegschneiden (Skip)
 Pause einbauen
 Sound im Video => Lautstärke regeln, ausschalten

8. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
 Timeline => standardmäßig in der Länge des
gewählten Videos
 Layer => die Anzahl ist variabel
 Drag-and-Drop => Events lassen sich einfach in die
Timeline ziehen
 Finetuning auch über Direkteingabe, Auswahl- und
Checkboxen

9. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
Timeline
Medien-
Container

10. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
 Registrieren, um das Projekt zu speichern,
 Projektlink kopieren,
 Share => per Twitter oder Google+ verteilen,
 iFrame => Code zum Einbetten kopieren,
 Quellcode ansehen und ggf. kopieren

11. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
Selbermachen

12. css:manufaktur
Popcorn-Maker
Texttreff Workshop-Wochenende
Texttreff-Workshop-Wochenende
 Popcorn Maker: https://popcorn.webmaker.org/
 Video in HTML5-Formate umwandeln
(mp4 und ogg (Theora)):
http://www.mirovideoconverter.com/