• Über mich
  • Kurse
  • Kontakt / Impressum / Datenschutz
  • Unterstützen / Donations
Rufposten
  • Über mich
  • Kurse
  • Kontakt / Impressum / Datenschutz
  • Unterstützen / Donations

HTML5 Archive

29 Februar 2016
Scrollytelling

Tutorial für stumme Scrollreportagen

Zurück in die Stummfilmzeit: Mit einem einfachen Trick kann man tonlose Scrollreportagen in jedem beliebigen CMS oder WordPress-Blog erstellen – ohne aufwendige Tools. Beim stummen Scrollytelling wird wahlweise mit Text oder Video erzählt, aber die stummen Clips mit Untertiteln eingebunden. Diese Einschränkung kann ein großer Vorteil sein – wenn der Leser nämlich im Büro sitzt oder von unterwegs ohne Kopfhörer auf die Geschichte zugreift. Hier ein Beispiel für ein stummes Videoelement mit Untertitel. ohne Untertitel/mit Ton Da Film und Untertitel mit HTML5 eingebunden sind, kann man das Beispiel mit Javascript interaktiv erweitern. Als Proof of Concept habe ich hier einen Javascript-Button angefügt, der den Ton für einen Clip aktiviert und die Untertitel ausschaltet. Tonlose Scroller mit WordPress – so geht’s: Für jedes Video braucht man eine Untertitel-Datei im Format .vtt. Die erstellt man am besten online mit dem komfortablen Untertitel-Tool von Youtube – auch wenn man die Datei später woanders hostet. Dazu den Clip bei Youtube hochladen, evtl. auch als privates Video. Dann: Rechts unter dem Player des hochgeladenen Videos den Video-Manager starten. Bearbeiten/Untertitel Sprache wählen, dann Neue Untertitel hinzufügen. Jetzt kann man die Untertitel in ein Textfeld eingeben. Praktisch: Das Video stoppt automatisch, solange man tippt. Dann auf Timing festlegen: Youtube versucht nun, die Untertitel zeitlich mit dem gesprochenen Wort zu synchronisieren. In einem weiteren Schritt kann man diese Zuordnung manuell verbessern: Anschließend auf Aktionen/Herunterladen/.vtt Nachdem man Video und Untertitel bei WordPress oder seinem Server hochgeladen hat, kann beides mit diesem Code-Snippet eingebunden werden. Dazu bei WordPress in die

Read More
15 April 2015
Scrollytelling

Der große Scrollytelling-Tool-Test

Hier gibt es heute nicht nur einen großen Testbericht, sondern nebenbei auch ein kleines Jubiläum zu feiern: Vor zehn Jahren habe ich den ersten Prototypen einer Scrollreportage in diesem Weblog veröffentlicht. Zusammen mit einem kurzen Theorietext, warum das vielleicht ein tolles Medium für den Journalismus wäre. Dirk von Gehlen war einer der Journalisten, die sofort von dem Medium überzeugt waren, wir setzten es gemeinsam bei dem Jugendmagazin jetzt.de ein. Es gab später sogar ein Tutorial für andere Journalisten. Danach habe ich mich aber der Audio-Slideshow zugewendet und es wurde ruhig um die Scrollreportage in Deutschland. Aber seitdem Scrollytelling 2012 durch Snow Fall populär wurde und es auch in deutschsprachigen Verlagen wieder großartige Scrollreportagen gibt, sind einige neue Tools entstanden, mit denen man Scrollytelling jenseits von Mammutbudgets und 20-Mann-Teams produzieren kann. Es ist also Zeit für einen großen Vergleichstest der Scrollreportagen-Tools! Mein altes Tool von damals lassen wir aber im Archiv … es ist ein Wunder dass es auf manchen Rechner noch funktioniert (auf Mac glaube ich nicht). Für den Test habe ich mit meinem Kamerakollegen Alex Hirl eine kleine Referenzreportage aufgenommen und in HTML programmiert (wer sich etwas mit HTML auskennt: mehr zu dem Template und den verwendeten jQuery-Plugins hier). Dann habe ich versucht, diese Reportage in allen vier fünf sieben neun 13 Tools nachzubauen. So sieht man am ehesten die Unterschiede und Beschränkungen. Testübersicht: Story-CMS (eingestellt) Oolipo (eingestellt) Story Builder (Update Oktober 2017) Spark (Update Oktober 2017) Klynt (Update März 2016) Sway (Update März 2016) Racontr (Update August 2015)

Read More

Text. Bild. Ton. Daten.

Diese Seite berichtet seit 2004 über multimedialen Journalismus und Datenschutz. Und stellt eigene Entwicklungen in diesem Bereich vor.

Rufposten wird betrieben von Matthias Eberl.

Vorheriges Weblog (2004-2014)

