https://github.com/apivideo/recordavideo

A demo app to record or stream your camera or desktop - right from your browser! uses api.video (https://api.video).
https://github.com/apivideo/recordavideo

camera hls javascript livestream mediaserver nodejs rtmp screen-sharing video webrtc

Last synced: about 1 year ago
JSON representation

A demo app to record or stream your camera or desktop - right from your browser! uses api.video (https://api.video).

• Host: GitHub
• URL: https://github.com/apivideo/recordavideo
• Owner: apivideo
• License: mit
• Created: 2021-03-18T12:04:24.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2025-01-28T14:45:03.000Z (over 1 year ago)
• Last Synced: 2025-03-23T19:44:45.769Z (over 1 year ago)
• Topics: camera, hls, javascript, livestream, mediaserver, nodejs, rtmp, screen-sharing, video, webrtc
• Language: TypeScript
• Homepage: https://record.a.video
• Size: 44.5 MB
• Stars: 41
• Watchers: 2
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          

[![badge](https://img.shields.io/twitter/follow/api_video?style=social)](https://twitter.com/intent/follow?screen_name=api_video)

  [![badge](https://img.shields.io/github/stars/apivideo/private.a.video?style=social)](https://github.com/apivideo/private.a.video)

  [![badge](https://img.shields.io/discourse/topics?server=https%3A%2F%2Fcommunity.api.video)](https://community.api.video)

![](https://github.com/apivideo/.github/blob/main/assets/apivideo_banner.png)

record.a.video


[api.video](https://api.video) is the video infrastructure for product builders. Lightning fast

video APIs for integrating, scaling, and managing on-demand & low latency live streaming features in

your app.

# Table of contents

- [Table of contents](#table-of-contents)

- [Project description](#project-description)

- [Getting started](#getting-started)

  - [Installation](#installation)

- [Dependencies](#dependencies)

- [FAQ](#faq)

# Project description

Sample application built with Next.js showcasing the [@api.video/media-stream-composer](https://github.com/apivideo/api.video-typescript-media-stream-composer) library.

The application is deployed on Heroku and can be viewed [here](https://record.a.video).

# Getting started

## Installation

To start the application:

- Edit the `.env` file to add your api.video upload token:

```bash

NEXT_PUBLIC_UPLOAD_TOKEN=[YOUR_API_VIDEO_UPLOAD_TOKEN] 

```

- Install dependencies and run the project:

  

```bash

npm i

npm run dev

```

- Then, open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

# Dependencies

We are using external library

| Plugin | README |

| ------ | ------ |

| [dotenv](https://www.npmjs.com/package/dotenv) | [Link to README](https://github.com/motdotla/dotenv) |

| [@mui/icons-material](https://www.npmjs.com/package/@mui/icons-material) | [Link to README](https://github.com/mui/material-ui) |

| [material-ui-popup-state](https://www.npmjs.com/package/material-ui-popup-state) | [Link to README](https://github.com/jcoreio/material-ui-popup-state) |

| [react-beautiful-dnd](https://www.npmjs.com/package/react-beautiful-dnd) | [Link to README](https://github.com/atlassian/react-beautiful-dnd#readme) |

| [react-color](https://www.npmjs.com/package/react-color) | [Link to README](https://github.com/casesandberg/react-color) |

# FAQ

If you have any questions, ask us in the [community](https://community.api.video). Or

use [issues](https://github.com/apivideo/private.a.video/issues).