最近在研究编码器,想做一个不同画质对比的预览页面。
我不清楚该怎么描述这个需求,不过我在星际1重制版官网上看到过一样的需求,想知道这个是使用什么库实现的。
链接地址:<https://starcraft.com/zh-cn/>,就在下面的 高清重置 那里,看代码应该是同时播放了两个视频,实现是中间有一个可拖动的垂直柱形控件。
就想知道这个是使用什么组件实现的,或者是否有其他组件也能实现。
最近在研究编码器,想做一个不同画质对比的预览页面。
我不清楚该怎么描述这个需求,不过我在星际1重制版官网上看到过一样的需求,想知道这个是使用什么库实现的。
链接地址:<https://starcraft.com/zh-cn/>,就在下面的 高清重置 那里,看代码应该是同时播放了两个视频,实现是中间有一个可拖动的垂直柱形控件。
就想知道这个是使用什么组件实现的,或者是否有其他组件也能实现。
13 回答13.1k 阅读
7 回答2.3k 阅读
3 回答1.4k 阅读✓ 已解决
6 回答1.4k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
3 回答1.5k 阅读✓ 已解决
6 回答1.2k 阅读
自己去写一个吧,原理应该是这样的:两个视频在两个不同的层,可以拖动的按钮在层级比较高的那个层内部,高层元素遮盖低层元素,高层元素的视频用一个div包裹起来,拖动的按钮用来调整div的宽度,div设置overflow:hidden,布局完成后,剩下的就是计算按钮位置更新高层div的宽度就行了。。。里面高层,低层的视频元素都和外层的容器一样尺寸