matvp91 / Indigo Player
Licence: apache-2.0
Highly extensible, modern, JavaScript video player. Handles MPEG-Dash / HLS / MPEG-4 and is built on top of the HTML5 video element.
Stars: ✭ 1,173
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Indigo Player
Xgplayer
A HTML5 video player with a parser that saves traffic
Stars: ✭ 4,792 (+308.53%)
Mutual labels: video-player, dash, html5-video, hls
Clappr
🎬 An extensible media player for the web.
Stars: ✭ 5,436 (+363.43%)
Mutual labels: video-player, dash, html5-video, hls
Html5 Dash Hls Rtmp
🌻 HTML5播放器、M3U8直播/点播、RTMP直播、低延迟、推流/播流地址鉴权
Stars: ✭ 1,805 (+53.88%)
Mutual labels: dash, html5-video, hls
Nexplayer unity plugin
Stream videos in HLS & DASH with Widevine DRM using NexPlayer Video Streaming Player SDK for Unity on Android & iOS devices
Stars: ✭ 73 (-93.78%)
Mutual labels: video-player, dash, hls
Shaka Player
JavaScript player library / DASH & HLS client / MSE-EME player
Stars: ✭ 5,386 (+359.16%)
Mutual labels: video-player, dash, hls
Mediaelement Plugins
Plugins for the main mediaelement project
Stars: ✭ 328 (-72.04%)
Mutual labels: dash, html5-video, hls
Shaka Player Embedded
Shaka Player in a C++ Framework
Stars: ✭ 153 (-86.96%)
Mutual labels: video-player, dash, hls
Video.js
Video.js - open source HTML5 & Flash video player
Stars: ✭ 32,478 (+2668.8%)
Mutual labels: dash, html5-video, hls
shaka-player-react
A simple React component wrapper for shaka-player
Stars: ✭ 79 (-93.27%)
Mutual labels: hls, video-player, dash
Chimee
a video player framework aims to bring wonderful experience on browser
Stars: ✭ 2,332 (+98.81%)
Mutual labels: video-player, html5-video, hls
Mediaelement
HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.
Stars: ✭ 7,767 (+562.15%)
Mutual labels: dash, html5-video, hls
hms-video-demo-android
HUAWEI Video Kit supports streaming media in 3GP, MP4, or TS format and compliant with HTTP/HTTPS, HLS, or DASH. The Kit also provides abundant playback controls, delivering personalized video experiences to users.
Stars: ✭ 22 (-98.12%)
Mutual labels: hls, video-player, dash
Openplayerjs
Lightweight HTML5 video/audio player with smooth controls and ability to play VAST/VPAID/VMAP ads
Stars: ✭ 255 (-78.26%)
Mutual labels: dash, html5-video, hls
Fluid Player
Fluid Player - an open source VAST compliant HTML5 video player
Stars: ✭ 359 (-69.39%)
Mutual labels: video-player, html5-video
Vue Video Player
🎞 @videojs component for @vuejs
Stars: ✭ 4,026 (+243.22%)
Mutual labels: video-player, hls
Awesome Live Stream
Webrtc && Nginx && DASH && Quic 学习资料收集，持续更新中
Stars: ✭ 290 (-75.28%)
Mutual labels: dash, hls
Mxreality.js
普通全景视频，直播全景视频，hls和flv全景VR视频直播，全景图片、VR模型、多终端自适应
Stars: ✭ 386 (-67.09%)
Mutual labels: video-player, hls
Awesome Video
A curated list of awesome streaming video tools, frameworks, libraries, and learning resources.
Stars: ✭ 397 (-66.16%)
Mutual labels: dash, hls
Python Ffmpeg Video Streaming
📼 Package media content for online streaming(DASH and HLS) using FFmpeg
Stars: ✭ 269 (-77.07%)
Mutual labels: dash, hls
React Player
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
Stars: ✭ 5,931 (+405.63%)
Mutual labels: dash, hls
Note: Due to other commitments, I'm having a hard time responding to issues (& actually getting them fixed for you guys). I'd be more than happy to accept PR's.
indigo-player
Highly extensible, modern, JavaScript player. 👊
- Strict defined API, which makes it easy to build analytics and various other plugins on top of indigo-player.
- Dynamic bundle loading, automatically determines and loads which modules are needed for playback.
- Highly modular plugin system to extend functionality without modifying it's core.
- Out-of-the-box features such as subtitles, thumbnails, quality selection if applicable, ...
- React based UI.
Documentation
Visit the documentation. 😎
Getting started
In a browser
The example below will load a simple MP4 file, and attempt to autoplay it.
<html>
<body>
<div id="playerContainer"></div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/indigo-player.js"></script>
<script>
const config = {
sources: [
{
type: 'mp4',
src: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
}
],
};
const element = document.getElementById('playerContainer');
const player = IndigoPlayer.init(element, config);
// You can use the player object now to access the player and it's methods (play, pause, ...)
</script>
</body>
</html>
As a module in your bundle
The example below will add indigo-player as a module in your project.
yarn add indigo-player
npm i indigo-player
import IndigoPlayer from "indigo-player";
// Bundle the css file too, or provide your own.
import "indigo-player/lib/indigo-theme.css";
const player = IndigoPlayer.init(container, config);
Mentions
Much ❤️ on getting the word out!
Cheers 🍺
- @ambroos for being a video nerd!
- @google for maintaining shaka-player
- @video-dev for maintaining hls.js
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].