仅使用 HTML、CSS 和 Javascript 进行视频编辑 [关闭]

Posted 2023-03-13

【中文标题】仅使用 HTML、CSS 和 Javascript 进行视频编辑 [关闭]

【英文标题】：Video Editing using HTML, CSS and Javascript Only [closed]

【发布时间】：2014-04-22 08:36:01

【问题描述】：

我只需要使用html5 和javascript 编辑视频。没有flash 或ffmpeg。我需要添加标题板、背景音频、（过渡、保险杠）、边框等。

我尝试过popcorn.js，但它只使用 CSS，实际上并没有编辑视频。我什至尝试过ffmpeg。 FFmpeg 完成了工作，但需要很多时间。

【问题讨论】：

看起来你链接的那个在flash中。如果可能的话，我也很想在 javascript 中这样做。

查看这些链接：mbatle.wordpress.com/2011/11/02/… 和 developer.mozilla.org/en-US/docs/Web/HTML/…

@Glogo 你的第二个链接就是答案。

对于其他人，您可以使用vidar，它可以让您在时间轴上添加图层并将视频导出为 blob。它依赖于内置的 javascript api，所以没有 ffmpeg。完全披露者：我创建了这个框架。

【参考方案1】：

当使用http://www.videojs.com/ 作为视频播放器时。video.js 的插件中已经存在一些功能，但还不是全部。这里有一些插件可以添加您需要的一些功能： https://github.com/nicetip/videojs-speed https://github.com/danielcebrian/rangeslider-videojs https://github.com/xbgmsharp/videojs-rotatezoom 视频播放器和插件都是开源的。但就像我说的那样，您可能需要自己进行一些开发才能获得所需的全部功能。