236 Repositories
JavaScript demo-video Libraries
Perma is a prototype of permanent video storage and viewing using Next.js, Arweave, and Bundlr.
PERMA Perma is a prototype of permanent video storage and client-side rendering using Next.js, Arweave, and Bundlr. Technologies used: Arweave - File
TS & JS Library for adaptive precision cursor for the web. Releases will come out soon! Meanwhile, check out the demo site:
Haha, cool cursor go brrrr... Table of Content What is this? Installation & Setup Installation Setup Usage Cursor controls Element settings Known issu
The Space Pirates game is a demo made to celebrate the Babylon.js 5.0 Release.
Space Pirates This is the repository for the Space Pirates game demo for Babylon.js 5.0 Release. It contains assets and code so you can clone, learn a
A good web interface for youtube-dl that allows you to download arbitrary mixes of audio and video, including up to the highest quality such as 8K.
🚀 youtube-dl-web A good web interface for youtube-dl that allows you to download arbitrary mixes of audio and video, including up to the highest qual
High-quality Interactive Audio/Video Uni-app SDK
如何使用 步骤一:注册并创建 uni-app 账号 搭建 App 开发环境步骤如下: 下载 HBuilderX 编辑器 。 项目中 HBuilderX 目前使用的最新版本,如果此前下载过 HBuilderX,为保证开发环境统一请更新到最新版本。 DCloud 开发者中心注册 之后登录 HBuilde
B-OS Demo Application
B-OS Demo Application Technology stack: Node.js, Metarhia Database management system: PostgreSQL Frontend stack: vanilla.js Concept Feature list Serve
Elven Tools Dapp - Elrond blockckchain frontend dapp demo. Primarily for NFT minting, but it can be used for other purposes.
Elven Tools Dapp Docs: elven.tools/docs/landing-page.html Demo: dapp-demo.elven.tools Sneak peek: youtu.be/ATSxD3mD4dc The Dapp is built using Nextjs
next-gql-dogs code for the NextJS + GraphQL + Typescript Blueprint video
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Api for playing around with dummy data. Feel free to use it in your demo projects, tutorials, or testing tasks.
dummy-api Api similar to dummy-api Api for playing around with dummy data. Feel free to use it in your demo projects, tutorials, or testing tasks. All
🎬 super easy recording for p5.js animations
About • Why p5.capture? • Getting started • API Options • Browser compatibility • Limitations About Assuming you would like to record p5.js animations
WebRTC based peer to peer video calling and messaging web app build with MERN stack.
talkhouse WebRTC based peer to peer video calling and messaging web app build with MERN stack. Demo Libraries used React for frontend Socket.io as sig
Website to display chats and gifts in realtime from your TikTok LIVE stream. Demo project for TikTok-Live-Connector library.
TikTok-Chat-Reader A chat reader for TikTok LIVE utilizing TikTok-Live-Connector and Socket.IO to forward the data to the client. This demo project us
This package will generate n numbers of thumbnails at different positions in a given video file.
The smallest library to generate video thumbnails on client side. About Generate n numbers of Image thumbnails of a video file. !Live Demo code sandbo
LayerX-AI is a comprehensive platform to annotate and manage your machine learning data.
The AI Data Platform Annotate, Manage and Deploy Training Data The end-to-end AI data management platform that helps ML teams annotate, manage and dep
Expertly and easily export GreenSock (GSAP) animation to video.
gsap-video-export Expertly and easily export GreenSock (GSAP) animation to video. gsap-video-export is a simple tool for exporting your GreenSock (GSA
Minze JS framework demo for codrops article.
Minze Demo Demo of a fictive Smart Home dashboard application. Article on Codrops Demo Running The application only needs a webserver to run. Install
This plugin can generate timestamps for video, audio and Bilibili video, it takes you to the corresponding video/audio position when clicked.
logseq-plugin-media-ts 本插件能够生成视频、音频以及 B 站视频的时间戳,点击时间戳后会跳转到对应的音视频位置。 This plugin can generate timestamps for video, audio and Bilibili video, it takes
SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc.
SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc.
A collection of demo variations, ideas, concepts & experiments.
Codrops Sketches A collection of demo variations, ideas, raw concepts & experiments. Demos 2022 Sketch 001: Repetition Hover Effect (Round) Sketch 002
demo for full-stack ci/cd
vue + nestjs (TypeScript) Features CI/CD full-stack mutiple-env (test: http://81.70.221.165:8026 / production: http://81.70.221.165) continuing~ welco
SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc.
WordPress-Plugin-SrsPlayer SRS Player is a video streaming player, supports HLS/HTTP-FLV/WebRTC etc. Usage First, you should get your own video stream
Get your video lectures summed up in a few minutes
Nutshell allows students to quickly summarise their entire video lectures in just a few minutes. Whether it's for a quick revision, catching up on missed classes, or simply a reference for what happened, Nutshell helps students by providing them with the most important parts of the class without them having to watch a second of the recorded video.
Scraper for TikTok. Download videos, music, fetch users info and more.
tiktok-scraper A fast light-weight scraper for tiktok to fetch and download video posts, video music, user info and more. Installation npm i tiktok-sc
High-quality Interactive Audio/Video Electron SDK
实时音视频(TRTC)Electron 版 SDK 实时音视频(TRTC)Electron 版 SDK 包含实时音视频和直播能力。腾讯实时音视频(Tencent Real-Time Communication,TRTC)将腾讯20多年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播
A high-performance, interactive and customizable video player control, built upon Reanimated v2 & GestureHandler v2
`JSThread` to `JSThread`, `UIThread` to `UIThread`. React Native Reanimated Expo Player 100% written in Typescript video player component, interaction
Flexible and easy Dash/HLS/DRM integration for HTML5 video.
This project is made possible with Plyr, Hls.js, Dash.js. Features 📑 HLS and DASH playback 🎥 Multi quality supported 🎬 Drm with custom header suppo
This package will generate n numbers of thumbnails at different position in a given video file.
About Generate n numbers of Image thumbnails of a video file. !Live Demo code sandbox example video-thumbnail-generate.mp4 This package can be used wi
A video message app completely decentralized, apart from the turn server
Doom @WIP Doom (Decentralized Zoom proof of concept) What is this? It's a video message app completely decentralized, apart from the turn server (wip)
Swaps video ads for an ad-free stream.
VideoAdBlockForTwitch This video adblock for Twitch extension will swap Twitch video ads for an ad-free version of the stream at 480p and then automat
Boilerplate next.js app demonstrating how to implement authorization mechanisms using Permify
Permify Next.js Authorization Demo App This demo app shows how to implement authorization mechanisms to your Next.js application using Permify Node SD
Demo showing how to lazy load a component in Angular without routing!
WidgetDashboard This project was generated with Angular CLI version 13.2.6. Development server Run ng serve for a dev server. Navigate to http://local
Making Tetris (Video Game) by using Phaser (Typescript).
Phaser 3 + TypeScript + Parcel Template For people who want to spend time making Phaser 3 games in TypeScript instead of configuring build tools. This
Nestjs boilerplate template (mongodb, typeorm, graphql - code first, i18n, global exception handling etc.)
Description City-Library-Demo project for boilerplate. (node version: 16.14.0, npm version: 8.5.2) First Steps Create .env file in root directory. (Th
A repository of a Cypress testing demo
adeoweb-cypress-demo This is a repository of a Cypress testing demo. Based on adeoweb.biz website case study. What is this talk We will 👀 live-code a
video-chat-app Fully functional one-to-one video calling feature.
video-chat-app Fully functional one-to-one video calling feature.
Secretly record audio and video with chromium based browsers
snoop TCC restricts access to the device camera and microphone to protect user data from unauthorized access. But... If you trusted your browser with
Library to calculate a Mean Opinion Score (MOS) from 1 to 5 for audio and video real time communications
RTC SCORE Library to calculate a Mean Opinion Score (MOS) from 1 to 5 for audio and video real time communications. The first version of the algorithm
A demo to show how to re-use Eleventy Image’s disk cache across Netlify builds.
Re-use Eleventy Image Disk Cache across Netlify Builds Live Demo This repository takes all of the high resolution browser logos and processes them thr
Video conference layout with tailwindcss & vuejs jsx
Video conference layout with tailwindcss & vuejs jsx
An attempt to create the simplest demo to describe a Consumer-Driven Contract Testing workflow with Pact
Let's Play with Pact Abstract This is an attempt to create the simplest demo to describe a Consumer-Driven Contract Testing workflow with Pact. Prereq
Wordle-remake - A site that is based on the wordle famous video game wordle
About the project The game of Wordle seems to be a pretty famous one. I tried to
Rip video from p***hub at highest quality
PH4K Rip video from p***hub at it's highest quality. Install Install nodejs. Install ts-node globally: npm i -g ts-node. Install Chrome to default pat
Demo repo used in crash course for students learning web development.
Web Development Crash Course Hosted by Rubberdøk Preparation Following these steps prepares you to join the interactive React demo of the crash course
A template application for setting up a mobile app video game with IONIC, PHASER, ANGULAR and a Monorepo strategy
OpenForge Ionic Monorepo Example This is a template project for all you aspiring video game developers out there! Want to use your web application ski
A service worker that buffers a full video, so when the video tag ask for ranges, these can be satisfied. Play + pause = buffer the whole video.
Full Video Buffer with Service Workers The specification of the preload attribute on a Video element won't allow you to fully buffer a video. This rep
Example TodoMVC app(s) to demo and learn Muban
Muban Todo MVC This repo contains multiple projects that showcase different ways of creating a Todo MVC app with Muban. It serves as an example, but a
▶️ Deskreen Youtube channel (video tutorials, demos, use cases for Deskreen day to day usage)
▶️ Deskreen Youtube channel (video tutorials, demos, use cases for Deskreen day to day usage)
XPeer is a WebRTC based package for building Muti-Peer-to-Peer Frontend Application.
XPeer is a WebRTC based package for building Muti-Peer-to-Peer Frontend Application.
LunaSec - Open Source Security Software built by Security Engineers. Scan your dependencies for Log4Shell, or add Data Tokenization to prevent data leaks. Try our live Tokenizer demo: https://app.lunasec.dev
Our Software We're a team of Security Engineers on a mission to make awesome Open Source Application Security tooling. It all lives in this repo. Here
This script produce the video scroll effect that we can find on the Apple Website's
Scrollable Sequence Description This script produce the video scroll effect that we can find on the Apple Website's. This script is inspired from the
A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell
Loggi Frontend Show & Tell - Animações com React Lottie A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell This project was bootstr
Next / React / TS demo to quickly create a landing page
Next / React / TS demo to quickly create a landing page
A video media file convertor using FFmpeg's web assembly port
A video media file convertor using FFmpeg's web assembly port
Code accompanying my illustrated Data structures video series on YouTube
Code accompanying my illustrated Data structures video series on YouTube
A collaborative project to parody the once exceedingly popular video game Cloud from ThatGameCompany.
A collaborative project to parody the once exceedingly popular video game Cloud from ThatGameCompany.
Demo showcasing information leaks resulting from an IndexedDB same-origin policy violation in WebKit.
Safari 15 IndexedDB Leaks Description This demo showcases information leaks resulting from an IndexedDB same-origin policy violation in WebKit (a brow
A tool to download all videos and convert to mp3 inside a video set of bilibili.
bilibili-video2mp3 A tool to download all videos and convert to mp3 inside a video set of bilibili (also works for single video, of course). You will
The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day today activies. Check out the live demo.
Todo List App The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day toda
Webrtc, & web socket based streaming live video streaming and chatting platform. Written in Node, Typescript, and Javascript!
Live Streaming!! Welcome to my implementation of live streaming along with real time chat. I'm going to make a live streaming platform that will supoo
Sample AWS microservices app with service discovery defined using the CDK. Uses Docker + Fargate & ELB.
AWS Microservices Demo with CDK and Fargate About Simple AWS microservice-based app. Consists of two Spring Boot based services: Name Service GET /nam
A demo for E2E build piplelines in Design Systems using monorepo's and automation :zap:.
Design System Pipelines demo What is it? A working demonstration for end-to-end build piplelines in Design Systems using Primer Primitives, Primer CSS
Third-Party Authentication (Github) demo Vue 3 + TypeScript + Pinia app using Supabase
vue-supabase-tpa-demo This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur
This is a YouTube Video Planner app built with NextJS, GraphQL, Prisma and MongoDB for the MongoDB Atlas Hackathon
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
HLS, DASH, and future HTTP streaming protocols library for video.js
videojs-http-streaming (VHS) Play HLS, DASH, and future HTTP streaming protocols with video.js, even where they're not natively supported. Included in
HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.
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
a video player framework aims to bring wonderful experience on browser
Chimee English | 中文 Introduction Chimee is a web video player created by the Qiwoo Team. It's based on the web video element. It supports multiple med
Accessible HTML5 Video Player
Accessible HTML5 Video Player What is it? A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For de
🎞 @videojs component for @vuejs
Vue-Video-Player video.js player component for Vue. 适用于 Vue 的 video.js 播放器组件。 Example Demo Page CDN Example nuxt.js/ssr example code More Example Code
jPlayer : HTML5 Audio & Video for jQuery
jPlayer : HTML5 Audio & Video for jQuery Gitter Support for Zepto 1.0+ compiled with the data module. What is jPlayer? jPlayer is a jQuery/Zepto plugi
The jQuery Plugin for Big Background Video (and Images)
BigVideo.js ####The jQuery Plugin for Big Background Video (and Images) Learn how to use this plugin on its demo page. 12-30-2015 Update This project
A simple library for using the JavaScript Full Screen API.
BigScreen A simple library for using the JavaScript Fullscreen API. Why should I use it? BigScreen makes it easy to use full screen on your site or in
This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website
Restaurant Landing Page Live Site Stay up to date with new projects New major projects coming soon, subscribe to the mailing list to stay up to date h
Custom full screen video player
Video Player Native video player in html View Demo · Report Bug · Request Feature About The Project This is a custom video player for the web built on
A fast simplex noise implementation in Javascript.
simplex-noise.js API Documentation simplex-noise.js is a simplex noise implementation in Javascript/TypeScript. It works in the browser and nodejs. Us
Nftix-demo-ui - Demo UI used in my NFT course on Egghead.io
NFTix Demo UI This repository contains the UI used for my Egghead course on building a NFT ticketing system 🥚 🤓 If you're watching the videos, use t
Json2video-nodejs-sdk - Create videos programmatically in the cloud from NodeJS: add watermarks, resize videos, create slideshows, add soundtrack, voice-over with text-to-speech (TTS), text animations.
Create videos programmatically in Node JS Create and edit videos: add watermarks, resize videos, create slideshows, add soundtrack, automate the creat
Cardmatchinggamebyercan - A card-matching game made with Flutter.
card_matching_game_by_ercan A card-matching game. Working Demo: https://confident-austin-19dbd2.netlify.app Getting Started This project is a starting
Discord-Bot - You can use the discord bot codes that are updated in every video of the codes I use in the discord bot making series that I have published on my youtube channel.
Discord-Bot You can use the discord bot codes that are updated in every video of the codes I use in the discord bot making series that I have publishe
360Site - A website for sharing 360 video experiences.
360Site A website for sharing 360 video experiences. Links Development links happybirthdaynick-f9c86.web.app happybirthdaynick-f9c86.firebaseapp.com P
This is not my code, just trained with "From Scratch - Développement Web" youtube video
React-Countries-API DISCLAIMER FR : Ceci n'est pas mon code, je me suis juste entraîné à partir de la vidéo de From Scratch - Développement Web ! EN :
An open source web3 decentralized video sharing 🎥 platform running on blockchain ⛓
DapTube ⚡️ A decentralized open source video sharing 🎥 platform on web3 ⛓ ✨ Share videos & movies without restrictions 💰 Monetise your content 🔐 We
Modern browsers already had a vivid player for video
Modern browsers already had a vivid player for video. However, web developers and designers still want to custom their own style player for different situations. Sounds like web component will do a lot favor for this purpose. With msc-ez-video / support, customize control panel will become a piece of cake. msc-ez-video / adopts CSS custom properties, developers could style them as they want.
🎥 ⬇️ 📦 - Public Video URLs.
WatchVideoByLink WatchVideoByLink is a web-app that allows you to watch, download and organize public video URLs. Why WatchVideoByLink? | Installation
Avoid CORS issues by using API Routes from Next.js
CORS Demo Avoid CORS issues by using API Routes from Next.js. Get Started Clone the repo git clone [email protected]:gregrickaby/cors-demo.git CD into co
Javascript game using Three.JS and WebGL, inspired by Geometry Dash, the Dinosaur Game, and a music video by our graphics professor (2021)
jumpy-abe By Sophia Oguri ([email protected]), Luke Kratsios ([email protected]), Isha Chirimar ([email protected]), Jacob Hocking ([email protected]
Heroku setup demo
heroku-demo A basic guide to setting up a project hosted on Heroku with a PostgreSQL database using Giovanna Aveiro's and OliverJam's tutorial for Fou
Demo of Singapore buildings 3D tiles from OneMap on Mapbox GL JS.
Singapore buildings 3D Tiles from OneMap 3D on Mapbox GL JS This is a demo of Singapore buildings 3D tiles from OneMap 3D on Mapbox GL JS. Development
bare bones demo of svelte-three
create-svelte Everything you need to build a Svelte project, powered by create-svelte; Creating a project If you're seeing this, you've probably alrea
Demo Selenium JavaScript E2E tests (end-to-end web browser automation tests)
Demo Selenium JavaScript E2E tests (end-to-end web browser automation tests)
Tonton video tutorial di YouTube saya untuk cara penginstalan & apabila kurang mengerti bisa hubungi saya di WhatsApp 🐣Klik link di bawah untuk tutorial penginstalan di heroku
BOTZ10 LAST Termux • Heroku • Session Setting • Thanks TERMUX Git clone this repo git clone https://github.com/zeeoneofc/BOTZ10a.git cd BOTZ10a
An intro to Three.js and React :) Workshop materials and demo from HackTheNorth 2021
🚄 Speedy 3D - A Quick Intro to Three.js & React This workshop was originally created for Hack The North 2021! My personal motivation was to: learn th
A nonsensical React application made (almost) entirely by GitHub Copilot
GitHub Copilot Demo This is a demo project for the GitHub Copilot project. The previous sentence was written by it! This is a (fairly ugly) timer app
A demo of a Shopify site using Astro and React.
Shopify + Astro + React A demo of a Shopify site using Astro and React. If you'd like to learn how it's built and how you can do the same, check out t
Demo site build in Umbraco v.9.0.0-beta004 and .NET Core 5.0
Umbraco v9 Demo Demo site build in Umbraco v.9.0.0-beta004 and .NET Core 5.0. About this solution: This is a demo site for Umbraco v9 build in the new
A centralized location for my WebGL and other demos.
🔬 Experiments A centralized location for my WebGL and other demos. Launch Site My work is for and funded by the community. If you used this or found
Teams is a web app implementation of Microsoft Teams. The project of Microsoft Engage 2021.
Teams Teams is a web app implementation of Microsoft Teams, the video conferencing and collaboration platform by Microsoft. Features Mandatory Feature
Google Sheets as a Database - Next.js Demo
Google Sheets as a Database Use Google Sheets as a primary database for your Next.js project. Watch on YouTube or follow allong with the full Google S
科技风智慧城市 Demo: http://stonerao.com/public/city/
Three.js Setup Download Node.js. Run this followed commands: # Install dependencies (only the first time) npm install # Run the local server at local
A Chrome T-Rex game remake using javascript and threejs. Online demo: https://rossning92.github.io/t-rex
T-Rex Game in 3D A Chrome T-rex game remake using javascript and threejs. Build the code Make sure you have node 12+ installed: https://nodejs.org/en/