無法更新Chrome中html5音頻的currentTime，可在Firefox和Edge中使用

Question

音頻文件無法在chrome瀏覽器中找到，它們在歌劇中完全不起作用。 但是，我可以使用firefox和Microsoft Edge看到音頻文件。 我在StackOverflow上閱讀到必須在服務器上啟用字節范圍支持。 我如何做到這一點，以及如果禁用字節范圍，為什么它可以在firefox和edge中工作。 而且我在控制台中沒有任何錯誤。 只要我更新audioElement.currentTime ，文件就從頭開始

這是我用來查找音頻文件的代碼

$(".progress2").on("click", function (event) {
    console.log("clicked")
    var offset = $(this).offset();
    var left = (event.pageX - offset.left);
    var totalWidth = $("#custom-seekbar").width();
    var percentage = ( left / totalWidth );
    var vidTime = audioElement.duration * percentage;
    audioElement.currentTime = vidTime;
})

<p id="custom-seekbar" class="progress2"><span></span></p>

我在Windows服務器上，使用xampp和Laravel。 花了很多時間在此上，讓我知道如何使它工作或是否有其他替代方法。

Answer 1

浪費了一段時間之后，我才知道這是字節范圍服務器的問題。 我正在運行laravel服務器，因此使用curl來驗證服務器是否可以處理字節范圍

curl -I http://i.imgur.com/z4d4kWk.jpg

HTTP/1.1 200 OK
...
Accept-Ranges: bytes
Content-Length: 146515

與laravel服務器一起檢查，它不起作用，然后與直接從xampp運行的laravel項目一起檢查，它正在工作。 只需將我的回答留在這里，以便將來如果有人偶然發現此問題，可能會節省您一些時間。 我的實時服務器也在xampp上，因此我沒有理由修復laravel中的字節范圍問題。