ボイスレコーダーコンポーネント

テーマコンポーネント
107

DebianでFirefoxを実行しています。「テーマのプレビュー」を実行すると、アイコンが表示され、オーディオの録音、保存、再生ができます。しかし、「テーマプレビュー」がないと、アイコンが消えてしまいます。再表示させる既知の手順はありますか？

「いいね！」 2
109

使用しているテーマにテーマコンポーネントが適用されていることを確認しましたか？

「いいね！」 2
110

はい、テーマコンポーネントはすべてのテーマに適用されます。

「いいね！」 2
111

他に干渉している可能性のあるテーマコンポーネントはありますか？

「いいね！」 2
112

これは素晴らしいですね！簡単なテストをしたところ、完璧に動作しました。素晴らしい出来です！個人的には、家族のフォーラムで写真を共有し、音声でリアクションできるようにするという長年の夢が叶うので、この機能に興味があります。さらに、自動で文字起こしされるなら、それは素晴らしいことです。

UIを改善するための提案ですが、音声で返信するのをより簡単にできるのではないでしょうか。例えば、投稿メニューに「:studio_microphone:」のようなアイコンを配置するのはどうでしょう。それをクリックすると、音声録音モーダルが開きます。保存すると、音声録音を含む返信が作成され、保存されます。

正確には言えませんが、デザイナーなら私よりも上手くできると思いますが、モーダルのUXは、より楽しく、ダイナミックで、分かりやすいものにするために、いくつかの点で改善できる可能性があります。

  • 録音を開始したときに、アクティブな録音を示すアニメーションを表示する
  • 録音を停止したときに、「録音開始」を「録音し直す」に変更する。選択すると、既存の録音が削除されるという警告が表示されます。
  • 「アップロード」を「録音を保持」に変更する
  • 「キャンセル」を「録音を削除」に変更する

iPhoneのRodeReporterアプリは、かなりまともなUIを備えているので、参考になるかもしれません。

The image displays the interface of a voice recording application with a large red record button, ready to start a new audio recording. (Captioned by AI)
The image displays the interface of a voice recording application with a large red record button, ready to start a new audio recording. (Captioned by AI)1290×2796 118 KB
The image displays a smartphone interface showing an in-progress voice recording with a duration of 4.8 seconds, a pause button, and options for an external microphone, alongside various status icons at the top. (Captioned by AI)
The image displays a smartphone interface showing an in-progress voice recording with a duration of 4.8 seconds, a pause button, and options for an external microphone, alongside various status icons at the top. (Captioned by AI)1290×2796 106 KB

「いいね！」 4
113

これは素晴らしい機能だと思います。:+1:

「いいね！」 3
114

ボタンが表示される特別な条件はありません。:thinking:

テーマにアタッチされていると仮定して、問題の原因となるエラーがブラウザのコンソールに表示されていないか確認していただけますか？

「いいね！」 3
115

@Arkshine さん、確認ありがとうございます。ページを読み込み、コンソールを開いて「New Topic」をクリックしてコンポーザーを監視しましたが、マイクボタンは表示されませんでした。メッセージは、何らかのアクションを起こす前に表示されました。

コンソールメッセージ

Content-Security-Policy warnings 2
Content-Security-Policy: Ignoring “‘report-sample’” within script-src: ‘strict-dynamic’ specified latest
Content-Security-Policy: Ignoring “‘report-sample’” within script-src: ‘strict-dynamic’ specified latest
:information_source: Discourse v3.3.0.beta2-dev — Commits · discourse/discourse · GitHub — Ember v5.5.0 app.js:240:10

「いいね！」 2
116

@angus
チャットにボイスレコーディング機能を追加する時間はありますか…よろしくお願いします…

「いいね！」 3
117

テストをしてみたところ、動作しました。
録音した音声は添付でき、メッセージを送信するにはEnterキーを押す必要があります。

音声アップロード後にメッセージが自動送信されるべきか不明です。
どう思いますか？

「いいね！」 6
118

2つのボタン？ アップロード と アップロード＆送信

「いいね！」 3
119

これは良いアイデアですね。提案ありがとうございます。:+1:

「いいね！」 3
120

Arkshineさん、ご尽力いただきありがとうございます。
とても楽しみです。試せるブランチはありますか :slight_smile:

おそらく、play と send でしょう。
誰かがアップロードはするけれど、送信はしないというのは稀なケースだと思いますか？
「send」はアップロードと送信の両方を行います。

「いいね！」 3
121

iPhoneでも動作しますよね？

「いいね！」 1
122

これは非常にクールです。音声クリップは一定期間保持されますか？時間の経過とともに多くのトラフィック/アップロードがあると、スペースが不足する可能性があります。

これにより、堅牢なチャットシステムが追加され、ギャップがさらに埋まります。

「いいね！」 3
123

チャットの内容と同じように、音声クリップもチャンネル設定で定義された期間保持されると推測されます… 1日から数ヶ月まで…

参照されなくなったメディアファイルはシステムによって定期的に削除されるようです… 推測ですが、ロジックは確かではありません…

「いいね！」 3
124

feature/chat-support ブランチをお試しいただけますでしょうか？ :slight_smile:
URL: https://github.com/arkshine/discourse-voice-recorder

すべて問題なければ、動作するテストを作成してから PR を出します。

現時点での機能の様子：

「いいね！」 6
125

@Arkshineさん、ありがとうございます。

このブランチをインストールして試したところ、Webとデバイスでうまく動作しました。さらに試してみて、問題があれば投稿します…

この素晴らしい機能、本当にありがとうございます。とてもクールです！

質問：

  • 録画に時間制限はありますか？悪用を防ぐために設定が必要かもしれませんか？
「いいね！」 6
126

テストありがとうございます！:+1:

現在、時間制限はありませんが、添付ファイルのサイズ制限があります。それについての警告はありません。もしそうであれば、オーディオが失われると思われるため、サイズが定義された制限を超えた場合に録音を停止する機能があれば素晴らしいでしょう。

時間制限を定義する新しい設定も作成できます。しかし、時間制限に基づいて最終的なサイズをどのように翻訳するのか（現時点では）わかりません。

「いいね！」 5
127

そうでした、それを忘れていました。
設定は必要ないと思います。必要であれば、ドキュメントのどこかに記載するだけでよいでしょう。
Arkshineさん、ありがとうございます！

「いいね！」 4