Schwebender Audio-Player für das gesamte Forum

Hi, ich habe das Forum durchgelesen, um herauszufinden, ob es möglich ist, einen Audioplayer für die gesamte Discourse-Website zu haben. Ich versuche nichts Ausgefallenes wie Autoplay.

Ich möchte einen Musikplayer auf der Website haben, der schwebend angezeigt wird. Unabhängig davon, welches Thema oder welche Seiten ein Benutzer besucht, kann er einfach auf Play klicken und Musik hören, während er Beiträge liest (also ja, es sollte die grundlegenden Musikplayer-Steuerelemente geben). Der Name des Songs und der Name des Künstlers würden ebenfalls angezeigt werden. Die Musik stammt von Soundcloud-Playlists, die ich von meinem eigenen Konto erstellt habe.

Es wäre auch großartig, wenn es eine Möglichkeit gäbe, Benutzern zu erlauben, diesen Musikplayer auszublenden.

Haben Sie vielleicht Artikel, Plugins, Drittanbieterdienste oder Anleitungen, auf die Sie mich verweisen können, um dies zu erreichen?

Ich habe keine Ahnung, ob es möglich ist, aber das wäre ziemlich cool in der Seitenleiste als zusätzlicher Abschnitt!

Es gab ähnliche Themen und mögliche Lösungen, die vorgeschlagen wurden

Es kann getan werden ;):

Gut gemacht, Robert!

Vielen Dank dafür! Ich habe nur sehr geringe Programmiererfahrung und bin mir nach Durchsicht der Dokumentation nicht sicher, wie ich eine SoundCloud-Playlist mit diesem Audioplayer verbinden kann. Haben Sie vielleicht einen Einblick?

Das ist auch cool

Vielleicht könnten Sie einen Freiberufler engagieren, der Ihnen hilft Marketplace

OOOOOOOO MMMMMMMM GGGGGGGGGG…

Mtv No GIF by MELOTIKA

Die Media Overlay Komponente stellt eine Schaltfläche in der Ecke jedes iframes bereit.

Auf diese Weise können Sie jeden iframe in ein separates kleines Fenster auslagern und es beim Durchsuchen des Forums geöffnet lassen, bis der Benutzer es schließt.

Aktivieren Sie diese Theme-Komponente und fügen Sie Ihre iframe-Quelle (z. B. https://w.soundcloud.com und https://api.soundcloud.com) in Ihren Site-Einstellungen unter erlaubte iframes hinzu.

Dann können Sie diesen Ausschnitt in einen Topic-Beitrag einfügen…

<iframe src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/129053679&color=ff5500&auto_play=false&hide_related=false&show_comments=false&show_user=true&show_reposts=false" height=100%></iframe>

Klicken Sie auf diese Schaltfläche, und dieser Mini-Player erscheint in der unteren rechten Ecke und bleibt geöffnet, während Sie sich auf der Website bewegen (bis Sie ihn manuell schließen)…

Haha. Ich wollte das auch gerade versuchen, aber du warst schneller. Gut gemacht! :smiley: :clap:

Hallo :wave:

Ich habe eine einfache Theme-Komponente erstellt, die Ihren Bedürfnissen entspricht und die Sie verwenden können oder die als gutes Beispiel für weitere Anpassungen dienen kann. :slightly_smiling_face:

Ich habe einige Einstellungen hinzugefügt. Diese Komponente verwendet das SoundCloud-Embed. Sie müssen Ihre SoundCloud-Benutzer-ID hinzufügen und sie wird Ihre Songs abrufen.

Das ist super cool :smiley: gute Arbeit :clap:

Das ist GENAU das, wonach ich gesucht habe. Du bist unglaublich! Ich werde es diese Woche ausprobieren. Ich hoffe, es macht Ihnen nichts aus, wenn ich mich melde, falls ich Hilfe benötige.

Fantastisch, @Don !!!
Es macht wirklich Spaß, dir zuzusehen!

Hallo @Don,

Könnte ich mich mit Ihnen unterhalten? Ich habe versucht, Ihr Profil zu finden, konnte es aber nicht. Ich wollte um Hilfe bitten, damit diese Themenkomponente Wiedergabelisten-IDs anstelle von Benutzer-IDs abruft oder zumindest eine eingebettete Wiedergabeliste (durch Eingabe von Einbettungscode oder der Wiedergabelisten-URL) angezeigt wird, wenn Sie auf das „Player“-Symbol klicken. Ist das eine Möglichkeit?

Hallo @lowkey_324 :wave: Es ist am besten, Ihre Anfrage hier zu posten, falls andere helfen können und andere auch aus den Lösungen lernen können. :slight_smile:

Hallo, ich habe eine Einstellung zum Hinzufügen von Playlists hinzugefügt. DEV: Add playlist embed by VaperinaDEV · Pull Request #1 · VaperinaDEV/soundcloud-music-player · GitHub

Sie können zwischen zwei wählen

  • Einbettungstyp
    • Benutzer
    • Playlist

Und fügen Sie eine Benutzer-ID oder eine Playlist-ID hinzu, je nachdem, was Sie aus der Liste ausgewählt haben.

LETSGOOOOOOO! Du bist ehrlich gesagt ein ENGEL!
Das Einzige ist, dass ich nach dem Hinzufügen als Komponente des Standardthemas diese Nachricht erhalte, da die URL für meine öffentliche Playlist nicht abgerufen werden kann. Was mache ich falsch? Ich habe versucht, nur die Playlist-ID einzugeben, und ich habe versucht, sowohl die Playlist-ID als auch die Benutzer-ID einzugeben, wenn ich Playlist für den Einbettungstyp auswähle.

Oh ja, Entschuldigung, ich habe es behoben. FIX: playlists typo · VaperinaDEV/soundcloud-music-player@3f4ae4d · GitHub