# screen-record

**Repository Path**: eaysun/screen-record

## Basic Information

- **Project Name**: screen-record
- **Description**: 基于WebRTC API + Vue3 + typescript实现前端网页录屏
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2023-06-27
- **Last Updated**: 2023-06-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 如何运行

> 安装好 nodejs

> 进入项目根目录

> 在终端执行 npm install

> 继续终端执行 npm run dev

> 跑起来之后的路径：http://localhost:2525/#/home

# 可能的错误

### 错误处理、兼容性暂不考虑 只是自己写着玩，代码和我有一个能动就行

> 当然你要是跑不起来，那么你尝试更新你的浏览器，别用 ie，ie 狗都不用
>
> 反正我的 Edge 和 Firefox 跑的很正常
>
> Microsoft Edge 版本 96.0.1054.34 (官方内部版本) (64 位)
>
> Firefox 版本: 94.0.2 (64 位)
>
> 用 ip 打开好像会没有 mediaDevices 会进入 catch，navigator.mediaDevices 这个是要跑在 https 中的

# 待办功能

-   [ ] mimeType 设置 (重构的 video 目前还没有，home 路由有)
-   [x] 录屏暂停继续
-   [x] 下载列表
-   [x] 摄像头
-   [ ] 设置录屏编码和采样率
-   [x] 麦克风

# 重构思路

> 重构的文件在 pages/video
>
> 将录屏，麦克风，摄像头三个设备分开控制，用三个 MediaRecorder 分别控制