Adobe-Premiere-CEP 扩展 入门-视频剪辑-去气口插件-Silence Remover

短视频,这两年比较火,不要再问为什么用Premiere,非常难用,为什么不用某影,某些国内软件非常接地气简单,又例如某音资深的视频短编辑就很好用了。。。

Premiere二次开发调试难,不如自己搞个console输出,简单明了。。。

有兴趣的可以去淘宝搜索一下,个人开发的 Silence Remover中文版本(-快速剪辑,去气口等功能)

下面继续说代码

目录

某乎上,这个小哥也说的很清楚CEP入门

首先,整体界面-短视频删除气口-UI

[第一,capture console log的代码实现](#第一,capture console log的代码实现)

[第二,js 向html 输出List的代码实现](#第二,js 向html 输出List的代码实现)


某乎上,这个小哥也说的很清楚CEP入门

【CEP 扩展开发一】简介 - 知乎

由此,我们知道了:

Adobe 插件种类,大致可以分成以下几类:

(反正就是javascript就是了)

|---------------------|--------------------------------|
| ExtendScript 脚本 | 远古时代,应该是没被Adobe收购前 |
| Flash 面板插件 | 。。。。这个到底死了没死。。。。 |
| CEP 面板插件 | 没有认同也没有不认同,大部分是这样源码框架,我只是接着用 |
| UXP 面板插件 | 最新官方统一框架,貌似暂时只有Photoshop2021支持 |
| 独立客户端 | 还有"高手",很多开发者实在不想和官方玩 |
| C++ 插件 | 你会c++么 |

也因此,我们知道了,虽然内网比较冷门(国内人工太低,堆人,堆时间干就行了,不需要Adobe 研发),外网还是有一些相关资料的

外网(Adobe官方网站)确实也有提到了如何XXXX debug(还是比较叼的remote调试)

https://blog.developer.adobe.com/debugging-your-adobe-panel-cf73f00f6961

但是,可能是国内license的原因,反正这个方法我就行行不通

所以想想,要不自己实现一个 Console?

首先,整体界面-短视频删除气口-UI

第一,capture console log的代码实现

cs 复制代码
    (function(){
        var oldLog = console.log;
        console.log = function (message) {
            if(typeof(message) == "string")
            {
                if(message.substring(0,3)=="fff")
                    alert(message);
            }
            oldLog.apply(console, arguments);
        };
    })();

第二,js 向html 输出List的代码实现

(js循环列表显示html)

javascript 复制代码
        if(message.substring(0,3)=="fff")
        {
            alert(message);
            // 获取列表元素
            const list = document.getElementById("console-list");
            const listItem = document.createElement("li");
            listItem.innerHTML = message;
            list.appendChild(listItem);
        }

在html大概补上这样的代码

html 复制代码
        <tr><td>
            <span id="console-list"></span>
        </td></tr>

重启Adobe Premiere

进入项目

选择菜单: 窗口->扩展->XXXXX

最终UI呈现

相关推荐
fruge10 分钟前
纯css制作声波扩散动画、js+css3波纹催眠动画特效、【css3动画】圆波扩散效果、雷达光波效果完整代码
javascript·css·css3
neter.asia19 分钟前
vue中如何关闭eslint检测?
前端·javascript·vue.js
光影少年39 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
Rattenking44 分钟前
React 源码学习01 ---- React.Children.map 的实现与应用
javascript·学习·react.js
熊的猫2 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
别拿曾经看以后~3 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
川石课堂软件测试4 小时前
性能测试|docker容器下搭建JMeter+Grafana+Influxdb监控可视化平台
运维·javascript·深度学习·jmeter·docker·容器·grafana
JerryXZR4 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
problc4 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter
Gavin_9154 小时前
【JavaScript】模块化开发
前端·javascript·vue.js