Audio Player in Webflow – 3 Wege um mp3 zu integrieren
Ich zeige dir drei Methoden, wie du Audio-Dateien bzw. mp3 Files in dein Webflow Projekt integrieren und mit einem Musik Player abspielen kannst.
Ergebnis anschauen:
https://cms-audio-player.webflow.io
Im Webflow Designer öffnen und klonen:
https://webflow.grsm.io/Audio-Player-... *
---------------------------------------------
Meine Onlinekurse:
👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!):
https://formburg.com/kurs
👉 50+ Webflow-Tricks:
https://www.formburg.com/tricks
👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.jonasarleth.com/produkt/w...
---------------------------------------------
Kostenlosen Webflow Account anlegen:
https://formburg.com/webflow-kostenlos *
Webflow schnell und einfach lernen:
https://formburg.com/tutorials
---------------------------------------------
// TIMESTAMPS
00:00 – Intro
00:59 – Standard Browser Audio Player nutzen
03:14 – Audio Player an das CMS anbinden
03:46 – Trick: Audio Dateien in Dropbox hosten
04:58 – Ladezeit bei Audiodateien optimieren
05:45 – Browser Player mit CSS stylen
06:59 – jQuery Player integrieren (Plugin)
08:50 – Design des Green Audio Player ändern
10:44 – mp3 via Soundcloud hosten und einbinden
12:13 – Zusammenfassung
#webflow #websitedesign #webdesign
---------------------------------------------
// PATREON
► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): http://bit.ly/patreon-seite
----------------------------------------------
// MEIN WEBDESIGN UND FREELANCER BLOG
► https://jonasarleth.com/blog
----------------------------------------------
// SOCIAL MEDIA
► Instagram: / jonasarleth
► Dribbble: https://dribbble.com/jonasarleth
► LinkedIn: / jonasarleth
----------------------------------------------
// MEIN WEB & DESIGN PODCAST
► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► Pocket Casts: https://jonasarleth.com/pocketcasts
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast
► Stitcher: https://jonasarleth.com/stitcher
----------------------------------------------
Affiliate Links