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

最高のアンガスさんです! Safariでテストしたところ、アップロード部分は正常に動作しましたが、残念ながら再生は機能しませんでした。これらのエラーが関連しているかどうかは不明です。

デイビッドさん、心配いりません。Safariでも再生は確実に機能しています。demo.pavilion.techにデモをセットアップしました。Safariで再生を使用している私のスクリーンキャストはこちらです。スクリーンキャストの音声の仕組み上、再生音は聞こえませんが、確かにありますよ :slight_smile: (背景ノイズはご容赦ください)。

サイトの他のテーマやプラグインを無効にして、SafariのJavaScriptが壊れていないか確認してみてください。

「いいね!」 1

アンガスさん、ありがとうございます。この投稿[Elevate Your Craft. Find Your Community - Nature Photographers Network]だけの問題のようです。単発のインシデントであることを願っています。

Chrome (macOS) で録画し、Safari (macOS) で再生しようとしたところ、再生が機能しません。

これは、おそらく以前説明した問題だと思います。ブラウザがブラウザ間で MediaRecorder API のコーデックをすべてのバリエーションでサポートしないという問題です。

この組み合わせで機能している人はいますか? Chrome で録画し、Safari で再生するというのはどうでしょうか?

Discourse でこのエラーを確認しました。@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 では再生されません
    Tired Tv Land GIF by TV Land Classic
「いいね!」 2

リンク先のプレイヤーは次のように表示されます。

そして、これは私のフォーラムからのものです。

iPadと私のものは機能しますが、あなたのものは機能しません。それで、ただ疑問に思っていました。

「いいね!」 1

@Jagster あなたのサイトのクリップを録画するために、どのOSとブラウザを使用しましたか?

iPadOS 16.6 と Safari/DiscouseHub。しかし、iPad のブラウザではその点ではすべて同じです。

iPadのChromeで録音はできます。iPadのChromeでは再生できず、エラーが表示されます。

しかし、同じ録音はiPadのSafariやWindowsマシンのChromeでは再生できます。

iMac/MacOSのChrome、Safari、Firefoxでも再生できます。

https://story.pub/t/voice-recorder-tc-chrome-on-ios/15

それでもChrome/iPadでプレイできました。

他の人も問題が発生しているようなので、私が問題を見ていた投稿はAndroidとMS Edgeで作成され、デスクトップのSafariで再生中にエラーが発生したことを共有します。

@angus (ひとまず)これを壊れているとタグ付けし、トピック投稿で現在動作しているプラグイン Discourse Audio Message を参照するのはどうでしょうか?

壊れているわけではありません。これまで通り、いや、それ以上に(Safariでも録画できるようになりました)機能しています。あなたが求めているのは、修正ではなく機能拡張です。

あなたが言及している問題は、Safariでaudioタグで特定の種類のオーディオフォーマットを再生する際の、Discourseの投稿HTMLでのレンダリング方法によるものです(@peter.be、これはMediaRecorder APIのクロスブラウザ互換性の問題ではありません)。

プラグインやテーマコンポーネントを使用せずに、単なるファイルとして特定のオーディオフォーマットをアップロードした場合、Safariでは同じ動作が見られます。その非常に特定の問題を解決したい場合は、以下のいずれかを行う必要があります。

  • その特定の問題を自分で調査し、PRを作成する
  • 誰かに依頼して実行してもらう
  • Discourseの投稿HTMLにおけるaudioタグのフォーマット処理を改善するための機能リクエストを提出する
「いいね!」 4

録音した音声メッセージをmp3形式に変換することにした理由は、クロスブラウザ互換性の問題や、一部のブラウザで特定のコーデックが再生できないといった問題がある場合、あるいはそれを「壊れている」と呼ぶかどうかにかかわらず、ファイルがどのブラウザで録音されたかに関係なく、すべてのブラウザで再生をサポートするソリューションが必要だったからです。

すべてのブラウザがmp3再生をサポートしているため、この方法を選択しました。

MediaRecorder APIで特定のユースケースが機能しない理由を指摘し、その理由とプラグインのために選択したソリューションを説明しました。

これで終わりにします。もし機会があれば、テーマコンポーネントを詳しく見てみるかもしれませんが、インストールやメンテナンスがより便利になるという点では同意しますが、現時点では残念ながら貢献する時間がありません🙏

「いいね!」 2

モーダルの修正とこのTCの改善に時間を割いていただき、@angusさん、ありがとうございました。:pray:

「いいね!」 4

このテーマコンポーネントをチャットで動作するように更新できますか?または、チャットでオーディオファイルを録音できる他のプラグインやテーマコンポーネントはありますか?

「いいね!」 3

それは悪くない提案ですね。ユースケースを説明していただけますか?

また、このようなことには、PR(プルリクエスト)や、必要な開発作業へのスポンサーシップなどの貢献が非常に役立ちます。

これがユーザーが求めているものです。WhatsAppのように、チャット中に音声を録音して送信できるようにしたいのです。

コミュニティは大きくありませんが、この開発のためにスポンサーシップを検討するかもしれません。開発者は私とプライベートなトピックを作成できます。

「いいね!」 6

マーケットプレイスでトピックを作成していただけると幸いです。:+1:

「いいね!」 4

Debian/GNU/Linux の Firefox (Debian 12, Firefox 115.5.0esr) でこのコンポーネントを動作させることができません。他の誰かがこの構成を試しましたか?

window.injectScript に関する CSP の問題がブロックしている可能性はありますか?