您时间表的视频引擎
传播工作室 Core是一款基于浏览器的视频引擎,由TypeScript为快媒体组成而建造. 把它想成一个游戏引擎,为视频,音频和图像工作量进行优化. 它既支持交互式回放以进行编辑,也支持最终输出的高忠诚度渲染模式. 开发者经常使用它来构建非线性编辑器或其他基于时间线的媒体应用程序(例如. 传播工作室 Pro) (中文(简体) ). 在罩下,它利用Canvas2DContext和WebCodecs API直接从浏览器中挖掘出硬件加速处理.
文档
访问 文档 综合指南
开始
npm install @diffusionstudio/core
建议使用:
import * as core from "@diffusionstudio/core";
const composition = new core.Composition();
特征
少数亮点:声明时间表构成,分层,分块,形状,标题,内容丰富的文字,去声,效果,过渡,按键花纹,边框,口罩,音频坡道,字体管理,检查站,实时回放和硬件加速渲染.
让我们看看其中一些行动.
连载两段视频
const sources = await Promise.all([
core.Source.from<core.VideoSource>('/intro.webm'),
core.Source.from<core.VideoSource>('/outro.mp4'),
]);
const layer = await composition.add(
new core.Layer({
mode: 'SEQUENTIAL'
})
);
await layer.add(
new core.VideoClip(sources[0], {
range: [2, 8],
})
);
await layer.add(
new core.VideoClip(sources[1], {
range: [2, 12],
})
);
应用基本过渡
new core.VideoClip(/** source **/, {
transition: {
duration: 1,
type: 'dissolve',
}
})
遮盖图像
const mask = new core.RectangleMask({
width: 640,
height: 1080,
radius: 100,
});
new core.ImageClip(/** source **/, { mask });
用密钥框激活剪辑
new core.TextClip({
text: "Hello World",
align: 'center',
baseline: 'middle',
position: 'center',
animations: [
{
key: 'rotation',
frames: [
{ time: 0, value: 0 },
{ time: 2, value: 720 },
],
},
]
});
在视觉剪辑中添加基本效果
new core.RectangleClip({
position: 'center',
delay: 6,
duration: 4,
effects: [
{
type: 'blur',
value: 10,
},
{
type: 'hue-rotate',
value: 90
}
]
})
需要的标题
扩散工作室 Core 需要设置特定的 HTTP 头来正常运行. 这些头可以使用SharedArrayBuffer和视频处理所需的其他高级浏览器API.
需要下列标题:
Cross-Origin-Opener-Policy: same-originCross-Origin-Embedder-Policy: credentialless
定价
只要在渲染的视频上保留"与传播工作室合作"的水印,就可以免费使用引擎. 取出水印可以购买 许可密钥。 。 。 .
财务问题
我要换个执照钥匙吗?
没有。 您的钥匙永远有效.
如果许可服务器坏了怎么办?
没有许可证服务器 。 你的钥匙是用我们的私人钥匙 制造的签字有效载荷 图书馆包括一个公用钥匙.
如果我丢了钥匙怎么办?
我们可以随时再生它。 只是电子邮件联系 QQATQ 传播. studio.
钥匙的局限性是什么?
你无法与其他组织分享钥匙。 除此以外,你可以随意地在您需要的很多自己的应用程序或域中使用.
何时使用传播工作室核心
- 您正在构建基于时间线的应用程序, 如需要将视频在浏览器中渲染的 NLE
- 您的应用程序需要将多个资产编成视频或音频输出
- 您想要一个框架不可知和高效的视频引擎, 与斯维尔特, Vue, Solid, Angular 等人合作
不使用传播工作室核心时
- 您需要渲染视频服务器侧面
- 使用还原
- 您想要用 HTML 或 React 编写视频
- 使用还原
- 您想要一个框架, 它已经包含前端组件, 如时间线或检查器
- 用回旋键 编辑器启动器
- 您需要低水平编码、 解码、 粘合、 解码或转码能力
- 使用 Mediabunny 软件
如何运作
传播工作室核心用TypeScript写成,并建在顶部 媒体朋尼 (单位:千美元)欢迎赞助!) (中文(简体) ). 该建筑由Pixi.js启发而来,但从零开始建设,为媒体处理所优化. 使用 WebCodecs API 网络密码,它可以进入您的系统硬件加速。 然后使用 Canvas 二维上下文 API. Canvas 2D API的几乎所有特性都可以在 Difmusion Studio Core 中找到.