adobe extension干什么的(adobeextension是什么)

1.背景介绍Adobe拥有多条多媒体处理软件产品线，涵盖音视频编辑、图像处理、平面设计、影视后期等领域。为了扩展软件的功能，Adobe为开发者提供了两种增加软件功能的方式：插件和扩展。去年，使用官方SDK开发了两个Premiere插件，用于导入自定义格式的多媒体文件和视频流预览。我最近体验了Adobe Extension的开发。
Adobe Plugin一般用来提供更接近底层的功能。为了官方效率，提供的插件SDK是基于C语言的。而Adobe Extension则倾向于提供上层应用的扩展，在Adobe CS时代是以Flash的形式实现的。在Adobe CC时代，提供了HTML5实现，使得开发者可以接口HTML5、CSS3、Javascript甚至NodeJS进行开发。因为Adobe在PremierePro中嵌入了CEF，所以可以高效解析和渲染HTML5，运行Nodejs程序。Nodejs则可以实现系统函数的调用，不用太挑剔！在本文中，我大概总结了使用HTML5开发Adobe扩展的心路历程。
我们要做的扩展非常简单，如下图所示：
这是国外知名视频素材交易网站Pond5开发的PremierePro扩展。它允许用户登录网站，下载预览材料，购买高清材料，自动导入视频或自动替换Pr中的视频。因此，用户不需要打开浏览器登录网站，大大提高了用户体验。类似的，还有shutterstock开发的插件：
二。开发环境Adobe正式推出基于eclipse开发Adobe Html5扩展的IDE。因此，我们首先按照以下流程配置开发环境：
下载Eclipse，最好是版本3.6或更高版本，以及扩展构建器
安装Adobe Premiere Pro CC 2014/2015。
配置elicpse的“目标应用程序”和“服务管理器”
打开调试模式：在注册表中添加“PlayerDebugMode”字段。
配置结束，在这里你可以使用eclipse来生成模板项目的扩展。生成的模板项目非常简单，面板中只有一个默认按钮：
三。项目配置清单. xml文件
Adobe Html5扩展开发中最重要的文件是manifest.xml这个文件描述了这个扩展的基本信息，以便Adobe宿主程序可以正常识别加载。其大致内容如下：
xml版本=\’1.0\ ‘编码=\’UTF-8\ ‘独立=\ ‘否\ ‘。/索引. html
面板
你好世界
名流
名流
其中，Bundle名称、Bundle ID、Bundle版本由开发者确定，一般按照正常版本迭代确定。最重要的是两个标签HostList和RequiredRuntimeList的内容。该列表确定哪些主机程序(如PremierePro、After Effects等。)受此扩展支持。以下代码表示可以加载多个主机程序：
这里只支持Photoshop Extended，其主机ID对应PHXS。其他主机程序的主机id和版本如下：
注意版本使用方括号[14.0，14.9]的形式，表示此扩展支持Photoshop Extended 14.0-14.9版本，高于或低于此版本的Photoshop Extended版本都不会加载此扩展。但是，如果要指定某个版本以上的所有版本都支持，怎么指定呢？比如支持2014以上的PremierePro CC，如何指定这个版本？只需写下最低版本号：
另外就是标签RequiredRuntimeList。这个标签指定了运行时的CEP版本。CEP是通用扩展平台的缩写。它提供了一个核心服务集，方便开发者执行可扩展的脚本代码，探查主机程序的环境变量，处理Extendscript和主机之间发送的事件。以前，这个服务集被称为Creative Suite Extensible Services，简称CSXS。所以在一些配置文件中还是可以看到缩写CSXS的。CEP最初的版本是4.x，发展至今已经有五个主要版本。最新版本是8.x，支持最新的Adobe CC 2018主机程序。
如上图，如果我们要支持主机程序的原始CC版本，那么RequiredRuntime的版本应该设置为4.0。否则，无法正常加载扩展。此外，如果您想要访问扩展名中的文件系统，您必须指定一些附加参数：
-允许文件访问
-允许从文件访问文件
– enable-nodejs
禁用签名验证
我们在开发的时候，需要随时调整扩展代码。但是，Adobe主机程序会忽略未签名的扩展名，并且不会加载它们。因此，我们需要打开调试模式，以便在开发时不必签署扩展：
在mac上，打开文件~/library/preferences/com . adobe . csxs . 6 . plist，添加一行键名为PlayerDebugMode的内容，键入“String”并将值设置为“1”。
在Windows上，打开注册表项：HKEY _当前_用户/软件/adobe/csxs.6，并添加一个名为PlayerDebugMode的键值对，类型为“字符串”且值为“1”。
注意：如果宿主程序的版本不同，对应的文件也可能不同。比如CC2017，上面对应的部分要改成’ CSXS.7 ‘
Chrome调试
Chrome调试工具有助于观察扩展的输出，探索扩展的DOM结构，对调试很有帮助。启用chrome调试工具也非常简单。创建一个名为。在扩展文件夹的根目录下调试，并写入以下内容：
xml版本=\’1.0\ ‘编码=\’UTF-8\ ‘
该列表显示在调试不同的主机程序时使用不同的端口。以Pond5为例，其。调试文件如下：
xml版本=\’1.0\ ‘编码=\’UTF-8\ ‘
调试Premiere的扩展时，端口是8089。如下图所示：
CEP缓存清理
开发时，可能需要禁止CEF缓存网页内容。您可以在以下位置直接手动删除与扩展名对应的文件夹：
Windows: C: \用户\用户名\AppData\Local\Temp\cep_cache\
MAC :/用户/用户名/库/日志/CSXS/cep_cache
当然，一些Adobe开发人员说，CEF参数-disable-application-cache-cache被指定为禁用CEF缓存，但我尝试了一下，似乎不起作用。
扩展文件夹
分机可以存放在两个地方，全系统和个人。如果系统中安装了扩展，扩展文件将存储在以下位置：
在Mac上，/库/应用程序支持/Adobe/CEP/扩展
在Windows:上c : \ Program Files(x86)\ Common Files \ Adobe \ CEP \ extensions
这样，当前系统的所有用户都可以加载这个扩展。它也可以只为当前用户安装，其位置如下：
在MAC : ~/Library/Application Support/Adobe/CEP/extensions上
在windows : c : \ \ AppData \ Roaming \ Adobe \ CEP \ extensions上
签名包
当您发布扩展时，您需要签署整个包。这里需要用到工具ZXPSignCmd，可以从官网下载。首先，我们需要一个数字证书来签名。我们可以从第三方认证机构购买这个证书，需要一定的钱。您也可以制作自签名证书来签署扩展。让我们以后一种方式经历一个过程：/ZXPSignCmd -selfSignedCert。/ZXPSignCmd-self signed cert US Washington my organization \ ‘ John Smith \ ‘ my password my certificate . p12
这将在当前目录中生成一个自签名证书，然后我们可以用这个证书对其进行签名和打包：/ZXPSignCmd -sign。/ZXPSignCmd-sign hello world/hello world . zxp my certificate . p12 my password
使用ZXPSignCmd工具签名时，会在扩展目录下生成一个META-INF文件，该文件会存储这个签名的信息。然后，该工具会将整个目录打包并压缩到一个*。zxp文件。这是我们最终需要发布的扩展文件。^_^
Pond5和Shutterstock的常规分析
通过仔细分析Pond5和shutterstock的实现，我们可以总结出这类扩展的一般执行逻辑：
(1)在宿主程序中打开扩展面板，可以通过“窗口-扩展”找到加载的扩展
(2)2)扩展的脚本会分析用户是否是第一次使用。如果是第一次，让用户选择要保存视频素材的位置，一般是通过弹出对话框来实现。通常，用户选择的位置信息通过xml文件持久存储在用户的主目录中。如果用户不是第一次使用扩展，主目录中的xml文件将被直接加载进行解析。
(3)用户点击某个视频素材开始下载。这个过程一般可以通过nodejs来实现。但是，您应该设置下载回调函数。
(4)下载成功后，执行回调函数，将下载的视频文件导入宿主程序。这一步是调用extendscript脚本实现。具体剧本写作可以参考这里。
参考这个例程，实现了类似于Pond5和Shutterstock的Adobe扩展：
四。参考链接http://labs.adobe.com/technologies/extensionbuilder3/
http://davidderaedt . github . io/CC-Extension-Builder-for-Brackets/
https://www.adobe.com/exchange/em_download/
https://github.com/Adobe-CEP/Samples
https://forums.adobe.com/thread/2010424
https://forums.adobe.com/message/8133214#8133214
https://blogs . adobe . com/cssdk/2014/06/adobe-extension-builder-and-creative-cloud-2014 . html
http://www.adobe.com/devnet/creativesuite/samples.html
http://www images . Adobe . com/content/dam/Adobe/en/devnet/cs-Extension-builder/pdf/CC _ Extension _ SDK . pdf
http://www . adobe . com/devnet/creative suite/articles/a-short-guide-to-html 5-extensions . html
http://www . adobe . com/devnet/creative suite/articles/hybrid-extensions . html
http://labs.adobe.com/downloads/extensionbuilder3.html
作者：24K纯开源
资料来源：http://www.cnblogs.com/csuftzzk/