Skip to content

aachal28/videoplayer-canvas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📽 VideoPlayer Canvas 🎬

This is the solution for the Vidyo.ai Frontend Internship Assignment.

Features 🛠

  • Upload Video: 📁 Accepts a video file as input.
  • Display Metadata: 📋 Shows video metadata, including duration, on the UI.
  • Play/Pause Button: ⏯ Adds a play/pause button in the middle of the video container. Clicking toggles play/pause.
  • Audio Detection: 🔊 Checks if the video has audio; prevents upload if audio is absent.
  • Waveform Display: 🌊 Displays the audio waveform below the video.

Technologies Used 💻

  • HTML Canvas
  • CSS
  • React.JS
  • Wavesurfer Library

Preview 🎥

Live Demo: VideoPlayer Canvas

image

About

Canvas Video Player Using React, HTML Canvas

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published