Question

我想在一个由小型视频动态列表组成的网站上展示视频。例如，视频将由10个较小的视频（1,2,3,4 ......）组成，每个视频可能不同（1A，1B，1C，1D ...... 2A，2B，2C ... 3A）。所以结果将是1C-2B-3F-4A ......

如您所想，预先生成所有可能的组合将涉及创建数千个组合，因此这个想法是保持动态。关于如何做到这一点的最佳工具/语言的任何想法？

重要的是它们之间没有间隙，所以他们感觉像是一个。

我正在考虑的选项： - 在Flash上预装电影（AS3） - 预装HTML5上的视频元素（以及一些JS） - 使用Youtube的API（使用他们的带宽） - 具有一些速度感知缓存的上述任何一种

Answer 1

我建议使用Flash进行流媒体播放。没有预先缓存，因此传输的数据只是显示给用户的数据，在消费方面非常有效。

我玩Flash流媒体，你想要做的事情并不遥远，也不需要做很多工作。它可以简单到给几个stream.play2() commands APPEND transition。

如果您对此不熟悉，那么这里有一篇很好的介绍性文章：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');
    });
}

动态且无间隙的视频播放列表

2 个答案: