Динамичный и бесшумный плейлист видео

Question

Я хотел бы показать видео на веб-сайте из динамического списка небольших видео.Например, видео будет состоять из 10 небольших видео (1, 2, 3, 4 ...), и каждое из них может быть различным (1A, 1B, 1C, 1D ... 2A, 2B, 2C ...3A).Таким образом, результатом будет 1C-2B-3F-4A ...

. Как вы себе представляете, для создания всех возможных комбинаций потребуется создать тысячи из них, поэтому идея состоит в том, чтобы поддерживать его динамичным.Любые идеи о том, что является лучшим инструментом / языком о том, как это сделать?

Важно, чтобы между ними не было пробелов, чтобы они чувствовали себя как один.Предварительно загруженные фильмы на Flash (AS3) - Предварительно загруженные элементы видео в HTML5 (и некоторые JS) - Использование API YouTube (для использования их пропускной способности) - Любое из перечисленного с некоторым кэшированием с учетом скорости

Answer 1

Я бы предложил потоковую передачу с Flash. Предварительное кэширование не выполняется, поэтому передаваемые данные являются только данными, отображаемыми для пользователя, это довольно эффективно с точки зрения потребления.

Я играл с потоковой передачей Flash, и то, что вы пытаетесь сделать, не надумано и не требует большой работы. Это может быть так просто, как предоставление нескольких stream.play2 () команд с APPEND переходом .

Если вы новичок в этом, здесь есть хорошая вводная статья: http://www.adobe.com/devnet/flash/articles/video_playlist.html. Кроме того, примеры могут дать вам быстрый старт и понять, будет ли пользовательский опыт соответствовать вашим требованиям.

Answer 2

У меня была похожая проблема, но пользователи запускали воспроизведение.В любом случае, что решило проблему для меня, это событие canplaythrough.Это может помочь вам:

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');
    });
}