È possibile impostare un iframe di riproduzione automatica di Spotify da un link Spotify?

La mia community è incentrata sugli artisti che pubblicano la propria musica per farla ascoltare agli altri.

Quando un utente pubblica un SoundCloud, l’iframe funziona perfettamente. Tuttavia, sembra non esserci un iframe automatico per le tracce e le playlist di Spotify.

Come dovrei procedere per impostarlo, se possibile? Ho tutti i codici di incorporamento di Spotify, ma non sono sicuro di come configurarli in Discourse.

Grazie!

Gli onebox di SoundCloud funzionano egregiamente con Discourse. Per Spotify, se aggiungi un link a una canzone o a una playlist di Spotify in un post di Discourse, viene creato un onebox, ma non un player Spotify.

Puoi consentire agli utenti di aggiungere il codice di incorporamento di Spotify (iframe) ai post di Discourse aggiungendo https://open.spotify.com/embed/ all’impostazione del sito allowed iframes del tuo sito. Questo creerà un player audio che permette agli utenti di ascoltare frammenti di 30 secondi delle tracce.

Certamente prenderò in considerazione la possibilità di rendere disponibile la funzionalità iframe ai miei utenti.

Esiste un modo per convertire automaticamente i normali link di Spotify in iframe incorporati? Ho utilizzato Invision Power Board per un certo periodo e il suo software creava elementi incorporabili per un’ampia gamma di servizi multimediali, inclusi Spotify. Tuttavia, so che il loro software è molto costoso e non è open source.

È tecnicamente possibile, ma non sono sicuro che sia qualcosa su cui vorrei fare affidamento. Come esempio di come farlo, il link Spotify https://open.spotify.com/track/39zWYYZStDgWi32sOU9AX4?si=BLFB8HxuQNC-OaHtwD_E4A può essere convertito in un iframe aggiungendo /embed al percorso del link e quindi utilizzando quell’URL come src dell’iframe:

<iframe src="https://open.spotify.com/embed/track/39zWYYZStDgWi32sOU9AX4?si=BLFB8HxuQNC-OaHtwD_E4A"></iframe>

Buona idea, sì, sembra che farebbe al caso nostro. Sai quali file dovrei modificare per ottenere tali risultati? Se conoscessi il/la file, sono sicuro di poterlo programmare da solo!

Se il tuo sito Discourse è self-hosted, credo che l’approccio migliore sia creare un plugin onebox per Spotify. Se apri gli strumenti per sviluppatori del browser su una pagina di Spotify, vedrai che i dati necessari per creare un player Spotify da un iframe sono presenti nei tag meta della pagina. Probabilmente dovrai usare le scorciatoie da tastiera per aprire gli strumenti per sviluppatori, poiché Spotify sembra bloccare i clic con il tasto destro.

Puoi trovare esempi su come vengono creati gli onebox qui: GitHub - discourse/onebox: (DEPRECATED) A gem for turning URLs into website previews · GitHub.