2012-03-23 16 views
5

Me gustaría mostrar un video en un sitio web compuesto por una lista dinámica de videos más pequeños. Por ejemplo, el video consistiría en 10 videos más pequeños (1, 2, 3, 4 ...), y cada uno de ellos podría ser diferente (1A, 1B, 1C, 1D ... 2A, 2B, 2C ... 3A). Entonces el resultado sería 1C-2B-3F-4A ...Lista de reproducción dinámica y sin interrupciones de videos

Como se imagina, pregenerar todas las combinaciones posibles implicaría crear miles de ellas, por lo que la idea es mantenerla dinámica. ¿Alguna idea sobre cuál es la mejor herramienta/lenguaje sobre cómo hacerlo?

Es importante que no haya espacios entre ellos para que se sientan como uno solo.

Opciones estoy considerando: - películas precargados en flash (AS3) - elementos de vídeo precargados en HTML5 (y algunos JS) - El uso de la API de Youtube (para usar su ancho de banda) - Cualquiera de los anteriores con un poco almacenamiento en caché compatible con la velocidad

+0

Me gustaría ver una solución para la reproducción sin interrupciones de vídeo HTML5, pero sin suerte hasta ahora ... –

Respuesta

6

Sugiero transmitir con Flash. No se realiza precaching, por lo que los datos transferidos son solo los datos que se muestran al usuario, es bastante efectivo en términos de consumo.

He jugado con la transmisión Flash y lo que está tratando de hacer no es exagerado, ni requiere mucho trabajo. Puede ser tan simple como dar varios stream.play2() commands con un APPEND transition.

Si eres nuevo en esto, hay un buen artículo introductorio aquí: http://www.adobe.com/devnet/flash/articles/video_playlist.html. Además, las muestras pueden darle un inicio rápido y una idea de si la experiencia del usuario estará a la altura de sus demandas.

+0

¿Pero esto significa que no hay absolutamente ningún salto entre Vídeoa y VIDEOB? Eso es lo que quiero hacer. Reproducción sin brechas, así que se siente como un video único. – ozke

+0

Entiendo que es lo que quiere, sin embargo, hay muchas variables para considerar. En teoría, sí. Los búferes están entrelazados y mientras el primer video se reproduce durante los últimos 5 segundos, el segundo video se almacena en búfer para que pueda comenzar sin problemas. – evilpenguin

+0

Por cierto, la descripción de la función play2 (mi primer enlace) dice: 'Cambia sin problemas entre archivos con múltiples velocidades de bits y permite que un NetStream se reanude cuando se desconecta y vuelve a conectar una conexión. – evilpenguin

2

Tuve un problema similar, pero mi reproducción fue activada por los usuarios. De cualquier manera, lo que me solucionó el problema fue el evento canplaythrough. Podría ayudarle a:

function swapVideos(source, target) { 
    target.get(0).play(); 
    target.bind('canplaythrough', function() { 
     target.offset({ 
      top : videoTop, 
      left : videoLeft 
     }); 
     source.offset({ 
      top : 20080, 
      left : 20920 
     }); 
     source.get(0).pause(); 
     var aux = topVideo; 
     topVideo = bottomVideo; 
     bottomVideo = aux; 

    target.unbind('canplaytrough'); 
    }); 
} 
Cuestiones relacionadas