0
私は、オーディオコンポーネントを備えたWebアプリケーションを、gunicornまたは開発サーバーから提供されるすべてのブラウザおよびプラットフォームで使用できます。Nginxで提供された場合、SafariまたはIOSでWAVファイルが再生されない
Nginxで配信されると、WAVファイルはIOSまたはSafari/OS Xで再生されません。オーディオ要素で「コントロール」を有効にすると、「読み込み中」になり、何も起こりません。エラーなし、音なし、何もありません。
関連するHTML/Javascriptを：
<audio id='audio' controls>
<source id='audioSource' src='' type='audio/wav'>
Your browser does not support this audio tag.
</audio>
<button type='button' onclick='previewSound()'><i class='fa fa-volume-up fa-lg'></i></button>
function previewSound() {
// Get the id of the message box
// which is also the id of the record
// and the name of the wav file. :)
var messageId = $('#messageSel').val();
if(messageId=='') return;
// Set up the audio element.
var myAudio = document.getElementById("audio");
var mySource = document.getElementById("audioSource");
mySource.src = '/dynamic/Message/' + messageId + '.wav';
// Play the sound
myAudio.load();
myAudio.play();
}
関連の/ etc/nginxの/ * /サイト対応：
server {
...
location /dynamic {
try_files $uri $uri/ =404;
}
...
}
関連/etc/nginx/mime.types：
audio/wav wav; /* also tried audio/x-wav wav; */
関連するファイル：
[email protected]:/var/www/product/dynamic/Message# ls -al
total 1316
drwxrwxrwx 2 www-data www-data 4096 Jun 20 23:09 .
drwxrwxrwx 3 www-data www-data 4096 May 30 14:20 ..
-rw-rw-rw- 1 www-data www-data 229420 Jun 15 18:35 1.wav
-rw-rw-rw- 1 www-data www-data 344108 Jun 18 21:50 2.wav
-rw-rw-rw- 1 www-data www-data 753708 Jun 9 17:25 3.wav
トラブルシューティングの参考になります。他の同様の質問/回答を読みましたが、この特定の問題に対処するようには見えません。
これは、私が使用しているローカルで生成されたSSL証明書によるものです。私はgetUserMediaとhtml5オーディオが動作するようにSSLを必要とするスタンドアロンのワイヤレスシステムを開発していますが、システムは証明書を検証する方法がありません。 – user3091850