https://github.com/vishant007/your-video-and-audio-player

https://github.com/vishant007/your-video-and-audio-player

reactjs vercel wavesurfer-js webkit-browser

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/vishant007/your-video-and-audio-player
• Owner: vishant007
• Created: 2023-11-07T17:46:18.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-21T05:44:52.000Z (about 1 year ago)
• Last Synced: 2024-11-12T01:12:35.336Z (3 months ago)
• Topics: reactjs, vercel, wavesurfer-js, webkit-browser
• Language: JavaScript
• Homepage: https://yourvideoaudioplayer.vercel.app/
• Size: 22.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# your-video-and-audio-player

- This project was made using React.JS-18.2.0.

- OS Used while creating project: Ubuntu 22.

## Features Of Project:

- Takes video file as an input.

- Displays video metadata including duration on UI.

- Displays video on the screen after the user has selected the file using canvas element. Added play/pause button in the middle of the video container to play/pause video on clicking.

- Detects if video has audio or not, if it has not has audio track it will not allow user to upload the video.

- Displays the waveform for the audio

- Find sample videos for testing in project-media folder

## Progression Of Project: 









## Commands To Run Project:

```bash

npm install

```

```bash

npm start

```