• 广州蓝景分享—程序员必备的3个JavaScript插件,让你的视频更实用


    今天,广州蓝景小编跟大家分享一些干货,程序员必备的3个JavaScript插件,让你的视频更实用。
    下面就从这篇技术文章开始,我倾向于利用以图形交换格式 (GIF) 格式编码的屏幕截图,以尽可能减少额外的文本描述块。例如,在更倾向于 Web 开发内容的文章中,例如:

    在这种情况下,我总是发现嵌入动画 GIF 来演示我创建的开源工具的任何用法是有益的:

    在这里插入图片描述

    鉴于 Microsoft Powerpoint 的内置屏幕录制功能很容易访问,虽然,可以轻松完成自己的屏幕录制以输出屏幕截图,但我觉得更有益的探索领域将是 - 易于访问转换视频的工具 将屏幕截图(.mp4、.avi 等)转换为 .GIF 图像文件。

    — 注意:按照惯例,如果要渲染动画短片(≤ 30 秒),则 GIF 文件更合适。

    使用 GIFEncoder.js 将视频构建到 GIF Maker

    为了构建浏览器实用程序,如下所示:
    在这里插入图片描述

    这 3 个 JavaScript 插件是必需的:

    GIFEncoder.js
    LZWEncoder.js
    NeuQuant.js
    仅供参考:这些插件最初是由 GitHub 用户 Kevin Kwok(创建者)从 GitHub repo jsgif 中检索到的。

    视频到 GIF 转换概述

    先决条件:包含在上述3个文件中+ b64.js如下: