Você é o melhor, Angus! Testei no Safari e a parte de upload funciona muito bem, mas infelizmente a reprodução não funciona. Não tenho certeza se esses erros estão relacionados:
Olá David, sem problemas. O playback está funcionando perfeitamente no Safari. Configurei uma demonstração para você em demo.pavilion.tech. Aqui está um screencast de mim usando o playback no Safari. Você não consegue ouvir o playback por causa da forma como o áudio do screencast funciona, mas acredite em mim, ele está lá 
(e desculpe pelo barulho de fundo).
Tente desativar outros temas ou plugins em seu site para ver se eles estão quebrando o javascript no Safari.
1 curtida
Obrigado, Angus, parece estar isolado a este post, espero que seja apenas um incidente isolado.
A reprodução não está funcionando para mim, ao gravar pelo Chrome (macOS) e tentar reproduzir pelo Safari (macOS).
Esse provavelmente é o problema que descrevi anteriormente, suponho, onde os navegadores não suportam os codecs da API MediaRecorder em todas as variações entre navegadores.
Essa combinação está funcionando para outras pessoas? Gravação via Chrome, reprodução no Safari?
Confirmo este erro em meus Discursos @peter.be - aqui está um exemplo…
https://story.pub/t/voice-recorder-tc-chrome-on-macos/14
Gravações feitas no Chrome no MacOS:
(O mesmo que meu relatório de bug de alguns dias atrás, exceto que esta foi gravada no Chrome no MacOS)
iMac Desktop (MacOS)
-
Reproduz no Chrome no MacOS
-
Reproduz no FireFox no MacOS
-
Não reproduz no Safari no MacOS
iPhone, iPad (iOS)
- Não reproduz no Chrome no iOS
- Não reproduz no Safari no iOS
- Não reproduz no FireFox no iOS
- Não reproduz no Brave no iOS
2 curtidas
É assim que eu vejo o player no seu link:
E este é o do meu fórum:
O iPad e o meu funcionam, mas o seu não. Então, estou apenas curioso.
1 curtida
@Jagster qual sistema operacional e navegador você usou para gravar o clipe no seu site?
iPadOS 16.6 e Safari/DiscouseHub. Mas no iPad os navegadores são todos iguais nesse quesito.
Consigo gravar no Chrome no meu iPad. Não reproduz e dá erro no Chrome no iPad.
A mesma gravação, no entanto, reproduz no Safari no meu iPad e no Chrome na minha máquina Windows.
Também reproduz no Chrome, Safari e Firefox no meu iMac/MacOS.
E ainda assim eu consegui jogar no Chrome/iPad.
Como outros também estão tendo problemas, vou mencionar que a postagem com a qual eu estava vendo problemas foi criada com um Android no MS Edge, os erros sendo reproduzidos no Safari no desktop.
@angus devemos (por enquanto) marcar isso como quebrado e, talvez, no Tópico do Post, nos referirmos ao plugin atualmente funcionando Discourse Audio Message?
Não está quebrado. Funciona exatamente como sempre funcionou, ainda mais (agora também grava no Safari). Você está me pedindo para estender a funcionalidade, não para consertá-la.
As questões a que você se refere são a reprodução de certos tipos de formatos de áudio na tag audio no Safari devido à forma como ela é renderizada no HTML das postagens do Discourse (@peter.be, na verdade, não se trata da compatibilidade entre navegadores da API MediaRecorder).
Se você fizesse o upload de certos formatos de áudio sem usar um plugin ou componente de tema, apenas como um arquivo, você veria o mesmo comportamento no Safari. Se você quiser resolver esse problema muito específico, precisará:
- Investigar o problema específico você mesmo e fazer um PR
- Contratar alguém para fazer isso por você
- Abrir uma solicitação de recurso para melhorar o manuseio de formatos de tags
audiono HTML das postagens do Discourse.
4 curtidas
É por isso que escolhi converter mensagens de áudio gravadas para o formato mp3 - se você quiser chamar de problemas de compatibilidade entre navegadores com a API MediaRecorder ou alguns navegadores não conseguindo reproduzir certos codecs; ou se você chamar isso de ‘quebrado’ ou não; o resultado final é que eu precisava de uma solução que suportasse a reprodução em todos os navegadores, independentemente de em qual navegador o arquivo foi gravado.
Como todos os navegadores suportam a reprodução de mp3, escolhi esse caminho.
Eu estava apenas tentando apontar o motivo pelo qual certos casos de uso não funcionam com a API MediaRecorder, e expliquei o porquê e qual solução escolhi para o plugin.
Vou deixar assim. Se eu tiver uma chance em algum momento, posso dar uma olhada mais de perto no componente de tema, já que concordo que é uma maneira mais conveniente de instalá-lo e mantê-lo, mas no momento não terei tempo de contribuir, infelizmente 
2 curtidas
Obrigado @angus pelo seu tempo dedicado a corrigir o modal e melhorar este TC. 
4 curtidas
Você pode atualizar este componente de tema para funcionar no chat? ou existe algum outro plugin ou componente de tema que permita gravar arquivo de áudio no chat?
3 curtidas
Essa não é uma má sugestão. Você se importaria de explicar seu caso de uso?
Além disso, contribuições são super úteis para coisas como essa - seja com PRs ou patrocinando o trabalho de desenvolvimento necessário.
É isso que nossos usuários querem. Eles queriam gravar e enviar áudio durante o chat, assim como o WhatsApp.
Mesmo que eu não tenha uma comunidade enorme, posso considerar patrocínio para este desenvolvimento. A pessoa que o fizer poderá criar um tópico privado comigo.
6 curtidas
Seria ótimo se você pudesse criar um tópico no Marketplace para isso. 
4 curtidas
Não consigo fazer este componente funcionar no Debian/GNU/Linux com Firefox (Debian 12, Firefox 115.5.0esr). Mais alguém tentou esta configuração?
Um problema de CSP com window.injectScript estaria bloqueando?