Awesome
<h2 align="center"> <p><img src="./images/logo.png" width="100" alt="logo"></p> <a href="https://artplayer.org">ArtPlayer.js</a> </h2> <p align="center"> :art: ArtPlayer.js is a modern and full featured HTML5 video player </p> <p align="center"> <img src="https://img.shields.io/bundlephobia/minzip/artplayer" alt="Size"> <img src="https://img.shields.io/npm/dm/artplayer.svg?sanitize=true" alt="Downloads"> <img src="https://img.shields.io/npm/v/artplayer.svg?sanitize=true" alt="Version"> <img src="https://img.shields.io/npm/l/artplayer.svg?sanitize=true" alt="License"> </p> <p align="center"> <span>・</span> <a href="https://artplayer.org">Online Editor</a> <span>・</span> <a href="https://artplayer.org/document">API Document</a> <span>・</span> <a href="https://artplayer.org/?libs=./uncompiled/artplayer-plugin-danmuku/index.js&example=danmuku">弹幕演示</a> <span>・</span> <a href="./CHANGELOG_CN.md">更新记录</a> <span>・</span> </p> <p align="center"> <a href="https://artplayer.org"> <img src="./images/screenshot.png" alt="screenshot"> </a> </p>Home Page
Mobile Demo
<img src="./images/qrcode.png" width="250">Features
ArtPlayer.js is an easy-to-use and feature-rich HTML5 video player, and most of the player's functional controls support customization, which makes it easy to connect with your business logic. In addition, it directly supports .vtt, .ass and .srt subtitle formats. Integration with other dependencies such as flv.js, hls.js, dash.js, etc. is also very simple. The code is highly decoupled, the structure and logic are clear, and it is easy to track errors and add new features.
Install
Install with npm:
$ npm install artplayer
Or install with yarn:
$ yarn add artplayer
import Artplayer from 'artplayer';
Or umd build also available:
<script src="path/to/artplayer.js"></script>
Or from CDN:
<!-- jsdelivr -->
<script src="https://cdn.jsdelivr.net/npm/artplayer/dist/artplayer.js"></script>
<!-- unpkg -->
<script src="https://unpkg.com/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',
});
Plugins
- artplayer-plugin-danmuku
- artplayer-plugin-danmuku-mask (WIP)
- artplayer-plugin-ads (WIP)
- artplayer-plugin-iframe
- artplayer-plugin-hls-control
- artplayer-plugin-dash-control
- artplayer-plugin-vtt-thumbnail
- artplayer-plugin-multiple-subtitles
- artplayer-plugin-libass
- artplayer-plugin-chromecast
- artplayer-plugin-vast
- artplayer-plugin-chapter
- artplayer-plugin-auto-thumbnail
- artplayer-plugin-ambilight
Libraries
Proxys
Changelog
Contributing
Donations
We accept donations through these channels:
QQ Group
License
MIT © Harvey Zack