Lettore Audio Galleggiante per l'intero forum

Grazie! Funziona perfettamente. Una cosa su cui avrei bisogno di un consiglio è l’interfaccia utente per iPhone. Quando accedo con un iPhone, ho notato che l’“icona del giocatore” esce dallo schermo e l’utente non può chiudere il lettore musicale. Potresti indicarmi la riga di codice per risolvere questo problema?

1 Mi Piace

Ciao :wave:

Grazie, ho unito una correzione e aggiunto il supporto per iPhone (footer-nav) ecc.: UX: fix music player height and add iphone (footer-nav) support · VaperinaDEV/soundcloud-music-player@40509c7 · GitHub

Modifica: corregge anche la larghezza e la posizione nella visualizzazione desktop UX: fixe music player width and position on desktop · VaperinaDEV/soundcloud-music-player@56eb89b · GitHub

Modifica: altro aggiornamento UX: Add arrow to music player button by VaperinaDEV · Pull Request #2 · VaperinaDEV/soundcloud-music-player · GitHub

music-player

2 Mi Piace

Continuando a migliorare questo componente del tema, c’è qualche possibilità che qualcuno possa aiutarmi con un miglioramento dell’interfaccia utente. @Don è l’autore originale di questo componente e ha fatto un lavoro fantastico!

Sarebbe fantastico se il pulsante Ascolta apparisse come un lettore musicale come sotto e gli utenti potessero comunque nascondere questo nuovo lettore musicale. Nota: questo sarebbe solo per la versione desktop e tablet. A meno che tu non conosca un modo per farlo apparire ancora bene e non disordinato sulla versione mobile.

Esempio di lettore musicale

  1. Riproduci/metti in pausa
  2. Casuale
  3. Salta avanti o indietro
  4. Nome della canzone e nome dell’artista
  5. Posizionato a sinistra dello schermo
  6. Freccia per nascondere il lettore musicale

Versione attuale

Ciò che si può fare con il componente del tema a cui hai collegato sarà limitato perché è un wrapper attorno al codice di incorporamento di SoundCloud. Ciò limita l’interfaccia utente a qualcosa di simile a questo (per una playlist):

Alcune delle cose che stai chiedendo potrebbero essere fatte con il componente del tema esistente, ma non sarà possibile apportare modifiche al lettore musicale effettivo. Per farlo, avresti bisogno di un componente del tema che effettui richieste all’API di SoundCloud: API - Wrappers - SoundCloud Developers.

2 Mi Piace

Quella API richiede credenziali, quindi probabilmente non dovresti distribuirla come componente tematico poiché esporrebbe tali informazioni al browser - sarebbe quindi meglio renderla un plugin e gestire quella connessione privatamente nel backend.

3 Mi Piace

Per richieste autenticate sarebbe necessario un plugin, ma l’API di SoundCloud consente di fare molto con richieste non autenticate semplicemente fornendo un CLIENT_ID. Un lettore SoundCloud potrebbe essere realizzato con un semplice componente tema. Il proprietario del sito dovrebbe registrare un’app su SoundCloud e fornire il proprio CLIENT_ID come impostazione del tema.

Un plugin SoundCloud sarebbe davvero interessante, però. Potrebbe fare cose come consentire agli utenti di caricare tracce in una playlist, registrare tracce direttamente da Discourse, ecc.

Essenzialmente, è necessaria l’autenticazione per effettuare richieste PUT, POST e DELETE. Non è necessaria l’autenticazione per effettuare richieste GET.

Modifica: tutto questo sarebbe fantastico, ma non rendono facile la registrazione di un’app:

Cercando un po’ su Google, sembra che sia possibile registrare un’app inviando loro un’email, ma non è abbastanza affidabile per un componente tema o un plugin che richiederebbe al proprietario del sito di registrare un’app. Se le cose dovessero cambiare con il loro processo di richiesta API, tornerò su questo.

2 Mi Piace

@Don

Questo componente è meraviglioso, così bello. Apprezzo il tuo lavoro.
Rende il forum così gioioso…

Un suggerimento,
ora è codificato in modo fisso nelle impostazioni, solo una lista.
Mi chiedo se potresti migliorarlo per supportare più playlist,

potresti aggiungere un elenco di playlist nelle impostazioni, {id lista, nome lista}
quindi nell’interfaccia utente, dare agli utenti la possibilità di selezionare una lista, sarebbe molto, molto bello :slight_smile:
ad esempio, aggiungere un menu a discesa nel pannello scorrevole, magari in alto, che permetta di scegliere una playlist,

grazie mille… e spero che tu consideri questo miglioramento…

1 Mi Piace

Ciao @fbpbdmin :wave:

Ho unito un aggiornamento per questo. Ora puoi aggiungere più utenti / playlist al player. Contiene una nuova impostazione.
Qui puoi scegliere il tipo di incorporamento per ogni playlist. users o playlists

ad es.

:arrow_down_small:


Altre playlist…

4 Mi Piace

Ciao @Don
questo è molto bello, lo apprezzo davvero!
:100: :+1: :beers:

2 Mi Piace

Ciao @Don

per divertimento, :slight_smile:
sembra che si possa integrare anche Spotify in questo bel componente radio
ad esempio, una playlist di Spotify può essere visualizzata/incorporata come un player simile,
(è necessario aggiungere prima https://open.spotify.com/embed/ agli iframe consentiti nelle impostazioni)

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/37i9dQZF1E37rs1nnrBO2K?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

questo viene visualizzato come

grazie ancora per questo bel componente e buone vacanze!

1 Mi Piace

Don, questo è un componente del tema davvero fantastico :fire:
Mi chiedo se sia fattibile sviluppare un componente del tema comparabile per visualizzare video, funzionando come lettore video. Tale aggiunta sarebbe immensamente utile per ospitare tutorial video, tra gli altri contenuti, per gli utenti del forum. Le sorgenti video potrebbero includere piattaforme come YouTube, Vimeo e risorse simili.

sì, @Aizada_M sto pensando allo stesso percorso.

le canzoni su soundcloud non sono tante come su altri siti multimediali, le canzoni caricate potrebbero essere identificate in modo errato per problemi di copyright.
incorporare i lettori in un iframe, immagino che dovrebbe funzionare per la maggior parte dei lettori, youtube, spotify ecc…
e anche alcuni piccoli giochi web, haha…

spero che @Don abbia tempo per questo :slight_smile: grazie ancora!

1 Mi Piace

Questo argomento è stato chiuso automaticamente dopo 298 giorni. Non sono più consentite nuove risposte.