原始问题 我正在从 ZF2 Controller 操作提供 mp3 文件。除了 OS X 和 iPhone/iPad 上的 Safari 之外,这在所有浏览器中都可以正常工作。 音频播放,但持续时间仅显示为 NaN:NaN,而在所有其他浏览器中都显示正确的持续时间。
我浏览了 SO 上讨论同一问题的所有线程,它似乎与响应 header 、尤其是 Content-Range 和 Accept-Ranges header 有关。我尝试了所有不同的组合,但仍然无济于事 - Safari 仍然拒绝正确显示持续时间。
相关代码片段如下所示:
$path = $teaserAudioPath . DIRECTORY_SEPARATOR . $teaserFile;
$fp = fopen($path, 'r');
$etag = md5(serialize(fstat($fp)));
fclose($fp);
$fsize = filesize($path);
$shortlen = $fsize - 1;
$response->setStatusCode(Response::STATUS_CODE_200);
$response->getHeaders()
->addHeaderLine('Pragma', 'public')
->addHeaderLine('Expires', -1)
->addHeaderLine('Content-Type', 'audio/mpeg, audio/x-mpeg, audio/x-mpeg-3, audio/mpeg3')
->addHeaderLine('Content-Length', $fsize)
->addHeaderLine('Content-Disposition', 'attachment; filename="teaser.mp3"')
->addHeaderLine('Content-Transfer-Encoding', 'binary')
->addHeaderLine('Content-Range', 'bytes 0-' . $shortlen . '/' . $fsize)
->addHeaderLine('Accept-Ranges', 'bytes')
->addHeaderLine('X-Pad', 'avoid browser bug')
->addHeaderLine('Cache-Control', 'no-cache')
->addHeaderLine('Etag', $etag);
$response->setContent(file_get_contents($path));
return $response;
播放器(我使用的是 mediaelementjs)在 Safari 中看起来像这样:
我还尝试根据另一个示例解释 HTTP_RANGE 请求 header ,如下所示:
$fileSize = filesize($path);
$fileTime = date('r', filemtime($path));
$fileHandle = fopen($path, 'r');
$rangeFrom = 0;
$rangeTo = $fileSize - 1;
$etag = md5(serialize(fstat($fileHandle)));
$cacheExpires = new \DateTime();
if (isset($_SERVER['HTTP_RANGE']))
{
if (!preg_match('/^bytes=\d*-\d*(,\d*-\d*)*$/i', $_SERVER['HTTP_RANGE']))
{
$statusCode = 416;
}
else
{
$ranges = explode(',', substr($_SERVER['HTTP_RANGE'], 6));
foreach ($ranges as $range)
{
$parts = explode('-', $range);
$rangeFrom = intval($parts[0]); // If this is empty, this should be 0.
$rangeTo = intval($parts[1]); // If this is empty or greater than than filelength - 1, this should be filelength - 1.
if (empty($rangeTo)) $rangeTo = $fileSize - 1;
if (($rangeFrom > $rangeTo) || ($rangeTo > $fileSize - 1))
{
$statusCode = 416;
}
else
{
$statusCode = 206;
}
}
}
}
else
{
$statusCode = 200;
}
if ($statusCode == 416)
{
$response = $this->getResponse();
$response->setStatusCode(416); // HTTP/1.1 416 Requested Range Not Satisfiable
$response->addHeaderLine('Content-Range', "bytes */{$fileSize}"); // Required in 416.
}
else
{
fseek($fileHandle, $rangeFrom);
set_time_limit(0); // try to disable time limit
$response = new Stream();
$response->setStream($fileHandle);
$response->setStatusCode($statusCode);
$response->setStreamName(basename($path));
$headers = new Headers();
$headers->addHeaders(array(
'Pragma' => 'public',
'Expires' => $cacheExpires->format('Y/m/d H:i:s'),
'Cache-Control' => 'no-cache',
'Accept-Ranges' => 'bytes',
'Content-Description' => 'File Transfer',
'Content-Transfer-Encoding' => 'binary',
'Content-Disposition' => 'attachment; filename="' . basename($path) .'"',
'Content-Type' => 'audio/mpeg', // $media->getFileType(),
'Content-Length' => $fileSize,
'Last-Modified' => $fileTime,
'Etag' => $etag,
'X-Pad' => 'avoid browser bug',
));
if ($statusCode == 206)
{
$headers->addHeaderLine('Content-Range', "bytes {$rangeFrom}-{$rangeTo}/{$fileSize}");
}
$response->setHeaders($headers);
}
fclose($fileHandle);
这在 Safari 中仍然给我相同的结果。我什至尝试使用核心 PHP 函数而不是 ZF2 Response 对象来呈现响应,使用 header() 调用和 readfile(),但这也不起作用。
欢迎任何有关如何解决此问题的想法。
编辑 正如 @MarcB 所建议的,我比较了两个请求的响应 header 。第一个请求是向 PHP 操作提供 mp3 文件数据,第二个请求是当我直接浏览到同一个 mp3 文件时。起初 header 并不完全相同,但我修改了 PHP 脚本以匹配直接下载的 header ,请参阅下面的 Firebug 屏幕截图:
PHP 提供的响应 header :
响应 header 直接下载:
正如您所看到的,除了日期 header 之外,它们完全相同,但这是因为请求之间大约有一分半钟的时间。当我尝试从 PHP 脚本提供文件时,Safari 仍然声称这是一场直播,因此当我以这种方式加载文件时,音频播放器在总时间中仍然显示 NaN。有什么方法可以告诉 Safari 只需下载整个文件并在我说这不是直播时相信我吗?
还有可能是 Safari 发送了不同的请求 header ,因此响应 header 也不同?我通常使用 Firebug 在 Firefox 中进行调试。例如,当我在 Safari 中打开 mp3 文件 URL 时,我无法打开 Web 检查器对话框。有没有其他方法可以查看 Safari 发送和接收的 header ?
编辑2 我现在使用一个简单的流函数来实现范围请求。即使在 Safari 中,这似乎也可以在我的开发机器上运行,但不能在运行该网站的实时 VPS 服务器上运行。
我现在使用的函数(由另一个SO-er提供,不记得确切的链接):
private function stream($file, $content_type = 'application/octet-stream', $logger)
{
// Make sure the files exists, otherwise we are wasting our time
if (!file_exists($file))
{
$logger->debug('File not found');
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'];
$logger->debug('Got Range: ' . $range);
}
elseif ($apache = apache_request_headers())
{
$logger->debug('Got Apache headers: ' . print_r($apache, 1));
$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: $filesize");
header('X-Pad: avoid browser bug');
header('Accept-Ranges: bytes');
header('Connection: Keep-Alive"');
// 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);
while ($length)
{
set_time_limit(0);
$read = ($length > 8192) ? 8192 : $length;
$length -= $read;
print(fread($fp, $read));
}
fclose($fp);
}
// just send the whole file
else
readfile($file);
exit();
}
然后在 Controller 操作中调用它:
$path = $teaserAudioPath . DIRECTORY_SEPARATOR . $teaserFile;
$fsize = filesize($path);
$this->stream($path, 'audio/mpeg', $logger);
我添加了一些日志记录用于调试目的,差异似乎在于请求 header 。在我的本地开发机器上,我在日志中得到了这个:
2014-03-09T18:01:17-07:00 DEBUG (7): Got Range: bytes=0-1
2014-03-09T18:01:18-07:00 DEBUG (7): Got Range: bytes=0-502423
2014-03-09T18:01:18-07:00 DEBUG (7): Got Range: bytes=131072-502423
在 VPS 上,如果它不起作用,我会得到以下信息:
2014-03-09T18:02:25-07:00 DEBUG (7): Got Range: bytes=0-1
2014-03-09T18:02:29-07:00 DEBUG (7): Got Range: bytes=0-1
2014-03-09T18:02:35-07:00 DEBUG (7): Got Apache headers: Array
(
[Accept] => */*
[Accept-Encoding] => identity
[Connection] => close
[Cookie] => __utma=71101845.663885222.1368064857.1368814780.1368818927.55; _nsz9=385E69DA4D1C04EEB22937B75731EFEF7F2445091454C0AEA12658A483606D07; PHPSESSID=c6745c6c8f61460747409fdd9643804c; _ga=GA1.2.663885222.1368064857
[Host] => <edited out>
[Icy-Metadata] => 1
[Referer] => <edited out>
[User-Agent] => Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_1) AppleWebKit/537.73.11 (KHTML, like Gecko) Version/7.0.1 Safari/537.73.11
[X-Playback-Session-Id] => 04E79834-DEB5-47F6-AF22-CFDA0B45B99F
)
不知何故,在实时服务器上只有前两个字节的初始请求,Safari 使用它来确定服务器是否支持范围请求(两次),但对实际数据的范围请求从未完成。相反,我收到了流函数中 apache_request_headers() 调用返回的一堆奇怪的请求 header 。我在本地开发机器上没有得到这个,它也运行 Apache。
任何想法都将不胜感激,真的让我很烦恼。
最佳答案
今晚我花了一些时间来解决类似的问题 - 音频标签在大多数浏览器上工作正常,但在 Safari 上无法正确处理进度。我找到了一个适合我的解决方案,希望它也适合您。
我还阅读了有关类似问题的其他 SO 问题,他们都谈到了处理 Range header 。有一些旨在处理 Range header 的片段。我在 github 上发现了一个对我有用的简短函数。 https://github.com/pomle/php-serveFilePartial
不过,我确实必须对文件进行一项更改。第 38 行:
header(sprintf('Content-Range: bytes %d-%d/%d', $byteOffset, $byteLength - 1, $fileSize));
我做了一个小修改(删除了-1)
header(sprintf('Content-Range: bytes %d-%d/%d', $byteOffset, $byteLength, $fileSize));
我刚刚在 github 上发布了一个问题,解释了我为何进行此更改。我发现这个问题的方式很有趣: Safari 似乎不信任服务器,当它说它可以提供部分内容时: Safari (或我认为技术上的 Quicktime)请求具有这样的范围 header 的文件的字节 0-1 :
Range: bytes=0-1
作为对文件的第一个请求。如果服务器返回整个文件 - 它将文件视为没有开头或结尾的“流”。如果服务器使用该文件中的单个字节以及正确的 header 进行响应,那么它将要求该文件的几个不同范围(这些范围以看起来非常不合适的方式严重重叠)。我发现您已经注意到了这一点,并且您已经经历过 Safari/Quicktime 只发出第一个范围 (0-1) 请求,而没有后续的“真正”范围请求。从我的研究看来,发生这种情况是因为您的服务器没有提供“令人满意的”范围答复,因此它放弃了整个范围请求的想法。在进行调整之前,我在使用链接的 serverFilePartial 函数时遇到了这个问题。然而,在“修复”该行之后,Safari/Quicktime 似乎对第一个响应感到满意,并继续发出后续的范围请求,并且进度条和所有内容都出现了,我们都很好。
所以,长话短说,尝试一下链接库,看看它是否像对我一样适合你:)我知道你已经找到了一个可以在你的开发机器上运行但不能在你的生产环境上运行的 php 解决方案机器,但也许我的不同解决方案在你的 VPS 机器上会有所不同?值得一试。
关于php - Safari 无法正确显示 php 提供的 mp3 的持续时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22213180/