https://github.com/yzydeveloper/media-stream
media stream to media stream
https://github.com/yzydeveloper/media-stream
mediarecorder mediasource video
Last synced: 7 months ago
JSON representation
media stream to media stream
- Host: GitHub
- URL: https://github.com/yzydeveloper/media-stream
- Owner: yzydeveloper
- Created: 2022-03-24T16:10:13.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-04-10T17:02:41.000Z (almost 2 years ago)
- Last Synced: 2025-04-09T07:23:43.790Z (10 months ago)
- Topics: mediarecorder, mediasource, video
- Language: TypeScript
- Homepage: https://media-stream.vercel.app/
- Size: 124 KB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Media-Stream
Contains some interesting things about video streams, video files and Media API, Canvas
## Creator
TODO
## Mixer
> Synthesize and crop video streams, which is somewhat similar to the core function of cloud director
### Install
```bash
npm i -D @media-stream/mixer
```
### Usage
For details, see Playground
[Local Mixer Playground](./packages/playground/src/app/mixer/index.html)
[Online Mixer Playground](https://media-stream.vercel.app/mixer)
```typescript
import { Mixer } from '@media-stream/mixer'
const mixer = new Mixer()
mixer.attachStream(stream)
mixer.detachStream(stream)
mixer.start()
mixer.destroy()
```
## Recorder
> Record fragmentation with MediaRecorder and attach to MediaSource
### Install
```bash
npm i -D @media-stream/recorder
```
### Usage
[Local Recorder Playground](./packages/playground/src/app/mixer/index.html)
[Online Recorder Playground](https://media-stream.vercel.app/recorder)
```typescript
import { Recorder } from '@media-stream/recorder'
const recorder = new Recorder()
recorder.attachMedia(recordVideo)
recorder.start()
recorder.pause()
recorder.resume()
recorder.destroy()
```