Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Reproducir un video sin archivo de video

Reproducir un video sin archivo de video 23.OCT.13

Gianfranco Lemmo
Fundador WebBizarro

Frame Player es una solución para la adición de videos interactivos para dispositivos móviles. Frame Player es muy fácil de implementar. La razón principal detrás de este plugin es permitir la interacción de video en línea en los dispositivos móviles.

El problema de HTML5 de hoy en día en tema de reproducción de videos, es que no se puede ver de forma online y al instante los videos cuando se reproducen en el móvil. La forma en que los dispositivos móviles manejan a los videos es que abren en un reproductor nativo que se hace cargo de la propia página, por lo que es imposible llevar a cabo cualquier interacción mientras se reproduce el mismo. Además, no se puede reproducir dos videos al mismo tiempo.

La solución es crear una secuencia de imágenes a una velocidad determinada para simular el mismo efecto.

El plugin tiene el formato JSON. Los videos pueden ser convertidos a JSON utilizando NodeJS o PHP.

Un ejemplo como utilizar la librería:

<div id="my-player" data-vidsrc="video.json"></div>
<script src="js/frameplayer.js"></script>
var options = ({
    'rate': 30,
    'controls': false,
    'autoplay': true,
    'width': '640px',
    'height': '390px',
    // 'radius': '50%'
});

var player = new FramePlayer();
player.load('my-player', options);
player.play();

 

Ahora para transformar un video en JSON para utilizarlo con esta librería debemos utilizar ffmpeg:

$ ffmpeg -i video.mp4 -an -f image2 "%d.jpg"

 

Luego de convertir a jpg utilizamos NodeJS o PHP para convertirlo en JSON:

# Option 1: Node.js
$ cd converter
$ node app.js frameStart frameEnd folder/to/imgs/ json/video.json

# Option 2: PHP
$ php to_data_uri.php frameStart frameEnd folder/to/imgs/ json/video.json
                
            

Repositorio Github.