最高のアンガスさんです! Safariでテストしたところ、アップロード部分は正常に動作しましたが、残念ながら再生は機能しませんでした。これらのエラーが関連しているかどうかは不明です。
デイビッドさん、心配いりません。Safariでも再生は確実に機能しています。demo.pavilion.techにデモをセットアップしました。Safariで再生を使用している私のスクリーンキャストはこちらです。スクリーンキャストの音声の仕組み上、再生音は聞こえませんが、確かにありますよ
(背景ノイズはご容赦ください)。
サイトの他のテーマやプラグインを無効にして、SafariのJavaScriptが壊れていないか確認してみてください。
アンガスさん、ありがとうございます。この投稿[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 では再生されません

@Jagster あなたのサイトのクリップを録画するために、どのOSとブラウザを使用しましたか?
iPadOS 16.6 と Safari/DiscouseHub。しかし、iPad のブラウザではその点ではすべて同じです。
iPadのChromeで録音はできます。iPadのChromeでは再生できず、エラーが表示されます。
しかし、同じ録音はiPadのSafariやWindowsマシンのChromeでは再生できます。
iMac/MacOSのChrome、Safari、Firefoxでも再生できます。
それでもChrome/iPadでプレイできました。
他の人も問題が発生しているようなので、私が問題を見ていた投稿はAndroidとMS Edgeで作成され、デスクトップのSafariで再生中にエラーが発生したことを共有します。
@angus (ひとまず)これを壊れているとタグ付けし、トピック投稿で現在動作しているプラグイン Discourse Audio Message を参照するのはどうでしょうか?
壊れているわけではありません。これまで通り、いや、それ以上に(Safariでも録画できるようになりました)機能しています。あなたが求めているのは、修正ではなく機能拡張です。
あなたが言及している問題は、Safariでaudioタグで特定の種類のオーディオフォーマットを再生する際の、Discourseの投稿HTMLでのレンダリング方法によるものです(@peter.be、これはMediaRecorder APIのクロスブラウザ互換性の問題ではありません)。
プラグインやテーマコンポーネントを使用せずに、単なるファイルとして特定のオーディオフォーマットをアップロードした場合、Safariでは同じ動作が見られます。その非常に特定の問題を解決したい場合は、以下のいずれかを行う必要があります。
- その特定の問題を自分で調査し、PRを作成する
- 誰かに依頼して実行してもらう
- Discourseの投稿HTMLにおける
audioタグのフォーマット処理を改善するための機能リクエストを提出する
録音した音声メッセージをmp3形式に変換することにした理由は、クロスブラウザ互換性の問題や、一部のブラウザで特定のコーデックが再生できないといった問題がある場合、あるいはそれを「壊れている」と呼ぶかどうかにかかわらず、ファイルがどのブラウザで録音されたかに関係なく、すべてのブラウザで再生をサポートするソリューションが必要だったからです。
すべてのブラウザがmp3再生をサポートしているため、この方法を選択しました。
MediaRecorder APIで特定のユースケースが機能しない理由を指摘し、その理由とプラグインのために選択したソリューションを説明しました。
これで終わりにします。もし機会があれば、テーマコンポーネントを詳しく見てみるかもしれませんが、インストールやメンテナンスがより便利になるという点では同意しますが、現時点では残念ながら貢献する時間がありません🙏
モーダルの修正とこのTCの改善に時間を割いていただき、@angusさん、ありがとうございました。![]()
このテーマコンポーネントをチャットで動作するように更新できますか?または、チャットでオーディオファイルを録音できる他のプラグインやテーマコンポーネントはありますか?
それは悪くない提案ですね。ユースケースを説明していただけますか?
また、このようなことには、PR(プルリクエスト)や、必要な開発作業へのスポンサーシップなどの貢献が非常に役立ちます。
これがユーザーが求めているものです。WhatsAppのように、チャット中に音声を録音して送信できるようにしたいのです。
コミュニティは大きくありませんが、この開発のためにスポンサーシップを検討するかもしれません。開発者は私とプライベートなトピックを作成できます。
マーケットプレイスでトピックを作成していただけると幸いです。![]()
Debian/GNU/Linux の Firefox (Debian 12, Firefox 115.5.0esr) でこのコンポーネントを動作させることができません。他の誰かがこの構成を試しましたか?
window.injectScript に関する CSP の問題がブロックしている可能性はありますか?

