235 Repositories
JavaScript video-element Libraries
Element for displaying HTML based on THREE.js HTMLMesh
AFrame-HTML a-entity html="#my-interface" position="0 1.5 -0.5"/a-entity Display an interactive HTML element in the scene. html-pointer component
A suite of utilities to add more features to the details element.
A suite of utilities to add more features to the details element.
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
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://
🎬 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
A headless, single-page dashboard application for Shoplix
Configure API address cd ui-domain vi api.js set api address // development environment export const dev = { base: 'your api address', seller: 'yo
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
A headless, single-page dashboard application for Shoplix
Configure API address cd ui-domain vi api.js set api address // development environment export const dev = { base: 'your api address', seller: 'yo
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
A tiny, SSR-safe directive for binding random data to an element.
1️⃣ vue-bind-once A tiny, SSR-safe directive for binding random data to an element. A tiny, SSR-safe directive for binding random data to an element.
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.
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
This experimental library patches the global custom elements registry to allow re-defining or reload a custom element.
Redefine Custom Elements This experimental library patches the global custom elements registry to allow re-defining a custom element. Based on the spe
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多年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播
jump to local IDE source code while click the element of browser automatically.
📖 Introduction A vite plugin which provides the ability that to jump to the local IDE when you click the element of browser automatically. It support
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
Thank you for visiting this repo! ;)
React Native - UI Coffee Order [Pixel BWA] This is the React Native source code from a design provided by Pixel BuildWithAngga. I made this repo for t
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
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
📜 A tiny custom element for all your scrollytelling needs!
scroll-scene element A tiny custom element for all your scrollytelling needs! The successor to @newswire/scroller. Key features 🐜 Less than 700 byt
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 simple element template chooser for properties-panel = 1
A simple element template chooser for properties-panel = 1
Create sticky element in flexbox sidebars. it can use in Vanilla JS and frameworks like Vue and React
js sticky side simple sticky side with js that can use in frameworks like vue and react. notes it can be used just in flexbox grids. target element sh
Kunlun architecture element generation based on Angular schematics 🎬
A fullstack(NestJS、React) framework for building efficient and scalable applications. Description The Kunlun CLI is a command-line interface tool that
el-table awlays show horizontal-scroller on bottom
el-table awlays show horizontal-scroller on bottom
Video conference layout with tailwindcss & vuejs jsx
Video conference layout with tailwindcss & vuejs jsx
A suite of utilities to add more features to the details element
A suite of utilities to add more features to the details element
A-Frame Element is a simple library for building fast, lightweight web components for 3D development
aframe-element is a library inspired from the very nice library Polymer lit to map A-Frame AR / VR / 3D elements on typescript classes like Angular/React/Lit.
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
I forgot about el.outerHTML so I made this, it takes a DOM element and returns its html as string
htmlToString Convert html/DOM element to string Works with rendered and virtual DOM Installation npm install htmltostring Or using CDN script src="ht
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
vite+vue3.2+setup+elementPlus+eslint+js+stylelint
前期准备工作,npm包和vscode配置 !!!很重要,关乎整个Vue3开发阶段的代码提示 Volar使用 使用Vue3开发需要禁用vscode插件Vetur 然后安装 Volar(Vue Language Features),这样Vue3代码提示即使是使用js开发也非常友好 如果volar没有任何
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
▶️ 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.
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 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.
A Google Chrome extension that automatically fills in the "CAPTCHA" form element for IISER Pune's SAM portal (Academic ERP) login form
A Google Chrome extension that automatically fills in the "CAPTCHA" form element for IISER Pune's SAM portal (Academic ERP) login form.
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
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
lightweight (~5kb) code editor custom element with syntax highlighting
code-edit lightweight (~5kb) code editor custom element with syntax highlighting 🔧 Install · 🧩 Example · 📜 API docs · 🔥 Releases · 💪🏼 Contribute
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://
Element for Angular
Element for Angular Catalog Documentation Getting Started Contribution Support LICENSE Documentation element-angular Getting Started Install: # instal
Lightweight web components library built with LitElement.
Aybolit Aybolit is a lightweight, standards-based, framework agnostic UI components library built with LitElement. Aybolit is a fictional character fr
Create DOM element and bind observables on it.
rx-domh Create DOM element and bind observables on it. Inspired by Binding.scala and react-flyd, I made this. Just a simple todo example: /** @jsx h *
Fast & Robust Front-End Micro-framework based on modern standards
Chat on gitter Hello slim.js - your declarative web components library import { Slim } from 'slim-js'; import { tag, template } from 'slim-js/decorato
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
Inspiration for revealing content by morphing the action element.
Morphing Buttons Concept Inspiration for revealing content by morphing the action element. Article on Codrops Demo Integrate or build upon it for free
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
A custom element for rendering stylable (light DOM) Markdown
Motivation There are many web components these days to render Markdown to HTML. Here are a few: zero-md marked-element …and I’m sure many others H
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
Tiny UI Toggle Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal. Demo and documenta
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
Scroll-stash - A JavaScript plugin to help preserve an element's scroll position.
scroll-stash A JavaScript plugin to help preserve an element's scroll position. CodePen Example Installation npm install scroll-stash JavaScript Impo
Slide-element - A ~700 byte Promise-based library for animating elements with dynamic heights open & closed. Basically, a modern variant of jQuery's slideUp(), slideDown(), and slideToggle().
slide-element A tiny, accessible, Promise-based, jQuery-reminiscent library for sliding elements with dynamic heights open & closed. To see it in acti
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
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
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]
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
A Custom Element for an analog clock.
analog-clock A Custom Element for an analog clock. Attributes mode (string): stopwatch or clock. size (number): Width and height in pixel. marks (nu
Detect when an element is becoming visible or hidden on the page.
React Visibility Detect when an element is becoming visible or hidden on the page. Installation npm install reactjs-visibility ⚠️ This plugin uses the
基于vue3.0-ts-Element集成的简洁/实用后台模板!《带预览地址》vue-admin;vue+admin;vue-element;vue+element;vue后台管理;vue3.0-admin;vue3.0-element。
一、基于vue3.0+ts+Element通用后台admin模板 二、在线预览地址:http://admin.yknba.cn/ 三、下载使用: 1、克隆代码 通过git将代码克隆到本地;或者使用下载安装包模式进行下载。 2、进入目录 进入项目的根目录:vue3.0-ts-admin 3、安装依
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
use element-ui with some config
confism-element write HTML with javascript in vue install npm install confism-element -S U can register confism-element component in main.js // main.j
egg.js(jwt) + mysql(sequelize) + redis + docker + docker-compose + nginx + vue + element-ui 全栈获取省市区数据(统计局数据)【工具】项目,实现在docker环境中一键部署
Egg-spider Preview 线上预览地址 (https://ronaldoxzb.com/) admin admin Project description [后端]egg.js(jwt) + mysql(sequelize) + redis + docker + docker-compo
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin
vue3-element-admin 🎉 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 vue3 和 element-plu
meetapp Free Adobe Connect Alternatives
meetapp meetapp is free adobe connect alternatives for visual classrooms , online meetings, screen share, webinars , video and audio conferencing. Fea
🎉🎉使用Vite + Vue3 + TypeScript + Element-plus + Mock开发的后台管理系统🎉🎉
Vite-Vue-Admin 介绍 Cli 配置 vue3.X vuex@4 vue-router@4 vite@2 typescript mock 内置 element-plus 二开封装 upload-file (文件上传,支持指定文件格式,文件大小) powerful-table (多功能表格
A Node JS Express/Serverless demo application that creates a slideshow video using the Pexels image library and Shotstack video editing API.
Shotstack Pexels Slideshow Video Demo This project demonstrates how to use the Shotstack cloud video editing API to create a video using an HTML form
Create videos using React!
Reactive Videos are videos created using HTML and React components. This allows you to leverage the almost limitless possibilities of the web browser
Unified API Library for: Cloud Storage, Social Log-In, Social Interaction, Payment, Email, SMS, POIs, Video & Messaging. Included services are Dropbox, Google Drive, OneDrive, OneDrive for Business, Box, Egnyte, PayPal, Stripe, Google Places, Foursquare, Yelp, YouTube, Vimeo, Twitch, Facebook Messenger, Telegram, Line, Viber, Facebook, GitHub, Google+, LinkedIn, Slack, Twitter, Windows Live, Yahoo, Mailjet, Sendgrid, Twilio, Nexmo, Twizo.
Project Discontinued We decided to discontinue this product as of February 2019. CloudRail now entirely focuses on connecting industrial sensors to AW
Grab Blogger & Google Photos, mp4upload.com,cloudvideo.tv, etc streaming link
Multi direct link Streaming & Downloader Grab Blogger & Google Photos, mp4upload.com, cloudvideo.tv, etc streaming link Leaguage : node react-native :
🔮 CSS loading animations made by single element.
Three Dots The project is a set of CSS loading animations created with three dots which made by just single element. I think the project can not only
The incredible effect of rain of letters in the style of the Matrix trilogy.
O Efeito Matrix O incrível efeito da chuva de letras no estilo da trilogia Matrix. "Cedo ou tarde, você vai aprender, assim como eu aprendi, que exist
⌨️ A tiny library for creating a typing effect on specified text element.
⌨️ TinyTyper - a tiny library for creating a typing effect on specified text element. Demo Size (It's really tiny) Minimized: 2.9KB Gziped: 1.1KB Inst