使用 PHP Html5 流式傳輸視頻

Question

我的網站上有視頻，我想用 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 MYH:i:s', time()+2592000) . ' GMT'); header("Last-Modified: ".gmdate('D, d MYH: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.ini 。

Answer 1

1. 我也在嘗試流式傳輸到播放器，但視頻正在接管我的整個 > 頁面，如何將視頻添加到我的 html5 播放器中。

您是否只是復制了 HTML 示例而沒有更改任何內容？ 看一下 HTML5 示例，您會看到有 width="100%"，您可以將值更改為適合您的值。

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 類放在您的問題上。

Answer 2

嘗試插入到最上面的班級

$stream = new VideoStream("file.mp4 or www//file.mp4");
$stream->start();exit;

Answer 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;
}
?>