在加载.mp3文件时获得206个部分内容

getting 206 partial content while loading .mp3 files

本文关键字：206个 加载 mp3 文件      更新时间：2023-09-26

我有一个web应用程序，可以加载instagram图像并创建带有背景声音的幻灯片。在加载图像时，将运行预加载程序来显示处理过程。但它没有完全加载mp3文件，当我在浏览器的控制台检查它有206 partial content。因此，在点击播放按钮时，我必须等待几秒钟，以便音乐被完全加载以播放幻灯片。

 console.log('loading theme: ' + folder);
    $.ajaxSetup({
        cache: false
    });
    $.when(
            $.getScript(epic.getFrontendURL() + "animations/" + folder +  "/js/data.js"),
            $.getScript(epic.getFrontendURL() + "animations/" + folder + "/js/main.js"),
            $.Deferred(function (deferred) {
                $(deferred.resolve);
            })
        ).done(function () {
 //some methods
  sound_bg.src = epic.getFrontendURL() + "sound/back.mp3?
  });

那么，这是否与延迟处理的done有关呢?

此行为正常。浏览器使用HTTP范围请求来加载音频和视频文件，以尽量减少带宽使用。

如果你想让浏览器预加载音频，设置音频元素的preload属性为auto:

<audio src="..." preload="auto"></audio>

我找到了一种方法来检查是否有错误，如果有声音错误，你的网站会重新加载错误的声音，直到它加载正确。这对我来说很有效:

var sound1 = new Audio('sfx/1.mp3')
var sound2 = new Audio('sfx/2.mp3')
var sound3 = new Audio('sfx/3.mp3')
var soundChecker = setInterval(function() {
    if (sound1.error) {
        sound1 = new Audio('sfx/1.mp3')
    } else if (sound2.error) {
        sound2 = new Audio('sfx/2.mp3')
    } else if (sound3.error) {
        sound3 = new Audio('sfx/3.mp3')
    } else {
        clearInterval(soundChecker)
    }
}, 1500)

这将检查错误时加载声音每一个半秒(你可以修改时间较慢的连接)，如果有一个错误与任何加载的声音，soundChecker将重新加载它们，直到所有的声音已经加载成功(没有错误)。如果所有声音都已成功加载，声音检查间隔将自行清除并停止检查。

您将注意到诸如net::ERR_CACHE_READ_FAILURE 206 (Partial Content)之类的错误仍将在控制台中打印，但声音将正常工作，因为在随后的重新加载中它已成功加载。

相关文章：