Stefan Vesper

Ein Vier-Spur-Drumcomputer im Browser — kleines Arbeitsprojekt aus Spaß, to be continued.

3 der 4 Sounds sind live synthetisiert mit der Web Audio API (Kick, Hi-Hat, Tom), die Snare ist ein kurzes WAV-Sample. Die erstellten Patterns sind bei Reload persistent und lassen sich via URL-Hash teilen — der Link spielt dann direkt das gespeicherte Pattern ab.

To Do

• More sounds & samples

• Custom Sample Upload

• Sound-Visualisierung

• Sample Edit

• Export MIDI-File

• Export Audio-File

• Sync via Ableton Link

Via Webformular können 3 Grafikdateien und eine MP4-Videodatei in einen dynamisch erstellten AWS-S3 Bucket übertragen werden.

Ablauf

• Upload der Assets via Webformular

• Generierung einer VPAID-Javascript-Datei mit den S3-Datei-URLs

• Erstellung einer VAST3-kompatiblen XML-Datei

• Ausgabe einer Redirect-URL für den direkten Einsatz im Videoadserver

Hintergrund

Das Produkt 'Branded Player' ist ein interaktives PreRoll, das via VPAID 2 ein Grafik-Branding um den Videoplayer darstellt.

MetaTag ist ein Node.js-Projekt der Ströer Digital Group zur Aussteuerung von Banner-Werbeplätzen. Das MetaTag-Video-Modul wurde 2018 als externer Entwickler erstellt und wird seit Mitte 2018 auf allen Ströer-Publishern eingesetzt, u.a. Kicker.de & T-Online.de.

Ansatz

Neuer Object-Konstruktor 'Video', neue Methoden via JS-Prototype. Eine Methode gibt ein JSON-formatiertes Objekt zurück, das pro angeforderter Position einen VAST-Adtag für den Videoplayer bereitstellt. Möglichst effiziente Nutzung der vorhandenen Strukturen bei maximaler Flexibilität.

Aufgaben

• Einarbeitung ins GitHub-Projekt und Projektumgebung

• Erstellung Modul-Konzept & Workflow

• Programmierung, Einbindung im CMS von T-Online.de und Ströer

• Tests in der Sandbox mit Ströer-IT und Entwicklern des T-Online-Videoplayers (Exozet)

• Rollout Version 1.0 auf das Ströer CDN (Juni 2018)

• Dokumentation auf Confluence, Schulung Mitarbeiter, Erweiterungen/Updates

Erweiterung der Funktionalität des MetaTag-Video-Moduls der Ströer Digital Group.

Feature

Auf Kundenwunsch wurde der Haupt-Methode ein neuer optionaler Parameter hinzugefügt, der eine dediziertere Auswahl der Video-Rubrik durch den Publisher ermöglicht.

Verbesserungen

• Erstellung von VAST-Tags generischer programmiert für mehr Publisher-Kompatibilität

• Minimierung des Wartungsaufwands

• Skalierbar gestaltet, nahtlose Integration in vorhandene Strukturen

• Weitere Publisher können ohne großen Aufwand integriert werden

Kunde: Ströer Digital Media

Erweiterung des MetaTag-Video-Moduls: Empfang und Verarbeitung von PostMessage-Befehlen eines interaktiven VPAID-PreRolls.

Features

• Sichere, bidirektionale Kommunikation zwischen Kunden-Webseiten und VPAID-Werbemittel

• Template-Funktion für zusätzliche Inhalte auf der Webseite, getriggert durch das VPAID-Werbemittel

Hintergrund

Das 'Branded Player'-Produkt (SDG 2017) nutzt VPAID-Technologie für User-Interaktivität und benötigt Kommunikation mit der Webseite. Als sicherste und skalierbarste Lösung wurde JavaScript-PostMessage gewählt.

Steht in Verbindung mit 'MetaTag Video-Modul Prototype' und 'AWS S3 Upload-Tool / Redirect Generator'.

Sonderwerbeform für die Startseiten von Kicker.de & T-Online.de. Das Werbemittel blendet im Hintergrund ein Fullscreen-Video ein und öffnet eine Lücke in der Webseite, durch die das Video sichtbar ist. Nach Ablauf wird die Lücke animiert geschlossen und ein Reminder eingeblendet. Der Videoplayer ist vollständig VAST/VPAID-kompatibel.

Aufgaben

• VAST/VPAID-kompatibler Videoplayer via JavaScript / Google IMA SDK HTML5

• Aufbau via JS/CSS, Integration in den Buchungsprozess von Ströer

• Erstellen der Kreativ-Vorlagen in DFP, Ablage der Assets auf AWS S3

• Integration auf den Startseiten von Kicker.de, T-Online.de, Spox.de und weiteren

VPAID2-Werbemittel, das zu einem Werbevideo passende Grafikelemente um den Videoplayer herum anzeigt. Werbetreibenden wird ohne zusätzlichen Agenturaufwand ermöglicht, eine Videobuchung mit mehr Aufmerksamkeit und Interaktivität auszustatten.

Hintergrund

Ursprünglich 2015/16 entwickelt über den Companion-Banner-Knoten des VAST-Protokolls. Durch das Wegfallen der Companion-Banner bei den meisten Publishern wurde später die VPAID2-Lösung entwickelt.

Aufgaben

• JavaScript für die Werbeform programmiert

• Buchungs-Template im Adserver erstellt

• 'PostMessage'-Erweiterung des Ströer-Video-Moduls als Kommunikationskanal

• Geplant: Weiterentwicklung auf VAST 4.1

Steht in Verbindung mit 'MetaTag Video – VPAID-PostMessage Integration' und 'AWS S3 Upload-Tool'.

Das Werbemittel blendet sich ein, sobald der User innerhalb des Textes nach unten scrollt. Läuft nur bei einer Sichtbarkeit von mind. 50%. Optimal für die Verlängerung von PreRoll-Kampagnen.

Aufgaben

• VAST/VPAID-kompatibler Videoplayer via JavaScript / Google IMA SDK HTML5

• Scrollverhalten: Öffnen bei 50% Sichtbarkeit, Anhalten wenn außerhalb View, Schließen nach Ablauf

• Erstellen der Kreativ-Vorlagen in DFP, Ablage auf AWS S3

• Integration auf einer Vielzahl von Publishern

Varianten

• Desktop

• Mobile (iOS & Android)

• 16/9 und 9/16 Auslieferung

• RTA-Variante für Realtime Bidding Websites