Reactjs 使用React JS构建视频编辑器的时间轴

特别是寻找一个想法或方法来实现这一点

我正在尝试使用react js构建一个视频编辑器/混合物，如上图所示。此UI主要用于将不同的视频/图像媒体与时间线对齐。当用户在任意层中拖动视频/图像时，它只需随时间缩放即可

三个屏幕用于三个不同的视频。不需要裁剪/拆分等功能。此UI收集信息并将其发送到服务器，服务器将执行其余的处理。所需内容已在我们的服务器上

---

收集媒体信息的任何解决方案/可能的方向都可以拖到顶部带有时间刻度的层中？。使用React JS实现此UI的最佳资源是什么？

我建议您的时间轴组件有一个由其父组件提供的模块和缩放。嵌套的div有自己的模块长度，但没有比例，时间轴组件也有同样的情况。所以，你们只讨论模的长度。然后，也就是说，您将等效1模块设置为50px

我希望这对你有帮助