Question

js加载视频，这很好。

我正在使用Popcorn Capture来捕捉当前帧，将其复制到附着在身体上的图像中。这似乎有效。框架的图像显示，并暂停。

我想要发生的是将此图像保持在顶层，在下面做一些事情，然后在准备好转换时将此图像淡出。

我得到的是

图片显示
下面的图层呈现
视频再次从新渲染图层上方开始，除非我使用jQuery删除视频，同时删除图像。

我似乎无法在不删除图像的情况下销毁/删除视频。

这是代码

    image = document.createElement("image");
    image.id = "capture";
    image.setAttribute("class", "video-js");


    img = currentVideo.pause().currentTime( 0 ).capture({
            target: "img#capture",
            media: true
    });


    image.src = img;
    document.body.appendChild(image);


    $("#capture").fadeTo("slow" , 0);
    currentVideo.src = '';
    currentVideo.load();
    currentVideo.destroy();

    videoPlaying = false;
    createScene();

    $('#video').remove();
    $('#prevButton').show();
    $('#openGuide').show();
    $('#openSceneInfo').show();

有关如何确保图像保留在屏幕上，然后可以逐渐消失的任何线索？

Answer 1

使用fadeTo淡出视频元素。这效果更好。

显示从Popcorn.js身上捕获的图像

1 个答案: