使用 PHP Html5 流式传输视频
Posted
技术标签:
【中文标题】使用 PHP Html5 流式传输视频【英文标题】:Streaming video with PHP Html5 【发布时间】:2016-12-02 15:45:49 【问题描述】:我的网站上有视频,我想用 php 和 html5 显示它们。
我会努力学习本教程 (http://codesamplez.com/programming/php-html5-video-streaming-tutorial) 使用 php 类创建流媒体视频。
<?php
/**
* Description of VideoStream
*
* @author Rana
* @link http://codesamplez.com/programming/php-html5-video-streaming-tutorial
*/
class VideoStream
private $path = "";
private $stream = "";
private $buffer = 102400;
private $start = -1;
private $end = -1;
private $size = 0;
function __construct($filePath)
$this->path = $filePath;
/**
* Open stream
*/
private function open()
if (!($this->stream = fopen($this->path, 'rb')))
die('Could not open stream for reading');
/**
* Set proper header to serve the video content
*/
private function setHeader()
ob_get_clean();
header("Content-Type: video/mp4");
header("Cache-Control: max-age=2592000, public");
header("Expires: ".gmdate('D, d M Y H:i:s', time()+2592000) . ' GMT');
header("Last-Modified: ".gmdate('D, d M Y H:i:s', @filemtime($this->path)) . ' GMT' );
$this->start = 0;
$this->size = filesize($this->path);
$this->end = $this->size - 1;
header("Accept-Ranges: 0-".$this->end);
if (isset($_SERVER['HTTP_RANGE']))
$c_start = $this->start;
$c_end = $this->end;
list(, $range) = explode('=', $_SERVER['HTTP_RANGE'], 2);
if (strpos($range, ',') !== false)
header('HTTP/1.1 416 Requested Range Not Satisfiable');
header("Content-Range: bytes $this->start-$this->end/$this->size");
exit;
if ($range == '-')
$c_start = $this->size - substr($range, 1);
else
$range = explode('-', $range);
$c_start = $range[0];
$c_end = (isset($range[1]) && is_numeric($range[1])) ? $range[1] : $c_end;
$c_end = ($c_end > $this->end) ? $this->end : $c_end;
if ($c_start > $c_end || $c_start > $this->size - 1 || $c_end >= $this->size)
header('HTTP/1.1 416 Requested Range Not Satisfiable');
header("Content-Range: bytes $this->start-$this->end/$this->size");
exit;
$this->start = $c_start;
$this->end = $c_end;
$length = $this->end - $this->start + 1;
fseek($this->stream, $this->start);
header('HTTP/1.1 206 Partial Content');
header("Content-Length: ".$length);
header("Content-Range: bytes $this->start-$this->end/".$this->size);
else
header("Content-Length: ".$this->size);
/**
* close curretly opened stream
*/
private function end()
fclose($this->stream);
exit;
/**
* perform the streaming of calculated range
*/
private function stream()
$i = $this->start;
set_time_limit(0);
while(!feof($this->stream) && $i <= $this->end)
$bytesToRead = $this->buffer;
if(($i+$bytesToRead) > $this->end)
$bytesToRead = $this->end - $i + 1;
$data = fread($this->stream, $bytesToRead);
echo $data;
flush();
$i += $bytesToRead;
/**
* Start streaming video content
*/
function start()
$this->open();
$this->setHeader();
$this->stream();
$this->end();
所以我有两个问题:
1 - 我也在尝试流式传输到播放器,但视频占据了我的整个页面我如何将视频添加到我的 html5 播放器中。
2 - 当我制作一个不起作用的 url http 视频 (http://video.newsmed.fr/pdv/0616.mp4) 时
感谢帮助我解决这个问题或建议我其他解决方案 php。
【问题讨论】:
【参考方案1】:我也在尝试流式传输到播放器,但视频占据了我的整个 >我如何制作视频的页面刚刚添加到我的 html5 播放器中。
您是否只是复制了 HTML 示例而不做任何更改? 查看 HTML5 示例,您会看到有 ,您可以将值更改为适合您的值。
2 - 当我制作一个 > 不起作用的 url http 视频 (http://video.newsmed.fr/pdv/0616.mp4) 时
URL 应该指向您的 php 代码,而不是视频文件路径。 例如:yourdomain.com/dir/your-php-file.php?video=0616.mp4
尝试将 your-php-file.php 代码而不是 videostream.php 类放在您的问题上。
【讨论】:
嗨,jacky,我想你误解了他,我也面临同样的问题,他的意思是,当他在视频流构造函数中输入带有 (http) 的 url 时,视频无法播放,当视频在项目文件夹中时,他输入了它播放的视频的部分。【参考方案2】:尝试插入到最上面的类
$stream = new VideoStream("file.mp4 or www//file.mp4");
$stream->start();exit;
【讨论】:
【参考方案3】:这是我的html
<a href="#" onclick="play_video(event,`<?PHP echo $video_url?>`)">
<video style="height:100%;width:100%" controls autoplay >
<source src="" type="video/mp4" id='video_player'>
</video>
然后使用下面的jQuery
<script>
var play_video;
$(document).ready(function()
play_video=function(event,video_url)
event.preventDefault();
console.log("play video");
$('#video_player').attr('src',`index.php?action=play_video&file_path=$video_url`);
;
);
</script>
这是你的 index.php
<?php
include "../util/VideoStream.php";
$action = filter_input(INPUT_POST, 'action');
if ($action === NULL)
$action = filter_input(INPUT_GET, 'action');
if ($action === NULL)
$action = 'play_video';
else
$action = trim(strtolower($action));
switch ($action)
case 'play_video':
$file_path = filter_input(INPUT_GET, 'file_path');
$stream = new VideoStream($file_path);
$stream->start();
exit;
?>
【讨论】:
以上是关于使用 PHP Html5 流式传输视频的主要内容,如果未能解决你的问题,请参考以下文章
可以使用带有 HTML5 播放器的 Amazon S3/CloudFront 流式传输视频吗?
仅使用视频标签实时流式传输到 HTML5(没有 webrtc)