Reproductor de audio flotante para todo el foro

Hola, he leído el foro intentando averiguar si es posible tener un reproductor de audio para todo el sitio web de Discourse. No intento hacer nada sofisticado como la reproducción automática.

Lo que me gustaría hacer es tener un reproductor de música flotando en el sitio web. Así, independientemente del tema o las páginas que visite un usuario, podrá decidir simplemente hacer clic en reproducir y escuchar música mientras lee las publicaciones (así que sí, debería tener los controles básicos del reproductor de música). También aparecería el nombre de la canción y el nombre del artista. La música provendrá de listas de reproducción de Soundcloud que he creado desde mi propia cuenta.

También sería genial si hubiera una forma de permitir a los usuarios ocultar este reproductor de música.

¿Hay alguna posibilidad de que tengas algún artículo, plugin, servicio de terceros o instrucciones a los que puedas remitirme para lograr esto?

5 Me gusta

No tengo idea si es posible, ¡pero esto sería genial en la barra lateral como una sección adicional!

5 Me gusta

ha habido temas similares y posibles soluciones sugeridas

1 me gusta

Se puede hacer ;):

7 Me gusta

¡Bien hecho, Robert!

1 me gusta

¡Gracias por esto! Tengo una experiencia de codificación muy limitada, así que después de revisar la documentación, no estoy seguro de entender cómo conectar una lista de reproducción de SoundCloud con este reproductor de audio. ¿Tienes alguna idea?

esto también es genial

2 Me gusta

Quizás podrías contratar a un profesional independiente para que te ayude Marketplace

3 Me gusta

OOOOOOOO MMMMMMMM GGGGGGGGGG…

Mtv No GIF by MELOTIKA

El componente Media Overlay proporcionará un botón en la esquina de cada iframe.

De esta manera, puedes sacar cualquier iframe a una pequeña ventana separada y mantenerla encima mientras navegas por el foro, hasta que el usuario la cierre.

Habilita ese componente de tema y añade a la lista blanca tu fuente de iframe (es decir, https://w.soundcloud.com y https://api.soundcloud.com) en la configuración de tu sitio en iframes permitidos.

Luego puedes pegar este fragmento en una publicación de tema…

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

Haz clic en ese botón y ese minirreproductor aparecerá en la esquina inferior derecha y permanecerá abierto mientras navegas por el sitio (hasta que lo cierres manualmente)…

4 Me gusta

jaja. iba a intentar esto pero me ganaste. ¡bien hecho! :smiley: :clap:

3 Me gusta

Hola :wave:

He creado un componente de tema sencillo que se ajusta a tus necesidades y que puedes usar o puede servir como una buena muestra para personalizarlo más. :slightly_smiling_face:

He añadido algunas configuraciones. Este componente utiliza la incrustación de SoundCloud. Necesitas añadir tu ID de usuario de SoundCloud y buscará tus canciones.

20 Me gusta

eso es genial :smiley: buen trabajo :clap:

6 Me gusta

Esto es EXACTAMENTE lo que estaba buscando. ¡Eres increíble! Lo probaré esta semana. Espero que no te importe si me comunico si necesito ayuda.

6 Me gusta

¡Increíble, @Don !!!

¡Eres muy divertido de ver!

4 Me gusta

Hola @Don,

¿Hay alguna posibilidad de que pueda hablar contigo? Intenté encontrar tu perfil, pero no pude. Quería pedir ayuda para hacer que este componente temático obtenga identificadores de lista de reproducción en lugar de identificadores de usuario o, al menos, que aparezca una lista de reproducción incrustada (introduciendo código incrustado o la URL de la lista de reproducción) al hacer clic en el icono del “reproductor”. ¿Es esto una posibilidad?

Hola @lowkey_324 :wave: es mejor publicar tu consulta aquí en caso de que otros puedan ayudar y para que otros también puedan aprender las soluciones. :slight_smile:

1 me gusta

Hola, he añadido una configuración para añadir listas de reproducción. DEV: Add playlist embed by VaperinaDEV · Pull Request #1 · VaperinaDEV/soundcloud-music-player · GitHub

Puedes elegir entre dos:

  • tipo de incrustación
    • usuario
    • lista de reproducción

Y añadir un ID de usuario o un ID de lista de reproducción, dependiendo de lo que hayas seleccionado en la lista.

2 Me gusta

¡VAMOSSSSSSS! ¡Eres honestamente un ÁNGEL!
Lo único es que después de agregarlo como un componente del tema Predeterminado, recibo este mensaje ya que no puede obtener la URL de mi lista de reproducción pública. ¿Qué estoy haciendo mal? Intenté ingresar solo el ID de la lista de reproducción e intenté ingresar tanto el ID de la lista de reproducción como el ID de usuario cuando selecciono lista de reproducción para el tipo de incrustación.

2 Me gusta

Oh sí, lo siento, lo arreglé. FIX: playlists typo · VaperinaDEV/soundcloud-music-player@3f4ae4d · GitHub

3 Me gusta