video-core-sdk

Core-SDK 是渲染部分的 SDK，传入工程数据（JSON）可以将数据绘制到 Canvas 上。

// 引入视频渲染内核SDK
import { VideoCoreSDK } from "video-core-sdk";

const vc = new VideoCoreSDK({
  data: MovieData, // 必填，工程数据
  env: "preview", // 必填，渲染模式：editor（编辑模式，可拖动编辑）； preview（预览模式，只能预览，内存消耗更小）
  registerId: "", // 必填，注册ID，和域名进行绑定的
  workerPath: "assets", // 选填，decode.worker.js的引用目录，默认是assets
  scale: 1, // 选填，画布缩放比例，默认是1
  currentTime: 0, // 选填，默认开始时间是0
  plugins: [], // 选填，扩展插件
});

const core = await vc.init();

/**
 * 假设工程数据是movieData，修改数据->更新视图
 */
// 1、获取工程数据中第一个元素
const [element] = movieData.elements;

// 2、修改第一个元素的坐标为[100, 200]
element.style.x = 100;
element.style.y = 200;

// 3、更新视图
core.update();

// 播放
core.play();

// 暂停
core.pause();

其他说明

无界云剪MP4渲染内核，基于webcodes + ffmpeg + webgl开发，纯前端MP4视频的编解码，MP3混音。

商用说明：允许个人用户商用，多用户或者企业用户需购买商用授权。

无界云剪官网

Core-SDK技术文档