React Audio / Video Resources

Lyrist is a simple yet powerful RESTful API for getting lyrics of any song using song name and it's artist name. It's easy to use and just works. You can play with the API here. I created this API as a starting project for learning Next.js.

SheetAble is an easy-to-use music sheet organizer for all the music enthusiasts out there. You can upload and organize your sheets for any kind of instrument you use! Create Accounts for your friends or family to invite them to your library to use it as well or potentially upload sheets themselves.

A friendly music sequencer built with web technology

A React Hook for playing sound effects

react-tv: React Renderer for low memory applications.

"Pink Planner" is a React application for managing events and meetings.

Nettu Meet is an open source video conference web application designed for interactive online tutoring

Audio-reactive visual created with ThreeJS

TOMATOX A Online video player with TypeScript, React, and Electron. 🎞 全网在线VIP视频解析 🎨 贯彻精致简洁的设计风格 👑 PC全平台支持(Windows, Linux, MacOS) ✨ 新功能陆续上线中... Abou

This is a collection of simple demos of React.js. These demos are purposely written in a simple and clear style. You will find no difficulty in following them to learn the powerful library.

react-html5video A customizeable HoC (Higher Order Component) for HTML5 Video that allows custom and configurable controls with i18n and a11y. V2 API

A static site generator powered by Deno + React

🔊 Simple, accessible and flexible audio player

react-streaming React 18 Streaming. Made fully-fledged & easy. Contents Intro Why Streaming Get Started Get Started (Library Authors) Intro Features (

Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS.

ReactPlayer A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, M

LiveKit React Component Library This package provides React components that makes it easier to use LiveKit in a React app. Install npm install --save

An open-source web music player that brings a seamless music experience with the most modern UI.

videojs-hotkeys Introduction Usage CDN version Self hosted Enable the plugin Options Custom Hotkeys and Overrides Override existing hotkeys Create new

📺 Playing with Html5 Video API LIVE DEMO This project was bootstrapped with Create React App. Below you will find some information on how to perform

Video Background What is it? This is a sample project intended to demonstrate how to overlay a YouTube video as a background cover. Why build it? Want

Desktop music player focused on streaming from free sources Links Official website Downloads Documentation Mastodon Twitter Support channel (Matrix):

Moon Design System

This plugin allows side-by-side notetaking with videos. Annotate your notes with timestamps to directly control the video and remember where each note comes from.

CHOC is acronym for Chakra Higher Order Components. Choc UI is a collection of components, inspired by many sources of well used web components, which are rebuilt based on the Chakra UI library.

video-react Video.React is a web video player built from the ground up for an HTML5 world using React library. Installation Install video-react and pe

StudyBeatsFM 🎶 - An online music player. Overview An app that allows you to bro

YouTube Playback Technology for Video.js Install You can use bower (bower install videojs-youtube), npm (npm install videojs-youtube) or the source an

JoL-player Simple, beautiful and powerful react player English | 简体中文 ✨ Characteristics 📦 High-quality React components out of the box. 🛡 Use TypeSc

Notice: this project will be deprecated and is succeeded by videojs-http-streaming. VHS supports HLS and DASH and is built into video.js 7, see the vi

HLS.js is a JavaScript library that implements an HTTP Live Streaming client. It relies on HTML5 video and MediaSource Extensions for playback. It wor

React Tuby - A React video player library with YouTube-like UI

Lito (/laɪto/) Music built with MusicKit JS, Edge WebView2 and React lightweight Apple Music client for Windows,

Design Editor If you are worrying about something like a designer tool, such as graphic editor, presentation editor, video editor, etc. Layerhub is a

react-jinke-music-player 🎵 Maybe the best beautiful HTML5 responsive player component for react : ) 中文文档 📦 Installation using yarn : yarn add react-

react-youtube Simple React component acting as a thin layer over the YouTube IFrame Player API Features url playback playback event bindings customiza

An iPod Classic that connects to Apple Music and Spotify. Built with React & Styled Components

A collaboration application built with the twilio-video.js SDK and React.js

Media Downloader Download Videos, Reels, IGTV, Youtube Videos, Youtube to mp3, Soundcloud Song Downloader, Adult Site Media Downloader in different qu

y-presence Easy way to add presence (live cursors/avatars) to your multiplayer application using Yjs. Installation yarn add y-presence

A simple and easy-to-use h5 video player with highly customizable UI and rich features.

This is a video calling application where users can call other user and will also have the capabiltiy to mute their mic and audio. Their is also real time chat functionality. It's also a modern PWA so users can install it on their devices like other native apps.

📺 A private by default, faster and cleaner YouTube embed component for React applications

🎥 Remotion is a suite of libraries building a fundament for creating videos programmatically using React.

A React-based web video player

Bridge is a web based video conferencing application which bridges the gap between people and connects them online. It is a simple and easy to use application which offers a distraction free interface. The application can be used to create a one on one or a group video call. The video call comes with features like mute audio/video, share screen and in-built chatting.

netplayer A simple React component that provide good looking UI video player Usage npm install netplayer # or yarn add netplayer import NetPlayer from

Reactive Videos are videos created using HTML and React components. This allows you to leverage the almost limitless possibilities of the web browser

A real-time transcription project using React and a socketio python server. The goal of this project is to enable developers to create web demos and speech2text prototypes with just a few lines of code. Examples can be medical dictation apps, a note-taking CRM for entrepreneurs, etc.

Finally: The first Streamlit Custom Component that enables recording audio from the client's mic in apps that are deployed to the web. (via browser Media-API, REACT-based)

react-soundplayer Create highly-customizable SoundCloud (or any audio) players with React.js. Documentation Install npm install react-soundplayer --sa

Video-Call-App ( React Native + Django + Voximplant) Changes you have to made In Backend , there is no change simple host your backend server i.e, pyt

Elementary Grid A tonegrid synth made with Elementary Audio and React Live version Live version right here: https://teetow.github.io/elementary_grid W

🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.