Componente Registratore Vocale

Sei il migliore Angus! Ho testato su Safari e la parte di caricamento funziona benissimo, ma purtroppo la riproduzione non funziona. Non sono sicuro se questi errori siano correlati:

Ehi David, non preoccuparti. La riproduzione funziona sicuramente su Safari. Ho preparato una demo per te su demo.pavilion.tech. Ecco uno screencast di me che uso la riproduzione su Safari. Non puoi sentire la riproduzione a causa del modo in cui funziona l’audio dello screencast, ma credimi, c’è :slight_smile: (e scusa per il rumore di fondo).

Prova a disabilitare altri temi o plugin sul tuo sito per vedere se stanno compromettendo il javascript su Safari.

1 Mi Piace

Grazie Angus, sembra essere isolato a questo post, si spera solo un incidente isolato.

La riproduzione non funziona per me, durante la registrazione tramite Chrome (macOS) e il tentativo di riproduzione tramite Safari (macOS).

Probabilmente è il problema che ho descritto in precedenza, presumo, dove i browser non supportano i codec dell’API MediaRecorder in tutte le varianti tra i browser.

Questa combinazione funziona per altri? Registrazione tramite Chrome, riproduzione in Safari?

Confermo questo errore sui miei Discourses @peter.be - ecco un esempio…

https://story.pub/t/voice-recorder-tc-chrome-on-macos/14

Registrazioni effettuate in Chrome su MacOS:

(Uguale al mio bug report di qualche giorno fa, tranne per il fatto che questo è stato registrato in Chrome su MacOS)

iMac Desktop (MacOS)

  • vengono riprodotti in Chrome su MacOS

  • vengono riprodotti in FireFox su MacOS

  • non vengono riprodotti in Safari su MacOS

iPhone, iPad (iOS)

  • non vengono riprodotti in Chrome su iOS
  • non vengono riprodotti in Safari su iOS
  • non vengono riprodotti in FireFox su iOS
  • non vengono riprodotti in Brave su iOS
    Tired Tv Land GIF by TV Land Classic
2 Mi Piace

Questo è come vedo il player al tuo link:

E questo è dal mio forum:

iPad e il mio funzionano, ma il tuo no. Quindi mi stavo solo chiedendo.

1 Mi Piace

@Jagster quale sistema operativo e browser hai utilizzato per registrare la clip sul tuo sito?

iPadOS 16.6 e Safari/DiscouseHub. Ma su iPad i browser sono tutti uguali in questo senso.

Posso registrare su Chrome sul mio iPad. Non viene riprodotto e dà errore su Chrome sull’iPad.

La stessa registrazione, tuttavia, verrĂ  riprodotta in Safari sul mio iPad e su Chrome sulla mia macchina Windows.

Viene riprodotta anche in Chrome, Safari e Firefox sul mio iMac/MacOS.

https://story.pub/t/voice-recorder-tc-chrome-on-ios/15

Eppure potevo giocarci su Chrome/iPad.

Dato che anche altri stanno riscontrando problemi, lo segnalo: il post che stavo vedendo con problemi è stato creato con un Android in MS Edge, gli errori si riproducono in Safari su desktop.

@angus dovremmo (per ora) contrassegnare questo come non funzionante, e forse nel post dell’argomento fare riferimento al plugin attualmente funzionante Discourse Audio Message?

Non è rotto. Funziona esattamente come sempre, anzi anche meglio (ora registra anche in Safari). Mi stai chiedendo di estendere la funzionalità, non di correggerla.

I problemi a cui ti riferisci riguardano la riproduzione di alcuni tipi di formati audio nel tag audio in Safari a causa del modo in cui viene renderizzato nell’HTML dei post di Discourse (@peter.be non si tratta realmente della compatibilità cross-browser dell’API MediaRecorder).

Se caricassi determinati formati audio senza usare un plugin o un componente del tema, semplicemente come file, vedresti lo stesso comportamento in Safari. Se vuoi risolvere quel problema molto specifico, dovrai o

  • esaminare tu stesso il problema specifico e fare una PR
  • assumere qualcuno che lo faccia per te
  • presentare una richiesta di funzionalitĂ  per migliorare la gestione dei formati dei tag audio nell’HTML dei post di Discourse.
4 Mi Piace

Questo è il motivo per cui ho scelto di convertire i messaggi audio registrati in formato mp3: che tu lo chiami problemi di compatibilità cross-browser con l’API MediaRecorder o che alcuni browser non siano in grado di riprodurre determinati codec; o che tu lo chiami “rotto” o meno; in definitiva, avevo bisogno di una soluzione che supportasse la riproduzione in tutti i browser indipendentemente dal browser in cui il file è stato registrato.

PoichĂŠ tutti i browser supportano la riproduzione mp3, ho scelto questo percorso.

Stavo solo cercando di sottolineare il motivo per cui determinati casi d’uso non funzionano con l’API MediaRecorder, spiegando perché e quale soluzione ho scelto per il plugin.

Mi fermerò qui. Se avrò l’opportunità a un certo punto, potrei dare un’occhiata più da vicino al componente tematico, poiché concordo sul fatto che sia un modo più conveniente per installarlo e mantenerlo, ma al momento purtroppo non avrò il tempo di contribuire :folded_hands:

2 Mi Piace

Grazie @angus per il tempo dedicato a correggere la modale e migliorare questo TC. :pray:

4 Mi Piace

Puoi aggiornare questo componente del tema per farlo funzionare in chat? o esiste un altro plugin o componente del tema che consenta la registrazione di file audio in chat?

3 Mi Piace

Non è un cattivo suggerimento. Ti dispiacerebbe spiegare il tuo caso d’uso?

Inoltre, i contributi sono estremamente utili per cose come questa, sia tramite PR che sponsorizzando il lavoro di sviluppo necessario.

Questo è ciò che i nostri utenti desiderano. Volevano registrare e inviare audio durante la chat, proprio come WhatsApp.

Anche se non ho una community enorme, potrei prendere in considerazione una sponsorizzazione per questo sviluppo. La persona che lo farĂ  potrĂ  creare un argomento privato con me.

6 Mi Piace

Sarebbe fantastico se potessi creare un argomento nel Marketplace per questo. :+1:

4 Mi Piace

Non riesco a far funzionare questo componente su Debian/GNU/Linux con Firefox (Debian 12, Firefox 115.5.0esr). Qualcun altro ha provato questa configurazione?

Un problema CSP con window.injectScript potrebbe bloccare?