Demo体验

智能媒体服务提供视频剪辑Web端Demo供您体验,建议您优先运行Demo体验Web端视频剪辑服务。通过阅读本文,您可以了解运行Demo以及在原有Demo的基础上拓展其他功能的方法。

Demo简介

视频剪辑Web端Demo提供跟云剪辑控制台基本一致的界面功能,您可以先在控制台上体验,然后根据实际需求,在此Demo基础上进行功能定制。

image.png

前提条件

  • 已开通智能媒体服务。具体操作,请参见开通服务

  • 已上传媒资素材到云端。具体操作,请参见控制台上传

  • 已创建RAM用户并授权,并获取对应的AccessKey信息(AccessKey ID和AccessKey Secret)。具体操作,请参见创建RAM用户并授权

运行Demo

  1. 下载并解压Demo。下载地址,请参见IMS_WebSDK_Demo

  2. 配置、安装并打包前端资源。

    1. fe/public/index.html文件中引入视频剪辑Web SDK。

      001

      说明

      Demo中引入的视频剪辑Web SDK的版本号3.14.0仅供参考。获取最新的版本,请参见视频剪辑工程——帮助信息

    2. fe目录下执行以下命令安装前端资源。

      npm install

    3. 执行以下命令打包前端资源。

      npm run build

  3. 配置并运行服务端。

    • 配置并运行Java服务端

      1. 根据实际情况在java/application/src/main/java/demo/controller/OpenApiController.java文件中配置AccessKey和地域信息。002

      2. 执行以下命令,使用软链接将前端打包后的资源链接到Java对应的目录下。

        ln -s "$(pwd)/fe" java/application/src/main/resources

      3. 将Java服务端工程导入Eclipse或IDEA中后执行demo.Application类,运行Java服务端。

    • 配置并运行Node.js服务端

      1. 根据实际情况在nodejs/config/config.default.js文件中配置AccessKey和地域信息。003

      2. 执行以下命令,使用软链接将前端打包后的资源链接到Node.js对应的目录下。

        ln -s "$(pwd)/fe" nodejs

      3. nodejs目录下执行以下命令安装依赖。

        npm install

      4. 执行以下命令运行Node.js服务端。

        npm run dev

  4. 在浏览器中访问http://localhost:7001/,运行Demo。

相关参考

  • 本文中Demo只包含了视频剪辑Web SDK最基本的功能,如果您需要在此基础上扩展,请参见扩展功能

  • 如果运行Demo时出现异常,请参见常见问题

联系我们

更多产品咨询问题或使用支持,欢迎通过钉钉搜索群号48335001108,加入智能媒体服务产品群联系我们。