Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yingpengsha/use-screen-recorder-composition

📹 Vue Composition API for easily recording screen using MediaStream APIs.
https://github.com/yingpengsha/use-screen-recorder-composition

composition-api mediastream recorder screenrecorder vue vuejs

Last synced: about 2 months ago
JSON representation

📹 Vue Composition API for easily recording screen using MediaStream APIs.

Awesome Lists containing this project

README

        

# use-screen-recorder-composition

npm

> Vue Composition API for easily recording screen using MediaStream APIs.

## Install

### Vue3.0

```bash
npm install use-screen-recorder-composition
```

### Vue2.0

```bash
npm install @vue/composition-api use-screen-recorder-composition
```

## Usage

### Vue3.0

```vue

import useScreenRecorder from "use-screen-recorder-composition";
const screenRecorder = useScreenRecorder();

```

### Vue2.0

```vue

import { defineComponent } from '@vue/composition-api'
import useScreenRecorder from 'use-screen-recorder-composition'

export default defineComponent({
setup() {
return {
screenRecorder: useScreenRecorder()
}
}
})

```

## Thanks

This project is heavily inspired by [use-screen-recorder](https://github.com/ishan-chhabra/use-screen-recorder)

## License

[MIT License](https://github.com/yingpengsha/use-screen-recorder-composition/blob/main/LICENSE) © 2022-PRESENT [PengshaYing](https://github.com/yingpengsha)