음성 녹음기 컴포넌트

Debian에서 Firefox를 실행할 때, "테마 미리보기"를 하면 아이콘이 표시되고, 오디오를 녹음하고, 저장 및 재생할 수 있습니다. 하지만 "테마 미리보기"를 하지 않으면 아이콘이 사라집니다. 아이콘을 다시 표시하는 알려진 절차가 있나요?

2개의 좋아요

사용 중인 테마에 테마 구성 요소가 적용되었는지 확인해 보셨나요?

2개의 좋아요

네, 테마 컴포넌트는 모든 테마에 적용됩니다.

2개의 좋아요

그것과 충돌할 수 있는 다른 테마 구성 요소가 있을까요?

2개의 좋아요

정말 좋아 보입니다! 간단히 테스트해 봤는데 완벽하게 작동하네요. 잘하셨습니다! 저는 개인적으로 이 기능에 관심이 많습니다. 항상 가족 포럼에서 사진을 공유하고 사람들이 오디오 녹음으로 반응할 수 있기를 꿈꿔왔거든요. 만약 자동으로 전사(자막)까지 된다면 정말 놀랍겠습니다.

UI를 개선하기 위한 제안으로 떠오르는 아이디어는 음성 녹음으로 답글을 작성하는 것을 더 쉽게 만드는 것입니다. 예를 들어, 게시글 메뉴에 :studio_microphone: 아이콘을 추가하는 것 말이죠. 이 아이콘을 클릭하면 오디오 녹음 모달이 열립니다. 저장하면 오디오 녹음을 포함하여 답글이 생성되고 저장됩니다.

정확히 표현하기는 어렵고 디자이너가 저보다 더 잘할 부분이겠지만, 모달 UX를 몇 가지 방법으로 개선하면 더 재미있고 역동적이며 이해하기 쉬워질 수 있습니다:

  • 녹음을 시작할 때 활성 녹음을 나타내는 애니메이션을 표시합니다.
  • 녹음을 멈출 때 녹음 시작을 다시 녹음으로 변경합니다. 선택 시 기존 녹음이 삭제될 것이라는 경고 메시지를 표시합니다.
  • 업로드를 녹음 유지로 변경합니다.
  • 취소를 녹음 삭제로 변경합니다.

제 아이폰에 있는 RodeReporter 앱이 떠오르는데, 꽤 괜찮은 UI를 갖추고 있습니다.

4개의 좋아요

저한테는 이 기능이 정말 좋은 것 같아요. :+1:

3개의 좋아요

버튼이 표시되기 위한 특별한 조건은 없습니다. :thinking:

테마에 연결되어 있다고 가정할 때, 문제를 설명할 수 있는 오류가 있는지 브라우저 콘솔을 확인해 볼 수 있을까요?

3개의 좋아요

여기 @Arkshine, 확인해 주셔서 감사합니다. 페이지를 로드한 후 콘솔을 열고 새 주제(New Topic)를 클릭하여 작성기를 관찰해 보았지만, 마이크 버튼이 표시되지 않았습니다. 메시지는 어떤 작업도 수행하기 전에 이미 표시되어 있었습니다.

콘솔 메시지

Content-Security-Policy 경고 2건
Content-Security-Policy: script-src 내에서 ‘report-sample’ 무시됨: 'strict-dynamic’이 최신으로 지정됨
Content-Security-Policy: script-src 내에서 ‘report-sample’ 무시됨: 'strict-dynamic’이 최신으로 지정됨
:information_source: Discourse v3.3.0.beta2-dev — Commits · discourse/discourse · GitHub — Ember v5.5.0 app.js:240:10

2개의 좋아요

@angus

채팅에 음성 녹음 기능을 추가할 시간이 있으신지 궁금합니다… 감사합니다…

3개의 좋아요

확인해 보기 위해 간단한 테스트를 해봤습니다. 작동은 합니다.
녹음된 오디오를 첨부할 수 있으며, 메시지를 보내려면 Enter 키를 눌러야 합니다.

오디오 업로드 후 메시지가 자동으로 전송되어야 하는지 확신이 서지 않습니다.
어떻게 생각하시나요?

6개의 좋아요

두 개의 버튼? 업로드와 업로드 및 전송

3개의 좋아요

좋은 생각이에요. 조언해 주셔서 감사합니다. :+1:

3개의 좋아요

@Arkshine 님, 정말 감사드립니다.

정말 기대가 되네요. 제가 테스트해 볼 수 있는 브랜치가 있나요? :slight_smile:

아마 play와 send일 텐데,
업로드만 하고 전송하지 않는 경우는 드문 것 같은데…?
"send"는 업로드와 전송을 모두 수행합니다.

3개의 좋아요

아이폰에서도 작동하겠죠?

1개의 좋아요

꽤 멋진 기능입니다. 오디오 클립이 일정한 기간 동안만 보관되나요? 시간이 지남에 따라 트래픽이나 업로드량이 많으면 저장 공간에 부담이 될 수 있을 것 같습니다.

이 기능은 강력한 채팅 시스템을 추가하면서 그 격차를 한층 더 좁혀줍니다.

3개의 좋아요

추측컨대, 채팅 내용과 마찬가지로 오디오 클립도 채널 설정에서 정의된 기간 동안 보관될 것 같습니다… 1일에서 수개월까지 다양할 수 있겠네요…

시스템이 더 이상 참조되지 않는 미디어 파일을 주기적으로 삭제하는 것 같습니다… 제 추측일 뿐, 정확한 로직은 확실하지 않습니다…

3개의 좋아요

feature/chat-support 브랜치를 시도해 주시겠어요? :slight_smile:
URL: https://github.com/arkshine/discourse-voice-recorder

모든 것이 문제없다면, 테스트가 정상적으로 작동하는 대로 PR을 올리겠습니다.

현재 기능의 모습은 다음과 같습니다:

6개의 좋아요

@Arkshine 님 감사합니다.

해지 브랜치를 설치해서 테스트해 봤는데, 웹과 디바이스 모두에서 잘 작동합니다. 더 테스트해 보고 문제가 있으면 공유할게요…

정말 멋진 기능을 만들어 주셔서 감사합니다. 정말 쿨해요!

질문:

  • 녹화에 시간 제한이 있나요? 남용을 방지하기 위해 설정이 필요하지 않을까요?
6개의 좋아요

테스트해 주셔서 감사합니다! :+1:

현재 시간 제한은 없지만, 첨부 파일 크기 제한으로 인해 제약이 있으며, 이에 대한 경고도 없습니다. 크기가 정의된 한도를 초과하면 오디오가 손실된다고 생각하므로, 크기가 한도를 초과할 경우 녹음을 중지하는 기능이 있다면 훌륭한 기능이 될 것입니다.

시간 제한을 정의할 수 있는 새로운 설정을 추가하는 것도 가능합니다. 그러나 시간 제한을 기반으로 최종 크기를 어떻게 환산할지는 아직 확실하지 않습니다.

5개의 좋아요

맞아요, 그걸 깜빡했네요.
설정 항목을 추가할 필요는 없을 것 같고, 필요하다면 문서 어딘가에 언급해두면 될 것 같습니다…
Arkshine, 감사합니다!

4개의 좋아요