Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source) Learn more →
Top 12 TypeScript Player Projects
-
Another user using Ubuntu + Firefox just reported this issue recently. You're likely running into this issue - the streaming library we use requires a codec that some browsers have bundled, but Firefox is not one of them. It expects the OS to provide it, and it sounds like yours is not.
-
-
Klotho
AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
-
vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
Vime is a simple React framework that provides a flexible, expandable media player that can be used with a variety of Javascript frameworks like React, Vue, Angular, and Svelte. This project will utilize a sample clip from the Vime documentation.
-
p2p-media-loader
An open-source engine for P2P streaming of live and on demand video directly in a web browser HTML page
Actually some do. There is software called P2P Media Loader that can be embedded in a website. It is used by the pirate site known as viprow/vipbox/vipleague and probably others.
-
iptvnator
:tv: Cross-platform IPTV player application with multiple features, such as support of m3u and m3u8 playlists, favorites, TV guide, TV archive/catchup and more.
-
player
(Beta) Build and ship a production-ready player in minutes. Robust, customizable, accessible, and framework-agnostic. Modern open-source alternative to JWPlayer and Video.js. (by vidstack)
Project mention: Show HN: Modern media captions parsing and rendering library (vtt/srt/ssa) | news.ycombinator.com | 2023-04-01Hey everyone!
The motivation for this started with some initial exploration of how native captions are inconcistent and extremely limited with respect to positioning + styling across browsers. In addtion, existing captions work was glued inside player libs and all open-source parsers were ancient (e.g., mozilla/vtt)!
I wanted to modernize it all with newer web APIs such as `fetch` and `ReadableStream` and extend support out to multiple captions formats. I also noticed that a lot of popular players on the web in recent years started adding caption customization options. Turns out accessible captions can be legally enforced!
Do note that accessible captions not only includes sync/timing, but also an adequate set of controls to customize the style of the captions, ensuring they're readable for everyone. You can see an example of this on YouTube when you go to the captions and click customize.
It just seemed silly that probably every single company is internally building this type of lib which is insanely hard to get right. I built this to serve our accessiblity goals at Vidstack[1] where we're working on enabling you to build production-ready player quickly.
It took me about two weeks to build this and honestly there's still a lot of areas that need work but it's a great start. I hope you find it useful. You'll find a lot more helpful information in the repo.
I'll also leave you with this YouTube video where Dan Sparacio beautifully explains the complexities of building accessible media captions on the web at Paramount [2]. This is one of my favourite Demuxed talks. In there case, acessible enough to meet FCC guidelines _Highly_ recommend checking it out to learn more!
-
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: Property of element returns undefined but the value exists | /r/webdev | 2022-12-22
OP made another comment on the thread (which I think he may have deleted) which made it clear he was trying to create an instance of this web component - https://github.com/cifkao/html-midi-player - and interact with it's API (get and set config).
-
plyr-react
A simple, accessible and customisable react media player for Video, Audio, YouTube and Vimeo
-
-
-
Social-graphics-library
A free JS library for dynamically generating social media images for gaming communities, social networks and companies. https://www.npmjs.com/package/social-graphics-library
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-06-06.
TypeScript Player related posts
- Property of element returns undefined but the value exists
- Introducing Roover – a lightweight audio library for React
- Introducing Roover – a lightweight audio library for React
- Can someone please help me understand this line of code?
- HTML midi-player element – Play and display MIDI files on the web
- Streaming a video to a site without any branding on the video or user controls in the player
-
A note from our sponsor - Klotho
klo.dev | 9 Jun 2023
Index
What are some of the best open-source Player projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | hls.js | 12,940 |
| 2 | videojs-player | 4,761 |
| 3 | vime | 2,525 |
| 4 | p2p-media-loader | 1,235 |
| 5 | iptvnator | 1,040 |
| 6 | player | 867 |
| 7 | rx-player | 756 |
| 8 | html-midi-player | 423 |
| 9 | plyr-react | 397 |
| 10 | expo-video-player | 175 |
| 11 | roover | 82 |
| 12 | Social-graphics-library | 1 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com