RSS Rufposten Toots (via Mastodon)

  • rufposten: “Ich glaube mit so einem großar…” 29. Dezember 2020
    Ich glaube mit so einem großartigen Videokunstwerk ist noch nie eine Behörde auf Mastodon durchgestartet :mastolaughing: https://www.baden-wuerttemberg.datenschutz.de/wp-content/uploads/2020/12/Datenschutz_Digitalisierung_WebOpt.mp4@lfdi
  • rufposten: “When ads aren't for advertisin…” 25. Dezember 2020
    When ads aren't for advertising anymore: Zach Edwards and Shoshana Wodinsky figured out how a chinese ad tech player invested 10.000$ to 100.000$ into a weird butt pajama ad campaign on ELLE magazine just to grab valuable user data. https://gizmodo.com/the-butt-pajamas-will-follow-you-forever-1845929307
  • rufposten: “"Es ist kein politisches Versa…” 21. Dezember 2020
    "Es ist kein politisches Versagen, das wir hier sehen, es ist eine bewusste poltische Entscheidung, Abschreckungsmechanismen gegenüber fliehenden Menschen an den Europäischen Außengrenzen aufrecht zu erhalten" – Die unermüdliche Moria-Berichterstatterin Franziska Grillmeier im Interview mit jetzt.de:https://www.jetzt.de/politik/kara-tepe-auf-lesbos-franziska-grillmeier-ueber-die-lage-der-gefluechteten
  • rufposten: “That's how the duopoly Faceboo…” 18. Dezember 2020
    That's how the duopoly Facebook and Google took the advertising cake. Ad funded journalism has no real chance anymore. https://gizmodo.com/how-google-ruined-the-internet-according-to-texas-1845902795(Via https://twitter.com/thezedwards/status/1339965362268323847)
  • rufposten: “Wann kommt eigentlich diese Co…” 17. Dezember 2020
    Wann kommt eigentlich diese Corona-Überwachungs-App von Nida-Rümelin, Montgomery, Palmer und Söder? Die soll ja mittels GPS Ansteckungen noch über acht Stockwerke erkennen können.
  • rufposten: “"Omar Knotts was often late fo…” 14. Dezember 2020
    "Omar Knotts was often late for meetings this week." Yep, that's just the kind of software you want to use as an employee/student. Excellent thread by Wolfie Christl on MS #Teams:https://twitter.com/WolfieChristl/status/1338227759357833216
  • rufposten: “Die Neuen Deutschen Medienmach…” 9. Dezember 2020
    Die Neuen Deutschen Medienmacher*innen:"Die #GoldeneKartoffel geht an die “Clan"-Berichterstattung von SPIEGEL TV. Unterm Strich sind die Berichte verzerrt, stigmatisierend und rassistisch."https://www.youtube.com/watch?v=p7vWNEALR2U
  • rufposten: “Well, didn't turn out as expec…” 5. Dezember 2020
    Well, didn't turn out as expected. Here is the quick tool I wrote decoding the string in the 84 switches. But I can't figure out a connection between the switches and the settings in the GA dashboard. https://rufposten.de/blog/the-google-analytics-config-decoder/Anyone else can?
  • rufposten: “🚜-✉️ Das Datenschutztool "Träc…” 4. Dezember 2020
    🚜-✉️ Das Datenschutztool "Träcktor" soll besser werden und neue Features erhalten. Was braucht ihr am meisten? Hier gehts zur 5-Minuten-Umfrage:https://rufposten.de/nextcloud/index.php/apps/forms/rBsNmeY4jYr7MmBt
  • rufposten: “I always wondered from which a…” 3. Dezember 2020
    I always wondered from which apps and locations sellers the GPS locations of European smartphones end up at Venntel, which sells them to the US authorities. The Norwegian journalist Martin Gundersen tried to find out. The precision of the data is creepy. https://nrkbeta.no/2020/12/03/my-phone-was-spying-on-me-so-i-tracked-down-the-surveillants/

Kategorien

  • Allgemein
  • Audio-Slideshow
  • Beispiele
  • Daten- und Informantenschutz
  • Interna
  • Narration
  • Reporterpreis
  • Scrollytelling
  • Testbericht
  • Tools
  • Tutorial
  • Video
  • z-Aufmacher
  • z-featured
  • Popular
  • Recent
  • Privacy Analysis of Tiktok’s App and Website 5. Dezember 2019
  • Die Zwei-Browser-Lösung gegen Datentracking 2. November 2016
  • Der große Scrollytelling-Tool-Test 15. April 2015
  • Tracking- und und googlefreies Smartphone 14. April 2019
  • Spenden im ersten Halbjahr 2020 1. Juli 2020
  • Tracking bei Shops und Markenherstellern 22. Juni 2020
  • Datenschutz bei Microsoft Teams? 17. Mai 2020
  • Eine Cloud- und Office-Lösung für Journalisten 3. Februar 2020

Archiv

  • Juli 2020 (1)
  • Juni 2020 (1)
  • Mai 2020 (1)
  • Februar 2020 (1)
  • Dezember 2019 (1)
  • November 2019 (1)
  • Oktober 2019 (4)
  • Juni 2019 (2)
  • April 2019 (1)
  • Februar 2019 (1)
  • September 2018 (1)
  • August 2018 (2)
  • Juli 2018 (1)
  • Juni 2018 (1)
  • November 2017 (1)
  • Oktober 2017 (1)
  • September 2017 (1)
  • Juli 2017 (1)
  • November 2016 (1)
  • März 2016 (1)
  • Februar 2016 (2)
  • August 2015 (1)
  • Mai 2015 (1)
  • April 2015 (2)
  • Januar 2015 (1)
  • Oktober 2014 (2)
  • September 2014 (3)
  • August 2014 (1)
  • Juli 2014 (3)

Tags

Aesop auftragsarbeit Ausstellungstrailer Beruf BR Comic Debatte Erzählstimme Facebook Filterblase Google HTML5 Interview klynt Linius Musik Pageflow Print Racontr Scrollytelling Spark Storyform sway Tech Tonlos Tools Wordpress

Social Media

RSS RSS
 Twitter
Mastodon Mastodon
Friendica Friendica
Diaspora Diaspora