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

こんな感じです! 提供したURLを使用していることを確認してください。:+1:

「いいね!」 5

以下は、私の変更前変更後の結果です。

(また、クリップの再生時間を表示していない唯一の埋め込みmp3プレーヤーは、Windowsで録音されたもので、変更前と変更後の両方であることに注意してください。)

変更前:

変更後:

他にテストが必要なことがあればお知らせください!

「いいね!」 2

iPadとiPhone、DiscourseHubでも動作します。クリップの長さは再生時に表示されます。

「いいね!」 3

フィードバックありがとうございます、Jakkeさん!

また、@denvergeeks さんのおかげで2つの問題を修正でき、すべて完璧に再生できるようになったことを確認してもらいました。

すぐにPRを出します。 :+1:

「いいね!」 5

PRを作成しました :+1:

他のPRの可能性のある機能:

  • チャットのサポートを追加
  • 一時停止/再開のサポートを追加
「いいね!」 10

素晴らしい

「いいね!」 3

これはクレイジーな考えかもしれませんが、コンポーザーにアップロードされた.mp3オーディオファイル用のAI文字起こしボタンはどうでしょうか?そうすれば、ユーザーは(今すぐ)コンポーザーで投稿を録音し、テキストで読みやすく検索可能にすることができます。

OpenAI/Whisperの機能を含めるには何が必要でしょうか?

または、コンポーザーでファイルを選択したときに表示されるAIドロップダウンオプションに…

テキストを文字起こしオプションを含めることはできますか?

「いいね!」 8

それは面白くて便利な機能になりそうですね!:+1:
実現可能性はまた別の日に確認します。

「いいね!」 8

これは非常に高く評価されます!

「いいね!」 3

Chatで実装された場合、インライン自動文字起こしには翻訳も含まれる可能性があります。

「いいね!」 5

システムでこのコンポーネントを更新しました。
https://github.com/paviliondev/discourse-voice-recorder

MacのFirefox/Safari/Chrome、およびiPhoneで試しましたが、
これを示しており、録音されません。
どなたか確認していただけますでしょうか。よろしくお願いします…

「いいね!」 2

ブラウザのコンソールでエラーが表示されているか確認していただけますか?

この時点で、ライブラリのスクリプトの読み込みを妨げているものがあることを意味します。

「いいね!」 3

上記リンク先の paviliondev リポジトリから TC をクリーンインストールしました。

Discourse インスタンスではすべて正常に動作しています。ビデオはこちらです…

(作成/アップロード/再生のどの段階でもコンソールにエラーは表示されません。)

「いいね!」 4

これは communiteq でホストされている discourse 3.2.1 です

load-script.js:43 スクリプト ‘https://www.mydiscoursesite.com/uploads/db9860/original/3X/c/f/cf579d0503105d41f84653929d510e17f12d9f5b.js’ の読み込みが拒否されました。これは、次の Content Security Policy ディレクティブに違反しているためです。
「script-src
https://www.mydiscoursesite.com/logs/
https://www.mydiscoursesite.com/sidekiq/
https://www.mydiscoursesite.com/mini-profiler-resources/
https://www.mydiscoursesite.com/assets/
https://www.mydiscoursesite.com/extra-locales/
https://www.mydiscoursesite.com/highlight-js/
https://www.mydiscoursesite.com/javascripts/
https://www.mydiscoursesite.com/plugins/
https://www.mydiscoursesite.com/theme-javascripts/
https://www.mydiscoursesite.com/svg-sprite/

「いいね!」 2

再現できます。

最近導入された設定により、外部スクリプトを手動構成なしで動的に実行できるようになります。
これは 3.2 では利用できません。

image

/uploads」ディレクトリを許可するのは絶対に良い考えではありません。
ただし、回避策として、URLのみを許可することは問題ないはずです。

コンポーネント設定に移動すると:

各リンクを右クリックしてコピーし、「content security policy script-src」設定に貼り付けることができます。

テーマコンポーネントからCSPの問題を処理するより良い方法があるかどうかはわかりません。 :thinking:

「いいね!」 1

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

コンソールで /uploads/ URL にあるこれらの JavaScript ファイルを 2 つ見つけ、「content security policy script src」のリストに追加しました。

https://www.site.com/uploads/db9860/original/3X/c/f/cf579d0503105d41f84653929d510e17f12d9f5b.js
https://www.site.com/uploads/db9860/original/3X/a/2/a25eb4ec6c9652e57eefc81bc25c81105232369b.js

ブラウザの録画権限を確認しました。
その後、録画を開始するたびに、異なる URL でエラーが発生します。ID は動的に生成されているようです。

https://www.site.com/8f955841-9b8b-4857-8549-ac57ee0e4517
https://www.site.com/d43014ac-e80d-4879-83a2-bd046d43a25c

これらの URL を追加しても解決しません。録画ごとに生成されているようです。

「いいね!」 1

content security policy script-srcscript-src: blob: も追加してみてください。

「いいね!」 3

うまくいきました、@Arkshine さんありがとうございます!

チャットでのボイスレコーディングを楽しみにしています :slight_smile:

「いいね!」 4

blob:content security policy script src に既にエントリとして存在していたため、このエラーは発生しませんでした。これは、@peter.beプラグイン がそれを必要としていたためですが、そのプラグインを削除した後、blob:content security policy script src のエントリから削除していなかったため、既に存在していました。以下に示します。\n\n

\n\nDiscourse の管理者設定で、承認された拡張機能リストに mp3 を追加する必要もありますか?これも以前から追加済みです。\n\n

「いいね!」 3

考察ですが、CSPは物事をひどく壊す傾向があり、そのため、実質的にワイルドカードにすぎないルールを使用することがよくありますが、そうするとCSPはその考えを完全に失います。

それで?

「いいね!」 2