html - Safari里表单input怎么上传音频文件？

Question

表单里用<input type="file">，iphone手机Safari浏览器中，点击上传文件只有这几个选项，怎么样可以添加“本地选择器”或者“音频选择”这样的选项？我只想可以上传音频，请各路大神拯救。

Answer 1

うーん、解決策はありません。 ユーザーはフォト アルバムからのみファイルを選択できますが、オーディオ ファイルを選択できる場合、どこでオーディオ ファイルを選択できますか?指輪？ジョーク。録音？ネイティブ アプリにはこの権限がありません。

この機能が必要な場合は、ユーザーがビデオをアップロードし、バックグラウンドで音声を抽出できるようにすることができます

--- 更新:

実際、これはそれほど面倒ではありません。ユーザーがアップロードするビデオは 2 つまたは 3 つのサーバーで処理できます。この機能を控えめに使用する場合は、1 つのサーバーで十分です。もちろん、CDN を使用して手間を省くこともできます。今日の CDN のほとんどはメディア変換処理を提供しており、わずかな料金を支払うだけで済みます。

Android マシンの場合は、Java または Flash フロントエンドを使用してオーディオを抽出することもできます。

さらに、ビデオをアップロードする 2 番目の方法がありますが、最初の部分では音声のみが再生されるため、ユーザーは必要なファイル以外のビデオ コンテンツを見ることができません。ダウンロードするファイルのサイズは比較的大きい場合があり、プライバシーにも関係します。

したがって、この機能があなたにとって不要である場合は、できるだけ早くこの考えを放棄してください。この機能が必要な場合は、CDN を使用するか、独自のサーバーを構築して ffmpeg を使用してこれを特別に処理することをお勧めします。

この手法は、実際には少し大規模なソーシャル アプリケーションで非常に一般的であり、当社も 2009 年に同様のことを行いました。クライアント ユーザーが録音した Speex オーディオをコンピューターの Web ページやモバイル Web ページで再生したいと考え、いくつかの調査を行いました。数日後、いくつかの解決策を試し、最終的にサーバーに切り替えました。 Twitter は、ユーザーがアップロードした GIF をビデオ ファイルに変換します。最新の Web では、サーバー側でビデオを変換することは、ユーザーがアップロードした画像を処理することと同じです。

--- 更新:

もう 1 つの解決策は、ユーザーが WeChat で音声を録音してアップロードできるようにすることです。 WeChat の JS SDK には関連するインターフェイスがあります。それがあなたの製品のニーズに適合するかどうかはわかりません。

Answer 2

答えは「いいえ」です。Safari にはそのような API はありません

Answer 3

一部の Android デバイスではこれを実行できます。iOS でも試してみてください。
<input type="file" accept="audio/*">

accept は標準の HTML5 属性です。