39 repository-uri
Components for embedding and controlling video playback within a user interface.
Distinguishing note: Focuses on HTML5 video playback controls and lifecycle management rather than external platform-specific APIs.
Explore 39 awesome GitHub repositories matching user interface & experience · Video Players. Refine with filters or upvote what's useful.
Acest proiect este un director curatoriat de comunitate cu software open-source conceput pentru implementarea în medii de server private și laboratoare de acasă (home labs). Servește drept resursă cuprinzătoare pentru descoperirea alternativelor independente, auto-găzduite, la serviciile cloud mainstream, permițând utilizatorilor să mențină proprietatea deplină a datelor și controlul asupra infrastructurii lor digitale. Directorul este structurat printr-o taxonomie ierarhică ce organizează o colecție vastă de aplicații în categorii logice, variind de la gestionarea media și analiza datelor la comunicare privată și instrumente de productivitate în echipă. Se distinge printr-un proces colaborativ de peer-review, unde membrii comunității validează calitatea și relevanța fiecărei trimiteri pentru a se asigura că directorul rămâne precis și fiabil. Proiectul acoperă o suprafață largă de capabilități, inclusiv automatizarea infrastructurii, implementarea serviciilor bazate pe containere și gestionarea configurației declarative. Aceste instrumente ajută utilizatorii să mențină medii de server reproductibile și să gestioneze dependențele complexe ale serviciilor pe hardware privat. Directorul este menținut ca un repository controlat prin versiuni, asigurându-se că toate actualizările și modificările conduse de comunitate sunt urmărite și transparente.
Extracts and cleans up text from web pages to provide a distraction-free reading experience.
Remotion is a programmatic video framework that enables the creation of video content using component-based logic and standard web technologies. By leveraging a declarative animation engine, it allows developers to structure visual content as a hierarchy of reusable components, ensuring that animations and state updates remain consistent through deterministic frame execution. The framework distinguishes itself by utilizing a headless browser renderer that captures visual output frame-by-frame to generate high-quality video files. This architecture supports a cloud-native media pipeline, allow
Provides interactive video player components for embedding in web applications.
Slidev is a markdown-based presentation framework designed for creating interactive, web-based slide decks. It functions as a static site generator that transforms plain text files into modular UI components, allowing authors to maintain version control while building professional presentations. The engine provides a browser-based runtime that manages slide navigation, animated transitions, and the live execution of code blocks. What distinguishes Slidev is its developer-centric approach to technical presentations. It features built-in support for syntax highlighting, mathematical typesetting
Slidev displays HTML5 video content with support for custom controls, autoplay behavior, poster images, and automatic resetting based on slide navigation.
This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
The library renders video components with controls for playback, volume, and full-screen viewing.
Video.js is a customizable HTML5 video player framework and JavaScript media plugin system. It provides a foundation for rendering and controlling web video playback across different devices and screen sizes, supporting both standard HTML5 integration and adaptive bitrate streaming for live or on-demand content. The project is distinguished by a modular architecture that allows for the extension of playback functionality through a class-based plugin system and middleware-based method interception. This enables the development of tailored media interfaces and the integration of specialized beh
Embeds and controls HTML5 video players in web browsers for consistent playback across devices.
FreeTube is a privacy-focused desktop application for watching YouTube videos without ads, tracking cookies, or the requirement of a Google account. It functions as a local-first subscription manager that tracks channels and playlists in local files instead of a centralized cloud account. The application avoids tracking-heavy official APIs by using a content extractor that parses web pages directly. To further protect user identity, it can route network traffic through proxies or Tor to mask the hardware IP address. The software provides tools for distraction-free viewing, including the abil
Offers a simplified interface that removes ads and recommendations to create a focused viewing environment.
UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers
Embeds video playback with support for autoplay, looping, and viewport-triggered execution.
DPlayer is a web-based HTML5 video player designed as a modular frontend component for embedding interactive media into web applications. It provides a unified interface for controlling playback and extends native browser capabilities to support complex streaming protocols such as HLS, DASH, and FLV. The player distinguishes itself through a built-in real-time comment system, which renders scrolling or static text overlays directly over the video content to facilitate viewer engagement. To optimize delivery, it incorporates peer-to-peer networking, allowing connected clients to share video st
Provides a modular frontend component for embedding interactive video players into web applications.
Grav is a flat-file content management system that eliminates the need for a traditional database by storing site content and configuration in human-readable Markdown and YAML files. Built as a modular PHP web framework, it uses a hierarchical page routing system where the physical directory structure directly determines the site's URL paths. The platform is distinguished by its event-driven plugin architecture and a command-line interface that prioritizes system administration, deployment, and maintenance tasks. It utilizes a blueprint-driven system to generate administrative forms from stru
Controls playback behavior and UI settings for embedded video content.
Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts. The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth. The toolkit covers a broad range of interface capabilities, including customized form elements
Implements stylized video players with custom controls for playback rate, subtitles, and chapters.
f8app is a cross-platform mobile reference application implementation that serves as a technical architecture guide for building complex features in a production environment. It is built as a React Native mobile application using a component-based architecture to manage the user interface and application state. The project implements a dockerized backend environment, running a database, server, and dashboard as a group of coordinated containers to ensure consistent development environments. It further integrates a GraphQL data fetching system that uses a structured schema and compiler to ensu
Provides a native video player component for streaming and displaying multimedia content within the interface.
LibreTube is a privacy-focused mobile client designed for streaming online video content without requiring a platform account. It functions by routing all media traffic through intermediate proxies, which masks user identity, prevents data collection by third-party platforms, and bypasses geographic content restrictions. The application provides an ad-free viewing experience by automatically detecting and skipping integrated sponsored segments and promotional content within video streams. It maintains a stateless playback architecture that ensures no session cookies or tracking identifiers pe
Provides a media viewer that automatically detects and skips sponsored segments and advertisements.
ivideo is a cross-platform media client and video aggregator that consolidates content from multiple streaming platforms into a single unified interface. It functions as a webview content wrapper that embeds third-party video pages within a native browser component for use across Windows, Mac, and Linux. The project operates as a premium content unlocker by intercepting network requests and modifying headers to bypass subscription requirements and access restricted resources. It further enables regional media access through user-agent spoofing, allowing users to view video streams from specif
Provides a distraction-free mode that removes platform UI clutter for a cinematic playback experience.
Owncast is a self-hosted live streaming server that provides full control over broadcast infrastructure and audience data. It functions as an RTMP video streaming server, accepting incoming video feeds and distributing them to viewers through HLS-based segmented streaming. The platform includes a built-in, stateful web-based chat interface that enables real-time viewer engagement during broadcasts. The project distinguishes itself through deep integration with the decentralized Fediverse, allowing servers to automatically broadcast stream status updates and notify followers across distributed
Provides keyboard-controlled playback and interface management for the embedded video player.
xgplayer is a plugin-based HTML5 video player framework that supports multiple streaming formats including MP4, FLV, HLS, and dash. It is built on a component architecture that allows developers to extend functionality through self-contained plugins, with staged loading protocol adapters that reduce bandwidth usage. The player includes a strategy center for dynamic optimization that adjusts buffering, bitrate, and source selection in real time to reduce first-frame delay and playback stalling. The player distinguishes itself through support for ultra-low latency live streaming with time-shift
Renders a web video player with componentized UI and staged loading for multiple streaming formats.
Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys
Provides components for embedding self-hosted videos with support for autoplay and looping.
react-native-video is a cross-platform video player component for React Native that enables the playback of local and remote video files using native platform decoders. It functions as an adaptive streaming player supporting HLS, DASH, and SmoothStreaming formats with automatic bitrate selection and quality adaptation. The project is distinguished by its support for industry-standard digital rights management, including Widevine, FairPlay, and PlayReady, and a plugin-based architecture that allows for the injection of custom analytics or playback logic without modifying the core library. It a
Adapts rendering and remote control input handling for television platforms with directional focus management.
WebSlides is a CSS-class-driven presentation framework that turns HTML sections into full-screen slides with keyboard, touch, and remote navigation. Its core architecture defines slides as HTML section elements styled entirely through CSS classes for layout, animation, and background, with a vertical-rhythm spacing foundation using an 8-pixel baseline grid. The framework includes a plugin-based behavior extension system that hooks into slide lifecycle events, and maps each slide to a unique URL hash for direct permalink navigation. The framework distinguishes itself through a comprehensive se
Places a responsive video player on a slide with options for looping, autoplay, and muting.
RemoveAdblockThing is a browser extension that removes YouTube's adblock detection popup and skips video ads without triggering the platform's anti-adblock systems. It is designed to maintain an uninterrupted viewing experience by eliminating the intrusive "Ad blocker are not allowed on YouTube" message and automatically bypassing ad detection mechanisms. The extension works by injecting a content script at document_start to intercept and modify page behavior before YouTube's ad detection scripts run. It uses a DOM MutationObserver to monitor the YouTube DOM for ad-related elements and detect
Skips YouTube ads without triggering the platform's detection and blocking mechanisms.
Acest proiect este un media player cross-framework și un wrapper de componente care integrează motorul Video.js în medii Vue 3 și React. Acesta oferă o implementare unificată a redării care permite dezvoltatorilor să încorporeze un player video personalizabil în aplicații web folosind un API declarativ. Biblioteca acționează ca o interfață reactivă, sincronizând starea internă de redare și evenimentele motorului media cu gestionarea reactivă a stării framework-ului gazdă. Acest lucru asigură un comportament și o logică consistente ale playerului în diferite biblioteci frontend printr-o abstracție comună a componentelor. Acoperă o gamă largă de capabilități, inclusiv gestionarea monitorizării stării de redare, configurarea setărilor avansate ale playerului și integrarea plugin-urilor terțe pentru funcționalități extinse. De asemenea, suportă crearea de controale de interfață utilizator personalizate care interacționează cu API-ul intern al playerului.
Provides components for embedding and controlling a customizable Video.js player within a web user interface.