Skip to main content
2 de 9
adicionou 819 caracteres ao conteúdo
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Um exemplo seria este PHP HTML5 Video Streaming Tutorial.

Demonstração: http://demo.codesamplez.com/html5/video

Uma observação, conforme o autor mp4 atualmente não funciona no Firefox, mas você pode usar os navegadores Safari e Chrome. Posteriormente ele menciona que é possível modificar o mimetype usado pela classe, talvez você consiga usar $_SERVER['HTTP_USER_AGENT'] para verificar qual navegar o cliente está usando e determinar o mimetype correto, criando assim variações do stream e mais formatos.

Você dever usar no atributo src o seu arquivo PHP que executata a classe, um exemplo de uso:

  • stream.php

      include "./libraries/VideoStream.php";
      $stream = new VideoStream("./video/sample.mp4");
      $stream->start();
    
  • Usando a tag video:

      <video src="stream.php"></video>
    

Note: Traduzi por "cima", se houver alguma informação errada me comunique

O código da classe VideoStream:

<?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();
    }
}

Entendendo a classe e o "streming do HTML5"

A classe simplesmente pega o caminho do video como um parametro do construtor.

Após chamar start() ele (a classe) primeiro tenta abrir o arquivo, se "ok", ele seta o "headers", então o "stream" solicita o conteúdo e finalmente fecha o arquivo.

O "header" é a parte mais importante pois é a responsável por fazer a comunicação com o cliente (navegador de web no caso), dizendo ao cliente que ele pode aceitar requisições "range" e verifica se o cliente enviou o "range", se não tiver enviado a classe decide a quantidade de dados que deve ser enviada.

O header é configurado para usar por padrão MP4, mas você pode alterar. Note que mp4 é o formato mais aceitável pela maioria dos navegadores (isto é conforme informação do autor da classe).

O header mais importante é o Accept-Ranges pois ele diz ao cliente (browesr)que o servidor está aceitando qualquer requisição de level de byte dentro do "range" definido.

O metodo stream() é simplesmente o que pré-define a quantidade de dados com o tamanho de buffer "customizável".

Para usar a classe:

$stream = new VideoStream($filePath);
$stream->start();

Streaming usando o Amazon S3 Service:

Se você tiver um serviço de arquivos do s3, pode tornar o processo mais simples, primeiro use streamWrapper para registra-lo com o seu "cliente s3":

$s3Client->registerStreamWrapper();

Você necessitará modificar o metodo open assim:

/**
 * Open stream
 */
private function open()
{
    // Create a stream context to allow seeking
    $context = stream_context_create(array(
        's3' => array(
            'seekable' => true
        )
    ));
    if (!($this->stream = fopen($this->path, 'rb', false, $context))) {
        die('Could not open stream for reading');
    }
     
}
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361