智能媒体服务提供视频剪辑Web端Demo供您体验,建议您优先运行Demo体验Web端视频剪辑服务。通过阅读本文,您可以了解运行Demo以及在原有Demo的基础上拓展其他功能的方法。
Demo简介
视频剪辑Web端Demo提供跟云剪辑控制台基本一致的界面功能,您可以先在控制台上体验,然后根据实际需求,在此Demo基础上进行功能定制。
![image.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/0514240961/p698472.png)
前提条件
已开通智能媒体服务。具体操作,请参见开通服务。
已上传媒资素材到云端。具体操作,请参见控制台上传。
已创建RAM用户并授权,并获取对应的AccessKey信息(AccessKey ID和AccessKey Secret)。具体操作,请参见创建RAM用户并授权。
运行Demo
下载并解压Demo。下载地址,请参见IMS_WebSDK_Demo。
配置、安装并打包前端资源。
在fe/public/index.html文件中引入视频剪辑Web SDK。
说明Demo中引入的视频剪辑Web SDK的版本号3.14.0仅供参考。获取最新的版本,请参见视频剪辑工程——帮助信息。
在fe目录下执行以下命令安装前端资源。
npm install
执行以下命令打包前端资源。
npm run build
配置并运行服务端。
配置并运行Java服务端
根据实际情况在java/application/src/main/java/demo/controller/OpenApiController.java文件中配置AccessKey和地域信息。
执行以下命令,使用软链接将前端打包后的资源链接到Java对应的目录下。
ln -s "$(pwd)/fe" java/application/src/main/resources
将Java服务端工程导入Eclipse或IDEA中后执行demo.Application类,运行Java服务端。
配置并运行Node.js服务端
根据实际情况在nodejs/config/config.default.js文件中配置AccessKey和地域信息。
执行以下命令,使用软链接将前端打包后的资源链接到Node.js对应的目录下。
ln -s "$(pwd)/fe" nodejs
在nodejs目录下执行以下命令安装依赖。
npm install
执行以下命令运行Node.js服务端。
npm run dev
在浏览器中访问http://localhost:7001/,运行Demo。
相关参考
联系我们
更多产品咨询问题或使用支持,欢迎通过钉钉搜索群号48335001108,加入智能媒体服务产品群联系我们。
- 本页导读 (1)