Chrome 问题 - 视频流和会话冲突
2022-08-30 16:46:36
我在javascript和PHP中实现视频时遇到了问题。
索引.php
session_start()
// do other stuff
include ‘video.php’
视频.php
<?php
If(!$_REQUEST[‘play’]){
// displaying video.html
}
else
{
// play video
$fp = @fopen($file, 'rb');
$size = filesize($file); // File size
$length = $size; // Content length
$start = 0; // Start byte
$end = $size - 1; // End byte
// Now that we've gotten so far without errors we send the accept range header
/* At the moment we only support single ranges.
* Multiple ranges requires some more work to ensure it works correctly
* and comply with the specifications: http://www.w3.org/Protocols/rfc2616/rfc2616-sec19.html#sec19.2
*
* Multirange support announces itself with:
* header('Accept-Ranges: bytes');
*
* Multirange content must be sent with multipart/byteranges media type,
* (mediatype = mimetype)
* as well as a boundary header to indicate the various chunks of data.
*/
header('Content-type: video/mp4');
header('Accept-Ranges: bytes');
// multipart/byteranges
// http://www.w3.org/Protocols/rfc2616/rfc2616-sec19.html#sec19.2
if (isset($_SERVER['HTTP_RANGE'])){
$c_start = $start;
$c_end = $end;
// Extract the range string
list(, $range) = explode('=', $_SERVER['HTTP_RANGE'], 2);
// Make sure the client hasn't sent us a multibyte range
if (strpos($range, ',') !== false){
// (?) Shoud this be issued here, or should the first
// range be used? Or should the header be ignored and
// we output the whole content?
header('HTTP/1.1 416 Requested Range Not Satisfiable');
header("Content-Range: bytes $start-$end/$size");
// (?) Echo some info to the client?
exit;
} // fim do if
// If the range starts with an '-' we start from the beginning
// If not, we forward the file pointer
// And make sure to get the end byte if spesified
if ($range{0} == '-'){
// The n-number of the last bytes is requested
$c_start = $size - substr($range, 1);
} else {
$range = explode('-', $range);
$c_start = $range[0];
$c_end = (isset($range[1]) && is_numeric($range[1])) ? $range[1] : $size;
} // fim do if
/* Check the range and make sure it's treated according to the specs.
* http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html
*/
// End bytes can not be larger than $end.
$c_end = ($c_end > $end) ? $end : $c_end;
// Validate the requested range and return an error if it's not correct.
if ($c_start > $c_end || $c_start > $size - 1 || $c_end >= $size){
header('HTTP/1.1 416 Requested Range Not Satisfiable');
header("Content-Range: bytes $start-$end/$size");
// (?) Echo some info to the client?
exit;
} // fim do if
$start = $c_start;
$end = $c_end;
$length = $end - $start + 1; // Calculate new content length
fseek($fp, $start);
header('HTTP/1.1 206 Partial Content');
} // fim do if
// Notify the client the byte range we'll be outputting
header("Content-Range: bytes $start-$end/$size");
header("Content-Length: $length");
// Start buffered download
$buffer = 1024 * 8;
while(!feof($fp) && ($p = ftell($fp)) <= $end){
if ($p + $buffer > $end){
// In case we're only outputtin a chunk, make sure we don't
// read past the length
$buffer = $end - $p + 1;
} // fim do if
set_time_limit(0); // Reset time limit for big files
echo fread($fp, $buffer);
flush(); // Free up memory. Otherwise large files will trigger PHP's memory limit.
} // fim do while
fclose($fp);
exit();
}
视频.html
<!doctype html>
<html lang="fr-FR">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<video controls>
<source src="index.php?format=mp4&play=1&id=someid type="video/mp4" />
</video>
</body>
</html>
一切正常，但由于某种原因我不知道，当我开始播放视频，然后单击页面上的链接或使用浏览器的后退按钮时，浏览器会冻结并等待一段时间（变量）才能点击链接。
探查器指示请求的页面更改处于挂起状态。
如果我将视频光标放在更远的地方，浏览器会立即解锁并按照我点击的链接进行操作。
最后，如果我重新加载该页面，问题将不再出现。似乎chrome正在等待某些内容，但由于我的缓存被禁用，因此未缓存。
这只发生在chrome桌面上，所有其他浏览器都能正确完成工作。
** 编辑 **
我找到了问题的根源。
要播放我的视频，我浏览了我的主文件，该文件用作我的路由器，我在其中初始化会话。index.phpsession_start()
当视频正在播放时，我单击浏览器的链接或后退按钮，我返回到 。这是铬在session_start（）期间卡住的时候index.php
只要视频正在播放，看起来就与会话存在冲突。
