HTML视频快速清理

时间:2019-08-29 13:33:42

标签: video video-streaming html5-video video-processing video.js

这个gif文件是我在Mac上使用Quicktime进行快速擦洗。

是否有可能在我尝试过许多甚至无法接近的其他选项的浏览器中实现接近此目的的功能?有人可以解释他们如何在Mac上执行此操作吗?

我目前通过浏览器获得的解决方案是生成一个Bif图像并将其叠加在视频上。

我只是好奇,认为值得向社区询问有哪些选择?

关于此的信息很多。

enter image description here

更新

这是我目前使用bifs所做的事情。

https://output.jsbin.com/semolid

But looking for alternative options if available?

注意:在JSBin演示中,如果单击启用剪切的时间旁边的框,则最终将是一个字体超赞的图标

1 个答案:

答案 0 :(得分:1)

选项...

(1) 如果长时间未完全加载视频
使用图像表示当时的帧。通常以马赛克(看起来像精灵表)的形式完成,其中在擦洗时每个“图像”都与显示/视频区域重新对齐。

来自YouTube的示例: 这个video (a movie trailer)拥有这个spritesheet mosaic来进行擦洗(在擦拭时按住鼠标左键可以看到与您发布的GIF类似的效果)。

(2) 如果视频已完全加载
沿时间轴移动洗涤器时,只需触发搜寻(使用as list($link,$title))。那将显示该秒的图片。基本上,与每次移动后单击(myVid.currentTime = time-of-your-scrub-point)(单击seek-to)相比,单独的鼠标移动功能即可达到相同的效果。

相关问题