使用React JS为视频编辑器构建时间表

Question

专门寻找实现这一目标的想法或方法。

我正在尝试使用react js在上面的图像中构建视频编辑器。此编辑器的主要目标是根据时间对齐不同的视频/图像媒体。当用户将视频拖到任意层时，它只是一个div 随时间变化。

三个屏​​幕分别显示三个不同的视频。不需要裁剪/分割之类的功能。此ui收集信息并发送到服务器，该服务器将执行其余处理。所需的内容已经在我们的服务器中上传。

关于顶部时间范围收集div长度的任何想法。 使用React JS实现此目标的最佳资源是什么？

Answer 1

我建议您的timeLine组件具有其父组件提供的模块并进行缩放。嵌套的div有其自己的模块长度，但没有比例，而timeLine组件也是如此。因此，您仅谈论模块长度。然后，即您将等效模块1设置为50px

希望对您有所帮助！