https://github.com/hughfenghen/bloom-shadow

在浏览器中运行的录屏工具，可用于视频课程制作、直播推流工作台；基于 WebAV 实现
https://github.com/hughfenghen/bloom-shadow

media recorder webav webcodecs

Last synced: 6 months ago
JSON representation

在浏览器中运行的录屏工具，可用于视频课程制作、直播推流工作台；基于 WebAV 实现

• Host: GitHub
• URL: https://github.com/hughfenghen/bloom-shadow
• Owner: hughfenghen
• Created: 2023-09-01T15:45:28.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-07T12:16:05.000Z (about 2 years ago)
• Last Synced: 2025-04-05T06:51:08.736Z (9 months ago)
• Topics: media, recorder, webav, webcodecs
• Language: TypeScript
• Homepage: https://hughfenghen.github.io/bloom-shadow/
• Size: 3.73 MB
• Stars: 48
• Watchers: 2
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 花影

在浏览器中运行的录屏工具，可用于视频课程制作、直播推流工作台  

基于 [WebAV](https://github.com/hughfenghen/WebAV) 实现  

![wireframe](./doc-assets/wireframe.png)

**功能**  

- [ ] 录制功能

  - [x] 录制视频

  - [x] 暂停、恢复录制

  - [ ] 录制音频

  - [ ] slider 起止时间点预览

  - [ ] OPFS 本地存储

- [ ] 素材管理

  - [x] 捕获屏幕、演讲者（摄像头+麦克风）

  - [x] 增删素材

  - [x] 素材层级拖拽排序

  - [ ] 裁剪素材

  - [ ] 支持更多素材类型：文字、音频、图片

- [ ] 导出资源

  - [x] 导出视频（mp4）

  - [x] 资源预览

  - [x] 资源删除

  - [ ] 导出动图

- [ ] UI 优化

- [ ] 多素材存储为模板

https://github.com/hughfenghen/bloom-shadow/assets/3307051/18f0287c-456d-427b-b398-6d586eb6cc44

---

**北陂杏花**  

王安石

一陂（bēi）春水绕花身

花影妖娆各占春

纵被春风吹作雪

绝胜南陌碾成尘

---

2023-09-01 随手拍的  

![bloom-shadow](./doc-assets/bloom-shadow.jpg)