reactjs - 使用 React JS 为视频编辑器构建时间线

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

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

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

收集媒体信息的任何解决方案/可能的方向都会拖入时间尺度在顶部的层中？使用 React JS 实现这个 UI 的最佳资源是什么？

标签： reactjstimeline

我建议您的 timeLine 组件具有由其父组件提供的模块和比例。嵌套的 div 有自己的模块长度，但没有缩放，timeLine 组件也是如此。所以，你只谈论模块长度。然后即设置等价1模块= 50px

我希望这对你有帮助！