javascript - 跳过 MP3 会导致播放器在 Webkit 浏览器中中断

Question

我有一个 PHP 脚本充当用户和 MP3 之间的代理。这是为了防止外部嵌入或热链接，因此我可以计算每个 MP3 文件的播放次数。

我在 Google Chrome 和 Safari(Opera、Firefox 和 Internet Explorer 完美运行)中遇到问题，它可以很好地播放 MP3，我也可以搜索，但次数有限。搜索几次后播放器变灰(原生 chrome 播放器)或显示错误(audio.js 和 JWPlayer 6)。我可以再次按下播放，它会重新启动，但 audio.js 不会在出现此类错误后再次显示播放按钮。

JWPlayer 在控制台中抛出此错误:

MediaError
code: 2

__proto__: MediaError
MEDIA_ERR_ABORTED: 1
MEDIA_ERR_DECODE: 3
MEDIA_ERR_ENCRYPTED: 5
MEDIA_ERR_NETWORK: 2
MEDIA_ERR_SRC_NOT_SUPPORTED: 4

在 chrome native player 中，控制台报告“无法加载资源”，我的服务器错误日志显示没有错误。

我目前使用的代码来自 Los Cherone 的回答: Make mp3 seekable PHP

我以前的解决方案是这段代码我不再使用它，但这里供引用:

<?php 
$track = '/public_html/mp3-previews/' . $_GET['stream'];

if(file_exists($track)) {
    header('Content-type: audio/mpeg');
header('Accept-Ranges: bytes');
    header('Content-length: ' . filesize($track));
    print file_get_contents($track);
} else {
    echo "no file";
}
?>

这两个代码都会导致此错误，但值得指出的是，这两个代码都流式传输音频，并且都允许我搜索几次。

我最初的想法是函数 apache_request_headers导致问题的原因是我正在运行 PHP 5.3 并且我的主机正在将 PHP 作为 Fast CGI 运行。所以对于 Los Cherone 的代码，我使用这个 workaround ，但为什么我的第一次尝试也不起作用？

编辑:这不是问题所在。我已经更新了我的 PHP 版本，但问题仍然存在。

这是我的托管服务器示例: http://tabbidesign.com/audio/

Los Cherone 的代码和我自己的本地 Apache 服务器与 PHP 5.4.9 的组合工作完美，不会出现这个问题。这是示例:http://tabbicat.info/proving/audio/

这可能是什么原因造成的？

Answer 1

我已经设法解决了我的问题。

在尝试了其他传输方法、使用 Fiddler 分析了我的网络流量并采纳了上述评论中的一些建议后，我对代码进行了一些更改。

出于某种原因，脚本没有在如下所示的循环中发送正确数量的字节:

if ($start) fseek($fp,$start);
    while($length){
        set_time_limit(0);
        $read = 8192;
        $length -= $read;
        print(fread($fp,$read));
    }
    fclose($fp);

之所以在 Firefox、Opera 和 IE 中没有问题，是因为它们在播放期间缓存了整个文件，因此向后跳过不会再次请求该文件。 Webkit(Chrome 和 Safari)每次都重新请求文件发送内容范围。

$file_name  = '/home/sites/public_html/mp3-previews/' . $_GET['stream'];
stream($file_name, 'audio/mpeg');


function stream($file, $content_type = 'application/octet-stream') {
@error_reporting(0);

// Make sure the files exists, otherwise we are wasting our time
if (!file_exists($file)) {
    header("HTTP/1.1 404 Not Found");
    exit;
}

// Get file size
$filesize = sprintf("%u", filesize($file));

// Handle 'Range' header
if(isset($_SERVER['HTTP_RANGE'])){
    $range = $_SERVER['HTTP_RANGE'];
}elseif($apache = apache_request_headers()){
    $headers = array();
    foreach ($apache as $header => $val){
        $headers[strtolower($header)] = $val;
    }
    if(isset($headers['range'])){
        $range = $headers['range'];
    }
    else $range = FALSE;
} else $range = FALSE;

//Is range
if($range){
    $partial = true;
    list($param, $range) = explode('=',$range);
    // Bad request - range unit is not 'bytes'
    if(strtolower(trim($param)) != 'bytes'){ 
        header("HTTP/1.1 400 Invalid Request");
        exit;
    }
    // Get range values
    $range = explode(',',$range);
    $range = explode('-',$range[0]); 
    // Deal with range values
    if ($range[0] === ''){
        $end = $filesize - 1;
        $start = $end - intval($range[0]);
    } else if ($range[1] === '') {
        $start = intval($range[0]);
        $end = $filesize - 1;
    }else{ 
        // Both numbers present, return specific range
        $start = intval($range[0]);
        $end = intval($range[1]);
        if ($end >= $filesize || (!$start && (!$end || $end == ($filesize - 1))))       $partial = false; // Invalid range/whole file specified, return whole file
    }
    $length = $end - $start + 1;
}
// No range requested
else $partial = false; 

// Send standard headers
header("Content-Type: $content_type");
header("Content-Length: $length");
header('Accept-Ranges: bytes');
//header('Connection: keep-alive');

//header('Cache-Control: no-cache, no-store, must-revalidate'); // HTTP 1.1.
//header('Pragma: no-cache'); // HTTP 1.0.
//header('Expires: 0'); // Proxies.

// send extra headers for range handling...
if ($partial) {

    header('HTTP/1.1 206 Partial Content');

    header("Content-Range: bytes $start-$end/$filesize");
    if (!$fp = fopen($file, 'rb')) {
        header("HTTP/1.1 500 Internal Server Error");
        exit;
    }
    if ($start) fseek($fp,$start);
        print(fread($fp,$length));
        fclose($fp);
}
//just send the whole file
else readfile($file);
exit;
}

我已经发送了 Content-Length header 中请求的实际输出大小，并且我已经删除了以 8000 字节为单位发送文件的循环。

现在我确信，如果我尝试处理大文件，PHP 肯定会耗尽内存，因为我正在处理整个文件而不是 8000 字节的 block ，但我每次只处理 4MB 的文件，所以现在这是好的。