Lecteur audio flottant pour tout le forum

Salut, j’ai parcouru le forum pour savoir s’il était possible d’avoir un lecteur audio pour l’intégralité de son site web Discourse. Je n’essaie pas de faire quelque chose de sophistiqué comme la lecture automatique.

Ce que j’aimerais faire, c’est avoir un lecteur de musique flottant sur le site web. Ainsi, quelle que soit la rubrique ou les pages visitées par un utilisateur, il peut décider de cliquer sur lecture et d’écouter de la musique pendant qu’il lit les messages (donc oui, il devrait y avoir les contrôles de base du lecteur de musique). Le nom de la chanson et le nom de l’artiste apparaîtraient également. La musique proviendrait de listes de lecture Soundcloud que j’ai créées à partir de mon propre compte.

Ce serait également formidable s’il y avait un moyen de permettre aux utilisateurs de masquer ce lecteur de musique.

Avez-vous des articles, des plugins, des services tiers ou des instructions que vous pouvez me indiquer pour y parvenir ?

5 « J'aime »

Je n’ai aucune idée si c’est possible, mais ce serait plutôt cool dans la barre latérale comme section supplémentaire !

5 « J'aime »

il y a eu des sujets similaires et des solutions possibles suggérées

1 « J'aime »

Ça peut se faire ;)\n\n

\n\nGitHub - captbaritone/webamp: Winamp 2 reimplemented for the browser

7 « J'aime »

Bien joué Robert !

1 « J'aime »

Merci pour cela ! J’ai une expérience de codage très limitée, donc après avoir parcouru la documentation, je ne suis pas sûr de comprendre comment connecter une playlist SoundCloud à ce lecteur audio. Auriez-vous une idée ?

c’est cool aussi

2 « J'aime »

Peut-être pourriez-vous engager un freelance pour vous aider Marketplace

3 « J'aime »

OOOOOOOO MMMMMMMM GGGGGGGGGG…

Mtv No GIF by MELOTIKA

Le composant Media Overlay fournira un bouton dans le coin de chaque iframe.

De cette façon, vous pouvez extraire n’importe quelle iframe dans une petite fenêtre séparée et la garder au premier plan tout en naviguant sur le forum, jusqu’à ce que l’utilisateur la ferme.

Activez ce composant de thème et ajoutez votre source iframe à la liste blanche (par exemple, https://w.soundcloud.com et https://api.soundcloud.com) dans les paramètres de votre site sous iframes autorisées.

Ensuite, vous pouvez coller cet extrait dans un article de sujet…

<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>

Cliquez sur ce bouton et ce mini-lecteur apparaîtra dans le coin inférieur droit et restera ouvert pendant que vous naviguez sur le site (jusqu’à ce que vous le fermiez manuellement)…

4 « J'aime »

hah. j’allais essayer ça mais tu m’as devancé. bien joué ! :smiley: :clap:

3 « J'aime »

Bonjour :wave:

J’ai créé un composant de thème simple qui répond à vos besoins et que vous pouvez utiliser, ou qui peut servir de bon exemple pour le personnaliser davantage. :slightly_smiling_face:

J’ai ajouté quelques paramètres. Ce composant utilise l’intégration SoundCloud. Vous devez ajouter votre identifiant utilisateur SoundCloud et il récupérera vos chansons.

20 « J'aime »

c’est super cool :smiley: bon travail :clap:

6 « J'aime »

C’est EXACTEMENT ce que je cherchais. Vous êtes incroyable ! Je vais tester cela cette semaine. J’espère que cela ne vous dérangera pas si je vous contacte si j’ai besoin d’aide.

6 « J'aime »

Incroyable, @Don !!!
Tu es vraiment amusant à regarder !

4 « J'aime »

Salut @Don,

Auriez-vous un moment pour discuter ? J’ai essayé de trouver votre profil, mais sans succès. Je voulais vous demander de l’aide pour que ce composant de thème récupère les identifiants de playlist au lieu des identifiants d’utilisateur, ou du moins qu’une playlist intégrée (en saisissant le code d’intégration ou l’URL de la playlist) apparaisse lorsque l’on clique sur l’icône « lecteur ». Est-ce une possibilité ?

salut @lowkey_324 :wave: il est préférable de poster votre demande ici au cas où d’autres pourraient aider et afin que d’autres puissent également apprendre les solutions. :slight_smile:

1 « J'aime »

Bonjour, j’ai ajouté un paramètre pour ajouter une playlist. DEV: Add playlist embed by VaperinaDEV · Pull Request #1 · VaperinaDEV/soundcloud-music-player · GitHub

Vous pouvez choisir parmi deux

  • type d’intégration
  • utilisateur
  • playlist

Et ajouter un ID utilisateur ou un ID de playlist en fonction de ce que vous avez sélectionné dans la liste.

2 « J'aime »

LETSGOOOOOOO ! Tu es honnêtement un ANGE !
La seule chose est qu’après l’avoir ajouté en tant que composant du thème par défaut, je reçois ce message car il ne peut pas récupérer l’URL de ma playlist publique. Qu’est-ce que je fais de mal ? J’ai essayé de ne saisir que l’ID de la playlist et j’ai essayé de saisir l’ID de la playlist et l’ID de l’utilisateur lorsque je sélectionne playlist pour le type d’intégration

2 « J'aime »

Oh oui désolé, j’ai corrigé ça. FIX: playlists typo · VaperinaDEV/soundcloud-music-player@3f4ae4d · GitHub

3 « J'aime »