https://github.com/mastashake08/vue-screen-recorder

Vue.js progressive web app for recording, downloading and streaming your desktop using the MediaRecorder API
https://github.com/mastashake08/vue-screen-recorder

javascript mediarecorder mediarecorder-api progressive-web-app pwa pwa-app pwa-apps vue vuejs

Last synced: 3 months ago
JSON representation

Vue.js progressive web app for recording, downloading and streaming your desktop using the MediaRecorder API

• Host: GitHub
• URL: https://github.com/mastashake08/vue-screen-recorder
• Owner: mastashake08
• License: mit
• Created: 2020-12-09T04:13:45.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-04-18T07:09:31.000Z (10 months ago)
• Last Synced: 2024-05-01T21:51:22.690Z (9 months ago)
• Topics: javascript, mediarecorder, mediarecorder-api, progressive-web-app, pwa, pwa-app, pwa-apps, vue, vuejs
• Language: Vue
• Homepage: https://recorder.jcompsolu.com
• Size: 12.6 MB
• Stars: 13
• Watchers: 4
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Screen Record Pro

[![MIT license](https://img.shields.io/badge/License-MIT-blue.svg)](https://lbesson.mit-license.org/)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/mastashake08/vue-screen-recorder/graphs/commit-activity)

[![Website recorder.jcompsolu.com](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](https://recorder.jcompsolu.com/)

[![Patreon](https://badgen.net/badge/icon/patreon?icon=patreon&label)](https://https://patron.com/mastashake08)

[![Twitter](https://badgen.net/badge/icon/twitter?icon=twitter&label)](https://twitter.com/jyroneparker)

[![CodeLife Discord online members](https://badgen.net/discord/online-members/j3ATUEW)](https://discord.gg/j3ATUEW)

![Screen Record Pro logo](/public/cover.png)

[Screen Record Pro](https://record.jcompsolu.com) is a progressive web application (PWA) written in Vue.js that has an accompanying [Laravel based microservice](https://github.com/mastashake08/screen-recorder-api). This application allows you to record your desktop using the MediaRecorder API and created a WebM file that can either be downloaded, emailed or streamed(coming soon). For a full tutorial including videos check my [website blog](https://jyroneparker.com/2021/10/05/creating-a-screen-recorder-and-email-microservice-with-vue-js-mediarecorder-api-and-laravel-php-framework/)

# Features

- Record desktop and microphone output

- Create .webm file from stream

- Email file

- Download File

- Play file in browser

- Connect to Youtube

- Stream to Youtube (coming soon)

## Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

### Lints and fixes files

```

npm run lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

# Contributing

If you want to add functionality or fix a bug please provide a PR!