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

前提条件

  • 已开通智能媒体服务。具体操作，请参见开通服务。
  • 已上传媒资素材到云端。具体操作，请参见控制台上传。
  • 已创建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时出现异常，请参见常见问题。

联系我们

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