open-index/open-npm huggingface dataset:
npm package: @fly-cut/av-canvas
Description: 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.
Latest version: 1.4.0

# AVCanvas

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.

使用文字、图片、音视频文件、摄像头&麦克风、分享屏幕来生成 MediaStream。  
配合 [AVRcorder](../av-recorder/README.md) 可以输出 MP4 流，然后保存为本地文件或推送至服务器。

## Example

Record a video tutorial, add camera, micphone and screen to the canvas, then export mp4 and save as mp4 file.  
录制视频教程，在画布中添加 camera、micphone 和屏幕，然后导出 mp4 保存为 mp4 文件。

<https://webav-tech.github.io/WebAV/demo/4_2-recorder-avcanvas>
npm package: @fly-cut/av-recorder
Description: 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 封装。
Latest version: 1.4.0

# AVRecorder

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 封装。

## Example

Record camera & microphone, save data to MP4 file.  
录制摄像头和麦克风，保存为 MP4 文件。

<https://webav-tech.github.io/WebAV/demo/4_1-recorder-usermedia>
npm package: @fly-cut/internal-utils
Description: ⚠️ **This package is for internal use only, and its API is subject to breaking changes at any time. Please do not rely on it.** ⚠️ **此包仅供内部使用，API 随时可能出现破坏性变更，请不要依赖它。**
Latest version: 1.4.0

# internal-utils

⚠️ **This package is for internal use only, and its API is subject to breaking changes at any time. Please do not rely on it.**
⚠️ **此包仅供内部使用，API 随时可能出现破坏性变更，请不要依赖它。**
npm package: @fly-easy-app/react-common
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.3.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default tseslint.config({
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:

```js
// eslint.config.js
import react from 'eslint-plugin-react'

export default tseslint.config({
  // Set the react version
  settings: { react: { version: '18.3' } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs['jsx-runtime'].rules,
  },
})
```