TypeScript Player

Open-source TypeScript projects categorized as Player

Top 12 TypeScript Player Projects

  • hls.js

    HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.

    Project mention: Video Player just doesn't work | /r/fixthevideoplayer | 2023-05-02

    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.

  • videojs-player

    @videojs player component for @vuejs(3) and React.

  • 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...

    Project mention: How to create a video streaming app using React and Vime | dev.to | 2022-12-20

    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

    Project mention: live sports streaming sites and how the data flows | /r/Piracy | 2022-09-05

    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.

    Project mention: Hypnotix IPTV App | /r/ManjaroLinux | 2023-06-06
  • 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-01

    Hey 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!

    [1]: https://github.com/vidstack/player

  • rx-player

    DASH/Smooth HTML5 Video Player

    Project mention: WebKit Quirks.cpp | news.ycombinator.com | 2022-10-14
  • 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!

  • html-midi-player

    🎹 Play and display MIDI files on the web

    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

  • expo-video-player

    Customizable Video Player controls for Expo

  • roover

    🐱 A lightweight audio library for React apps.

  • 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

    Project mention: Social-graphcis-library | dev.to | 2022-09-02
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


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.