CODING: Mixcloud Vinyl Style Player

Oft sieht man auf Webseiten sogenannte Vinyl-Style Musik Player um Musik wieder zu geben

Ein Beispiel hierfür ist der  Vinyl Music Player von Marc Malignan zu Finden auf https://codepen.io/MarcMalignan/pen/Berls

 

Ich habe mir nun gedacht: Hey es wäre doch schön wenn es sowas auch für Mixcloud gäbe – also habe ich mich auf die Suche gemacht und geschaut was die Mixcloud so bietet. Leider bietet Mixcloud keine Möglichkeit den Player umzugestalten und eine Möglichkeit direkt an den Audiostream zu gelangen bietet Mixcloud auch nicht (klar gibt es Mixcloud zu MP3 Konverter, die den Stream abgreifen, diese sind aber ziemlich illegal). Was Mixcloud jedoch bietet ist einen API um den Player im Iframe gewissermaßen fern zu steuern. Nun habe ich mich ein paar Tage mit der API, CSS, HTML und JQuery rumgeschlagen und einen Vinyl-Style gebaut, der sich in Webseiten via iframe einbinden lässt.

Ergebnis:

Eine Anleitung wie ihr euch den Einbindet gibt es auf der CODING-Seite und es gibt noch eine Github Projektseite dazu

0 Antworten auf “CODING: Mixcloud Vinyl Style Player”

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.