蓝紫™
DDZEB 完全自主知识产权图形图像开发平台
开放源码 免费使用 在线运行
开发文档 recorder
将 canvas 画面录制为视频,mp4 或 webm 格式。
文件语言大小版本开发者最后更新
lands/recorder productionJavaScript792Bv1.0.0YB2024-10-16查看
lands/recorder source codeJavaScript3.9KBv1.0.0YB2024-10-16查看
一、简要介绍 二、接口方法三、接口事件一、简要介绍

这个库很小,主要目的就是将画布内容录制为视频。我们会优先使用 MP4 格式,如果浏览器不支持,则采用 WEBM 格式。蓝紫开发环境的视频录制功能就是用的这个库进行开发的,我们编写蓝紫程序的时候基本上不会用到,但可以在第三方平台进行开发的时候使用 recorder 提供视频录制功能。

const recorder = (await Lan.import('recorder')).recorder();
// use recorder ...
二、接口方法 2.1、supported()

检查浏览器是否支持视频录制,优先检查 mp4 格式,然后是 webm 格式,接口返回支持的视频格式。如果不支持视频录制,返回 undefined。

2.2、start(canvas, bitrate)

开始录制,传入目标 canvas 以及可选的视频比特率。返回 bool 类型,表示操作是否成功。

2.3、stop()

停止录制。

三、接口事件 3.1、onprogress(seconds)

录制过程中数秒。

3.2、onstop(blob, format)

停止录制事件。我们可以将 blob 数据保存下来。