Drücke die Tasten ◄ ► für weitere Artikel  

Popcorn – HTML5-Tool zum Erstellen interaktiver Webvideos

Mozilla hat Version 1.0 des JavaScript-Tools „Popcorn“ veröffentlicht, mit dem man ein Video im Web relativ einfach mit anderen Informationen und Webseiten verknüpfen kann. Für Menschen ohne jegliche Erfahrung in der Webentwicklung hat Mozilla außerdem den „Popcorn Maker“ veröffentlicht.

Popcorn – HTML5-Tool zum Erstellen interaktiver Webvideos
Popcorn

Videos mit anderen Inhalten im Netz verknüpfen

Website zu Popcorn.js

Videos sind mittlerweile ein ständiger Begleiter im Netz-Alltag geworden. Aber neben vielen Filmen von Katzen, Pandas und anderen Tieren gibt es durchaus informative Filme und sogar ganze Dokumentarreihen. Das Problem an Videos ist allerdings, dass es schwierig ist, wichtige Informationen im Video mit anderen Quellen zu verknüpfen. Dieses Problem will mit Popcorn nun beseitigen.

Mit Hilfe von Popcorn wird es möglich sein, bestimmte Orte in einem Video zum Beispiel mit Google Street View oder einem Wikipedia-Eintrag zu verknüpfen. Dabei kann das etwa 311 Kilobyte große Popcorn-Paket bereits zahlreiche Plugins zum Beispiel für APIs vorweisen und es lassen sich eigene Erweiterungen schreiben. Man kann also sofort beginnen, seine bereits eingereichten Videos bei YouTube oder Vimeo auf seiner Webseite mit zusätzlichen Informationen anzureichern.

Popcorn für ambitionierte Filmemacher gedacht

Am Beispiel von Google Street View kann man erkennen, wie leicht die Einbindung geschehen kann. Es ist, außer dem Einbinden des Videos und dem Anlegen eines Bereiches für die zusätzlichen Informationen, nicht viel mehr nötig als folgende Zeilen Code:

pop.googlemap({
   start: 2, // Startzeit zum Einblenden in Sekunden
   end: 6, // Ende des Einblendens
   type: "STREETVIEW", // Typ (Map, StreetView etc ...)
   target: "googlemap",  // Das DOM-Element um die Infos anzuzeigen
   location: "New York", //  Ort, den Street-View anzeigen soll
   zoom: 1 // Größe des Zooms
});

Wem das aber immer noch zu kompliziert ist, der kann die Web-Applikation „Popcorn Maker“ nutzen. Ähnlich einer Software zum Bearbeiten von Videos kann man hier auf einer Timeline seine gewünschten Information zum Video zusammensetzen. Am Popcorn Maker erkennt man auch, dass Popcorn nicht unbedingt für den Webentwickler konzipiert worden ist, sondern für den ambitionierten Filmemacher, der seine Videos mit zusätzlichen Informationen erweitern möchte. In meinen Augen eine wirklich sehr gute Idee.

Popcorn steht als kostenloser Download bereit und läuft in modernen Browsern auch ziemlich flüssig, nur an einigen, wenigen Stellen hakt es noch etwas und der Popcorn Maker läuft auch noch nicht wirklich stabil, was aber bei einer so komplexen Web-Applikation kein Wunder ist.

Ich würde mir wünschen, dass dieses Toolkit in Zukunft oft eingesetzt und hoffentlich weiterentwickelt wird. Eine Bereicherung für das Web ist es allemal.

Was haltet ihr von „Popcorn“, würdet ihr es für euere nächstes Film-Projekt nutzen? Bereichert es das Web oder wird es im Endeffekt den Nutzer nur verwirren ?

Weiterführende Links zum Thema:

41 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
5 Antworten
  1. von Ramona am 10.11.2011 (20:35Uhr)

    Mit HTML5 habe ich bereits experimentiert, ist halt noch schwierig wegen der Formate. Doch die selbst gesteuerte Verknüpfung von Informationen ist ja das, was das Internet so genial macht. Ausprobieren ist vorgemerkt!

  2. von HTML5: Neue Formulartypen in der Praxis… am 29.11.2011 (14:05Uhr)

    [...] Popcorn – HTML5-Tool zum Erstellen interaktiver Webvideos [...]

  3. von HTML5: Überschriften und Einleitungen v… am 09.01.2012 (14:38Uhr)

    [...] Popcorn – HTML5-Tool zum Erstellen interaktiver Webvideos - t3n-News [...]

  4. von HTML5 und Local Storage: Daten für Offl… am 09.01.2012 (14:40Uhr)

    [...] Popcorn – HTML5-Tool zum Erstellen interaktiver Webvideos - t3n News [...]

  5. von Mozilla Popcorn Maker: Dynamische Videos… am 14.11.2012 (11:46Uhr)

    [...] Popcorn – HTML5-Tool zum Erstellen interaktiver Webvideos – t3n News Weitere Artikel zu Mozilla (function() {var s = document.getElementsByTagName("script")[0],rdb = document.createElement("script"); rdb.type = "text/javascript"; rdb.async = true; rdb.src = document.location.protocol + "//www.readability.com/embed.js"; s.parentNode.insertBefore(rdb, s); })(); [...]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema JavaScript
Ist Flash tot? Zehn beeindruckende Web-Experimente ohne Flash
Ist Flash tot? Zehn beeindruckende Web-Experimente ohne Flash

Lange Zeit war Flash das Nonplusultra der Web-Animation. Diese zehn Experimente zeigen euch eindrucksvoll, dass das schon sehr bald der Vergangenheit angehören könnte. » weiterlesen

CES 2014: Firefox OS auf dem Fernseher – Panasonic kooperiert mit Mozilla
CES 2014: Firefox OS auf dem Fernseher – Panasonic kooperiert mit Mozilla

Panasonic will Firefox OS auf den Fernseher bringen. Der japanische Konzern will dazu eng mit der Mozilla Foundation zusammenarbeiten. » weiterlesen

t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]
t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]

Du willst in die Webentwicklung einsteigen und HTML5, CSS3 und JavaScript lernen? Das etwas andere Fachbuch „Schrödinger lernt HTML5, CSS3 und JavaScript“ vermittelt mit Witz die Theorie und... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen