在线视频对比是使用的什么JS库?(有Demo)

最近在研究编码器,想做一个不同画质对比的预览页面。
我不清楚该怎么描述这个需求,不过我在星际1重制版官网上看到过一样的需求,想知道这个是使用什么库实现的。
链接地址:<https://starcraft.com/zh-cn/>,就在下面的 高清重置 那里,看代码应该是同时播放了两个视频,实现是中间有一个可拖动的垂直柱形控件。
就想知道这个是使用什么组件实现的,或者是否有其他组件也能实现。

阅读 2.2k
1 个回答

自己去写一个吧,原理应该是这样的:两个视频在两个不同的层,可以拖动的按钮在层级比较高的那个层内部,高层元素遮盖低层元素,高层元素的视频用一个div包裹起来,拖动的按钮用来调整div的宽度,div设置overflow:hidden,布局完成后,剩下的就是计算按钮位置更新高层div的宽度就行了。。。里面高层,低层的视频元素都和外层的容器一样尺寸

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题