小编给大家分享一下如何使用Adobe Html5扩展的开发,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
,,,,,,,,,,,,,,,,,,,,,,,,,,,,这次给大家带来使用Adobe Html5扩展的开发详解,使用Adobe Html5扩展开发的注意事项有哪些,下面就是实战案例,一起来看一下。
<强>一、背景介绍
Adobe公司出品的多媒体处理软件产品线较多,涵盖了音视频编辑,图像处理,平面设计,影视后期等领域。为了扩展软件的功能,Adobe公司为开发者提供了两种方式来增加软件的功能:分别是插件(插件)和扩展(扩展)。去年利用官方提供的SDK开发过两款首映插件,分别用于导入自定义格式的多媒体文件和视频流预览。近来体验了一下Adobe扩展的开发。
Adobe插件一般用于提供更靠近底层的功能。官方出于效率的考虑,提供的插件SDK是基于c++语言的。而Adobe扩展则偏向与提供上层应用的扩展,在Adobe CS时代是采用的闪电形式实现的。
在Adobe CC时代则提供了Html5实现,这使得开发者们可以接口Html5, CSS3, Javascript甚至是NodeJS来开发。因为Adobe在PremierePro里面嵌入了自己的英语,可以高效的解析渲染Html5,运行NodeJS程序。而NodeJS则能实现系统功能的调用,简直不要太叼了!在这篇文章中,我大概总结了一下使用Html5来开发一款Adobe扩展的心路历程。我们要做的一款扩展非常简单,如下图所示:
这是国外一家知名的视频素材交易网站Pond5开发的一款PremierePro扩展,它可以让用户在公关中登陆网站,下载预览素材,购买高清素材,自动导入视频或自动替换视频。使得用户无需额外打开浏览器登陆网站操作,极大的提高了用户的使用体验。类似的还有伤风开发的插件:
<强>二,开发环境
Adobe官方基于eclipse推出了一个用于开发Adobe Html5扩展的IDE。因此,我们按如下流程先来配置下开发环境:
下载eclipse,最好是3.6或更高版本,以及扩展生成器
安装Adobe Premiere Pro CC 2014/2015。配置elicpse的“目标应用程序”和“服务Manager"
打开调试模式:在注册表中添加& # 39;PlayerDebugMode& # 39;字段
配置结束,到这里可以利用eclipse生成扩展的模板工程了。生成的模板工程非常简单,面板里面只有一个默认的按钮:
<强>三、工程配置清单。xml文件
Adobe Html5扩展的开发,最重要的一个文件就是清单。xml。这个文件描述了这个扩展的基本信息,以Adobe宿便主程序能够正常识别加载。其大体内容如下:
其中,BundleName, BundleId, BundleVersion由开发者来定,一般就是按照正常的版本迭代来确定。最重要的是HostList和RequiredRuntimeList这两个标签的内容.HostList里面确定了这个扩展支持哪些宿主程序(如PremierePro,影视特效等等)。下面的代码指明了多个宿主程序都可以加载:
这里只支持Photoshop扩展,其主机ID对应为PHXS,其他宿主程序的主机ID及版本如下:
注意到版本使用了一个方括号的形式[14.0,14.9],这表明这个扩展支持版本14.0 - -14.9的Photoshop扩展,高于这个版本或者低于这个版本的Photoshop扩展是不会加载这个扩展的。但是,如果要指定某版本以上的所有版本都支持该如何指定?比如要支持2014以上的PremierePro CC,如何指定这个版本呢?只写上最低版本号即可:
另外,就是RequiredRuntimeList这个标签了。这个标签指定了运行时的CEP版本。所谓的CEP是通用可扩展平台的简称,它提供了一个核心服务集,便于开发者执行Extendscript代码,探查宿主程序的环境变量,处理扩展与主机之间发送的事件。在之前这个服务集叫做Creative Suite可扩展服务,简称csx公司。因此,在一些配置文件中仍然可以看到csx这个缩写.CEP最初版本为4.倍,发展至今已经有5个大版本了,最新的版本为8。x,支持最新的Adobe CC 2018宿主程序。
