使用 PHP Html5 流式传输视频

Posted

技术标签:

【中文标题】使用 PHP Html5 流式传输视频【英文标题】:Streaming video with PHP Html5 【发布时间】:2016-12-02 15:45:49 【问题描述】:

我的网站上有视频,我想用 phphtml5 显示它们。

我会努力学习本教程 (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)

如何使用 html 5 视频元素流式传输视频

HTML5 视频 - 从 SQL 文件流中流式传输

如何将视频从 Play 2 框架流式传输到 HTML5 播放器

将实时 http 流式传输到 HTML5 视频客户端的最佳方法 [关闭]