npmpackage.info

Gathering detailed insights and metrics for @webav/av-cliper

Other packages similar to @webav/av-cliper

@webav/av-canvas

1.1.17

Combine Text, Image, Video, Audio, UserMedia, DisplayMedia to generate MediaStream. With [AVRcorder](../av-recorder/README.md) you can output MP4 streams and save them as local files or push them to the server.

@webav/av-recorder

1.1.17

Record MediaStream to MP4, Use Webcodecs API encode VideoFrame and AudioData, [mp4box.js](https://github.com/gpac/mp4box.js) as muxer. 录制 MediaStream 到 MP4，使用 Webcodecs API 编码 VideoFrame、AudioData，mp4box.js 封装。

Gathering detailed insights and metrics for @webav/av-cliper

@webav/av-cliper - 1.1.17 | npmpackage.info

@webav/av-cliper

A web-based Video Editing SDK built on WebCodecs. 基于 WebCodecs 构建的网页视频编辑 SDK。

1.1.17

1,784

MIT

TypeScript

612.36 kB

55,294

Installations

npm install @webav/av-cliper

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

20.19.4

NPM Version

10.8.2 Pull Requests

Open

1

Total

197

Closed

25

Merged

171

Issues

Open

9

Total

252

Closed

243

Releases

Unable to fetch releases

Languages

TypeScript

HTML

JavaScript

Less

CSS

TypeScript (97.02%)

HTML (2%)

JavaScript (0.63%)

Less (0.25%)

CSS (0.11%)

🚀 npmpackage.info for sale

Built with Next.js • Fully responsive • SEO optimized • Open source ready

Developer

WebAV-Tech

Download Statistics

Total Downloads

55,294

Last Day

Last Week

1,625

Last Month

5,062

Last Year

35,227

GitHub Statistics

MIT License

1,784 Stars

1,770 Commits

195 Forks

22 Watchers

59 Branches

18 Contributors

Updated on Sep 03, 2025

Maintainers

View All 18 Contributors

Package Meta Information

Latest Version

1.1.17

Package Id

@webav/av-cliper@1.1.17

Unpacked Size

612.36 kB

Size

187.44 kB

File Count

NPM Version

10.8.2

Node Version

20.19.4

Published on

Aug 10, 2025

Total Downloads

Cumulative downloads

Total Downloads

55,294

Last Day

-68.7%

Compared to previous day

Last Week

40.8%

1,625

Compared to previous week

Last Month

-30.7%

5,062

Compared to previous month

Last Year

115.9%

35,227

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@webav/mp4box.js opfs-tools wave-resampler @webav/internal-utils

AVCliper

WebCodecs-based, combine video, audio, images, text, with animation support 基于 WebCodecs 合成视频、音频、图片、文字，支持动画

Basic Concepts 基础概念

Combinator: add OffscreenSprite, output video stream
- Currently only supports outputting binary streams for MP4 format
IClip: Abstract encapsulation of resources, reading (IClip.tick(time)) raw data of resources by time slice, has been implemented for the IClip interface with:
- MP4Clip, AudioClip, ImgClip, EmbedSubtitlesClip (embedded SRT subtitles), these are the types of resources supported by Combinator
BaseSprite: An abstract representation of manipulable elements, attaching Rect information (position, width, height, layer, animation) to resources to make them controllable.
- OffscreenSprite: Wraps resources (IClip) and adds them to a Combinator for background offscreen video synthesis.
- AVCanvas: Includes VideoSprite, AudioSprite, ImgSprite, TextSprite to support user or program control over the positioning of drawn resources.

Combinator：视频合成器，添加 OffscreenSprite，输出视频流
- 目前仅支持输出 MP4 格式的二进制流
IClip：资源的抽象封装，按时间片段读取（IClip.tick(time)）资源的原始数据，IClip 接口的实现类有：
- MP4Clip, AudioClip, ImgClip, EmbedSubtitlesClip（内嵌 SRT 字幕），这些是合成视频所支持的资源类型
BaseSprite 可操作元素的抽象，给资源附加 Rect（位置、宽高、层级、动画）信息，使得资源可被控制
- OffscreenSprite：包装资源（IClip）添加到 Combinator，在后台离屏合成视频
- AVCanvas 包含了 VideoSprite, AudioSprite, ImgSprite, TextSprite，以支持用户或程序控制资源绘制的位置

DEMO

https://webav-tech.github.io/WebAV/demo/

No vulnerabilities found.