zhw2590582 / Artplayer
Licence: mit
🎨 ArtPlayer.js is a modern and full featured HTML5 video player
Stars: ✭ 484
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Artplayer
Crunchyroll Html5
A fully fledged HTML5 player for Crunchyroll.
Stars: ✭ 175 (-63.84%)
Mutual labels: player, subtitle, html5
Abplayerhtml5
Video Player for danmaku comments. ABPlayer in HTML5. ABPlayer核心构件以动态HTML编写的版本。向HTML5进发!HTML5弹幕播放器
Stars: ✭ 858 (+77.27%)
Mutual labels: danmu, player
Ocbarrage
iOS 弹幕库 OCBarrage, 同时渲染5000条弹幕也不卡, 轻量, 可拓展, 高度自定义动画, 超高性能, 简单易上手; A barrage render-engine with high performance for iOS. At the same time, rendering 5000 barrages is also very smooth, lightweight, scalable, highly custom animation, ultra high performance, simple and easy to use!
Stars: ✭ 589 (+21.69%)
Mutual labels: danmu, player
Vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
Stars: ✭ 1,928 (+298.35%)
Mutual labels: player, html5
Html5 Dash Hls Rtmp
🌻 HTML5播放器、M3U8直播/点播、RTMP直播、低延迟、推流/播流地址鉴权
Stars: ✭ 1,805 (+272.93%)
Mutual labels: player, html5
Commentcorelibrary
Javascript Live Comment (Danmaku) Engine Implementation. JS弹幕模块核心,提供从基本骨架到高级弹幕的支持。
Stars: ✭ 1,724 (+256.2%)
Mutual labels: danmu, html5
Larkplayer
🚀 A lightweight & flexible web player :)
Stars: ✭ 82 (-83.06%)
Mutual labels: player, html5
niki
Media Player, DLNA, Music, Video and Streaming
Stars: ✭ 14 (-97.11%)
Mutual labels: player, subtitle
Openplayerjs
Lightweight HTML5 video/audio player with smooth controls and ability to play VAST/VPAID/VMAP ads
Stars: ✭ 255 (-47.31%)
Mutual labels: player, html5
Ocbarrage
iOS 弹幕库 OCBarrage, 同时渲染5000条弹幕也不卡, 轻量, 可拓展, 高度自定义动画, 超高性能, 简单易上手; A barrage render-engine with high performance for iOS. At the same time, rendering 5000 barrages is also very smooth, lightweight, scalable, highly custom animation, ultra high performance, simple and easy to use!
Stars: ✭ 294 (-39.26%)
Mutual labels: danmu, player
Hls.js
HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.
Stars: ✭ 10,791 (+2129.55%)
Mutual labels: player, html5
React Cassette Player
Simple ReactJS HTML5 audio player component built with SVG icons from The Noun Project.
Stars: ✭ 93 (-80.79%)
Mutual labels: player, html5
React Music Player
🎵 Maybe the best beautiful HTML5 responsive player component for react :)
Stars: ✭ 321 (-33.68%)
Mutual labels: player, html5
Muse
🎧 All you need is a simple and diligent HTML 5 music player written in React.
Stars: ✭ 82 (-83.06%)
Mutual labels: player, html5
Danmu.js
HTML5 danmu (danmaku) plugin for any DOM element
Stars: ✭ 130 (-73.14%)
Mutual labels: danmu, html5
Youtube Html Js Audio Player
An audio player created with HTML Audio and Javascript 🚀
Stars: ✭ 39 (-91.94%)
Mutual labels: player, html5
Lofi Player
🎧 A Lofi Player built with HTML, CSS and Javascript using Parcel as Module Bundler https://lakscastro.github.io/lofi-player
Stars: ✭ 38 (-92.15%)
Mutual labels: player, html5
HighlightTranslator
Highlight Translator can help you to translate the words quickly and accurately. By only highlighting, copying, or screenshoting the content you want to translate anywhere on your computer (ex. PDF, PPT, WORD etc.), the translated results will then be automatically displayed before you.
Stars: ✭ 54 (-88.84%)
Mutual labels: screenshot, highlight
Kikoplay
KikoPlay - NOT ONLY A Full-Featured Danmu Player 不仅仅是全功能弹幕播放器
Stars: ✭ 313 (-35.33%)
Mutual labels: danmu, player
ArtPlayer.js
🎨 ArtPlayer.js is a modern and full featured HTML5 video player
Features
-
Size -
25kB
minified and gzipped -
Subtitle - Support for
.VTT
,.ASS
and.SRT
formats -
Customizable -
Right Click Menu
,Business Layer
,Video Controller
andSettings Panel
-
Controller -
Quality Switch
,Subtitle Switch
,Play Speed
,Aspect Ratio
,Video Flip
,Fullscreen
,Picture In Picture
,Screenshot
,Thumbnail
,Adaptive Size
,Highlight
andHotkey
... -
Built-in -
Open Local Subtitles
,Open Local Video
,Mini Progress Bar
,Network Detection
andSubtitle Time Offset
-
Integration - Easy to integration with other dependencies:
flv.js
,hls.js
,dash.js
,shaka-player
,webtorrent
... -
Code - Vanilla
ES6
andSASS
, Highly decoupled code, clear structure, easy to track bugs and add new features - Document - Detailed interface documentation and rich code demo
- API - Rich interface and response events, easy to interface with business or custom plugin
- I18N - support for internationalization of controls
Ecosystem
Project | Description | Demo |
---|---|---|
artplayer-plugin-danmuku | Danmuku plugin | demo |
artplayer-plugin-gif | Gif plugin | demo |
artplayer-plugin-backlight | Backlight plugin | demo |
artplayer-plugin-ass | ASS enhanced plugin | demo |
artplayer-tool-thumbnail | Thumbnail tool | demo |
artplayer-tool-github | Github Danmuku tool | demo |
artplayer-react | React Component | demo |
artplayer-vue | Vue Component | demo |
Homepage
Mobile Demo
Document
https://artplayer.org/document
Install
Install with npm
:
$ npm install artplayer
Or install with yarn
:
$ yarn add artplayer
import Artplayer from 'artplayer';
Or umd builds are also available:
<script src="path/to/artplayer.js"></script>
Or from jsDelivr CDN:
<script src="https://cdn.jsdelivr.net/npm/artplayer/dist/artplayer.js"></script>
Will expose the global variable to window.Artplayer
.
Usage
<div class="artplayer-app"></div>
var art = new Artplayer({
container: '.artplayer-app',
url: 'path/to/video.mp4',
});
Contribution
Installation dependency:
$ npm install
$ npm run bootstrap
Run the developer mode and select the project you want to develop:
$ npm run dev
Open web server:
$ npm start
Donations
We accept donations through these channels:
QQ Group
License
MIT © Harvey Zack
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].