당신은 최고예요, Angus! Safari에서 테스트해 보니 업로드 부분은 잘 작동하지만, 불행히도 재생은 작동하지 않아요. 이 오류들이 관련이 있는지 모르겠어요:
데이비드, 걱정 마. Safari에서 재생은 확실히 작동하고 있어. demo.pavilion.tech에 데모를 하나 세팅해 두었어. Safari에서 재생 기능을 사용하는 모습의 스크린캐스트야. 스크린캐스트 오디오 방식 때문에 재생 소리가 들리지 않을 수 있지만, 믿어줘, 분명히 재생되고 있어 
(배경 소음은 미안해).
사이트에서 다른 테마나 플러그인을 비활성화해 보고, Safari에서 JavaScript를 깨뜨리고 있는지 확인해 봐.
1개의 좋아요
앵거스, 감사합니다. 이 게시물에만 국한된 것 같네요. 다행히도 단순한 일회성 사건이었으면 좋겠습니다.
Chrome(macOS)로 녹음한 후 Safari(macOS)에서 재생을 시도했는데, 재생이 되지 않습니다.
이전에도 언급했던 문제일 것 같습니다. 브라우저마다 MediaRecorder API 코덱 지원 범위가 다르기 때문이죠.
다른 분들도 이 조합(Chrome에서 녹음, Safari에서 재생)이 정상적으로 동작합니까?
저도 이 오류를 확인했습니다. @peter.be - 샘플을 공유합니다…
https://story.pub/t/voice-recorder-tc-chrome-on-macos/14
MacOS에서 Chrome으로 녹음한 파일:
(며칠 전에 작성한 버그 보고서와 동일하지만, 이번에는 MacOS에서 Chrome으로 녹음했습니다)
iMac 데스크톱 (MacOS)
- MacOS Chrome에서 재생됨
- MacOS FireFox에서 재생됨
- MacOS Safari에서 재생되지 않음
iPhone, iPad (iOS)
- iOS Chrome에서 재생되지 않음
- iOS Safari에서 재생되지 않음
- iOS FireFox에서 재생되지 않음
- iOS Brave에서 재생되지 않음
2개의 좋아요
제가 링크하신 플레이어는 이렇게 보입니다:
그리고 제 포럼에서는 이렇게 보입니다:
아이패드와 제 환경에서는 잘 되는데, 당신의 환경에서는 안 되는 것 같네요. 그래서 궁금해서 여쭤봅니다.
1개의 좋아요
@Jagster 사이트에 있는 클립을 녹화할 때 어떤 OS와 브라우저를 사용하셨나요?
iPadOS 16.6과 Safari/DiscourseHub. 하지만 아이패드에서는 브라우저가 이 부분에서 모두 동일합니다.
아이패드에서 Chrome으로 녹음이 가능합니다. 하지만 재생이 되지 않으며, 아이패드의 Chrome에서 오류가 발생합니다.
동일한 녹음 파일은 아이패드의 Safari와 Windows PC의 Chrome에서는 정상적으로 재생됩니다.
또한 iMac/MacOS에서는 Chrome, Safari, Firefox 모두에서 재생됩니다.
그런데도 나는 Chrome/iPad에서 플레이할 수 있었다.
다른 분들도 비슷한 문제를 겪고 계시니, 제가 문제를 겪었던 게시글은 Android에서 MS Edge로 작성되었고, 데스크톱의 Safari에서 재생할 때 오류가 발생했음을 공유합니다.
@angus 이 문제를 (일단) 깨진 것으로 태그하고, 주제 게시물에서 현재 정상 작동하는 플러그인 Discourse Audio Message? 를 언급하는 것이 좋을까요?
깨진 것이 아닙니다. 이전과 완전히 동일하게 작동하고 있으며, 오히려 더 잘 작동합니다(이제는 Safari에서도 녹음이 가능합니다). 제가 고쳐달라는 것이 아니라 기능을 확장해 달라고 요청하신 것입니다.
말씀하신 문제는 Discourse 게시글 HTML에서 오디오 태그가 렌더링되는 방식 때문에 Safari에서 특정 종류의 오디오 형식을 재생할 때 발생하는 문제입니다(@peter.be, MediaRecorder API의 크로스 브라우저 호환성 문제는 아닙니다).
플러그인이나 테마 구성 요소를 사용하지 않고 특정 오디오 형식을 단순히 파일로 업로드했다면, Safari에서 동일한 동작을 볼 수 있을 것입니다. 이 매우 구체적인 문제를 해결하려면 다음 중 하나를 선택해야 합니다.
- 해당 문제를 직접 조사하여 PR을 제출합니다.
- 누군가를 고용해 대신 처리하게 합니다.
- Discourse 게시글 HTML에서 오디오 태그의 형식 처리를 개선하도록 기능 요청을 올립니다.
4개의 좋아요
그것이 제가 녹음된 오디오 메시지를 mp3 형식으로 변환하기로 결정한 이유입니다. MediaRecorder API의 크로스 브라우저 호환성 문제라거나, 일부 브라우저가 특정 코덱을 재생할 수 없다는 문제로 보시든, 혹은 ‘깨진’ 상태라 보시든, 결국 어떤 브라우저에서 파일이 녹음되었든 모든 브라우저에서 재생을 지원하는 솔루션이 필요했기 때문입니다.
모든 브라우저가 mp3 재생을 지원하므로, 저는 이 방식을 선택했습니다.
저는 단지 MediaRecorder API가 특정 사용 사례에서 작동하지 않는 이유를 지적하고, 플러그인을 위해 왜 그리고 어떤 솔루션을 선택했는지를 설명하고자 했을 뿐입니다.
이 정도로 마무리하겠습니다. 언젠가 기회가 되면 테마 컴포넌트에 좀 더 자세히 살펴볼지도 모르겠습니다. 설치와 유지보수가 더 편리한 방법이라는 점에는 동의하지만, 안타깝게도 현재는 기여할 시간이 없습니다. 
2개의 좋아요
모달 수정과 이 TC 개선에 시간을 내주신 @angus님께 감사합니다. 
4개의 좋아요
이 테마 컴포넌트를 채팅에서 작동하도록 업데이트할 수 있나요? 아니면 채팅에서 오디오 파일을 녹음할 수 있게 해주는 다른 플러그인이나 테마 컴포넌트가 있을까요?
3개의 좋아요
나쁜 제안은 아니네요. 사용 사례를 설명해 주시겠어요?
또한, 이런 일에는 기여가 매우 유용합니다. PR을 보내거나 필요한 개발 작업을 후원하는 방식으로 참여할 수 있어요.
이것이 우리 사용자들이 원하는 것입니다. 그들은 채팅 중에 오디오를 녹음하고 전송하기를 원했죠. WhatsApp처럼요.
저는 큰 커뮤니티를 보유하고 있지는 않지만, 이 개발을 위해 스폰서십을 고려해 볼 수도 있습니다. 이 작업을 맡을 분은 저와 사적인 토픽을 만들 수 있습니다.
6개의 좋아요
Marketplace 채널에 해당 주제를 만들어 주시면 좋겠습니다. 
4개의 좋아요
Debian/GNU/Linux 환경에서 Firefox(Debian 12, Firefox 115.5.0esr)로 이 구성 요소를 작동시킬 수 없습니다. 이 구성을 시도해 보신 분이 계신가요?
window.injectScript와 관련된 CSP 문제가 차단 원인이 될 수 있을까요?