Methodik
Labor

Labor

Hier findest Du verschiedene Experimente und coole Erweiterungen, die ich gebaut habe.

Custom Audio Player

Ich habe den supercoolen, aber schlichten Audioplayer gebaut. Dieser funktioniert CMS (Content Management System) basiert.

CMS

Streaming

Selfhosting

Anpassbar

Filter

Die Audiofiles können vom Kunden auf einem externen Server gehostet werden.
Kunde kann ein neuer CMS Eintrag erstellen mit Titel, Beschrieb, Audiolink.
Danach wird der Audioplayer auf der Website angezeigt.
Es gibt (kein) Limit der angezeigten Player.
Der aktive Player stoppt, wenn ein anderer Player gestartet wird.

Kann easy an Dein Layout angepasst werden.
Der Audioplayer streamt. Datei muss nicht zuerst heruntergeladen werden. (Unten rechts im Player siehst Du die Dateigrössen)
Kann nach jedem erdenklichen Eintrag gefiltert werden.
Funktioniert auch in Kombination mit Videoplayer.
Mehrsprachig

Audio-004

Kasan

Norwegen

73MB

Audio-003

Kasan

Deutschland

128MB

Audio-002

Kasan

USA

127MB

Audio-001

Kasan

Schweiz

123MB

Ich habe den supercoolen, aber schlichten Videoplayer Popup (Modal) gebaut. Dieser funktioniert CMS (Content Management System) basiert. Es ist ein Zusammenspiel von magnific-popup.js und dem Vimeo Player.

CMS

Streaming

Vimeo Hosting

Anpassbar

Filter

Super Responsive

Die Videos können auf Vimeo geladen werden.
Kunde kann ein neuer CMS Eintrag erstellen mit Titel, Beschrieb, Vimeo link.
Danach wird der Videoplayer auf der Website angezeigt.
Es gibt (kein) Limit der angezeigten Player.
Video startet im overlay Mode.

Kann easy an Dein Layout angepasst werden.
Der Videoplayer streamt. Datei muss nicht zuerst heruntergeladen werden.
Kann nach jedem erdenklichen Eintrag gefiltert werden.
Funktioniert auch in Kombination mit Audioplayer.
Mehrsprachig

Cool Paralax Experiment

Bewege die Maus über der Wüste.

Ich habe für einen potenziellen Kunden unten stehenden Parallax Effekt gebaut.
Da kann man so viel auf diese Weise darstellen. Ich freue mich, wenn ich diese 3-D Technik mal auf einer Website anwenden kann.

Anpassbar

Vektorbasiert

Hintergrund

3-D Rotation

Hier ist ein gutes Beispiel einer gesteuerten Lottie Animation.

Ich habe die Standbilder aus einem 3-D render im After Effects als 61 JPG extrahiert.
Danach eine Lottie Sequenz aus den Bildern gebaut.

Diese steuere ich durch Page Scrolling an.

Das ist ein cooler Effekt, da ich den auch über den Inhalt der Page legen kann. Und irgendwas auf diese Weise animieren. Mein Bot oben Links auf der Website ist auch so gebaut. Jedoch ist dieser vektorbasiert und reagiert auf die Mausbewegungen.

Lottie

Vektortauglich

Scroll Effekt & Lottie

Anbei zwei coole scroll Effekte, die mit Überlagerungen funktionieren. Es sind vektorbasierte Dateien und dadurch sind die Daten superklein. Diese können unendlich skaliert werden.

‍

Weiter unten habe ich noch coole Lottie Animationen, die ich gebaut habe.

Anpassbar

Vektorbasiert

Hintergrund