-2

这是我想做的项目：

拍摄一个技术项目并在视频的某些部分创建一个交互层，以解释所涉及的科学。为简单起见，让我们说生物燃料。素材将在某些帧暂停时无缝集成到一个图层中，该图层是视频帧内内容的技术说明。

想象一下采访项目经理的视频片段。项目经理将他的手指向一桶发酵溶液，该溶液后来将成为生物燃料。该项目的目的是深入研究发酵溶液中发生的过程。因此，在此人接受采访后，他们向流程的下一步示意：分析发酵过程中发生的情况。视频帧平移到一桶解决方案。暂停视频帧。现在，一个插图层下降，它放大了视频帧中的图像：仓库中的一个桶。放大后，插图显示了被细菌消化的纤维素分子。除了只是一个插图，我希望这个逼真的图表是互动的：观众可以搅拌桶，或者打开一个加热元件，

制作这个交互式技术插图层需要什么技术，以便可以从互联网浏览器中查看？

我想弄清楚我是否需​​要在以下领域雇用一名程序员： - Flash / Actionscript/ C++ / JibLibFlash - WebGL， - Javascript（PhysJL，Threejs） - 其他...

感谢您的任何帮助！

4

1 回答 1

0

这是你要做的：制作 2 个视频，一个在暂停之前，一个在暂停之后。使用 z-index 使它们成为 2 个重叠的 DIV。使用 Flash 运行它们，并使用 Javascript 自动检测在第一个媒体端它会更改隐藏<div>的不透明度，不透明度为零。在其中，<div>您可以使用 CSS3 / HTML5 动画来显示您需要的任何动画。结束后使用类似的东西

box.addEventListener( 'webkitTransitionEnd', function( event ) { alert( "Finished transition!" ); }, false );开始下半段视频。当然，z-index更改要具有最近的一项顶部。简单的！

于 2013-10-11T18:16:08.257 回答