ArtPlayer

<h2 align="center"> <p><img src="https://yellow-cdn.veclightyear.com/835a84d5/2c804c32-2ee5-482d-8d91-b2c48f2dbdcb.png" width="100" alt="logo"></p> <a href="https://artplayer.org">ArtPlayer.js</a> </h2> <p align="center"> :art: ArtPlayer.js 是一个现代化且功能丰富的HTML5视频播放器 </p> <p align="center"> <img src="https://img.shields.io/bundlephobia/minzip/artplayer" alt="大小"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/50a58ab8-7008-4f54-bae9-1b50ab7a8939.svg?sanitize=true" alt="下载量"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/e85c6918-7ec8-4bda-aa79-2f1556437b52.svg?sanitize=true" alt="版本"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/9e47ed07-514b-433a-a266-68d02a4fd744.svg?sanitize=true" alt="许可证"> </p> <p align="center"> <span>・</span> <a href="https://artplayer.org">在线编辑器</a> <span>・</span> <a href="https://artplayer.org/document">API文档</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="https://yellow-cdn.veclightyear.com/835a84d5/37058aae-3f46-471b-af6a-62f72e78ccf4.png" alt="截图"> </a> </p>

主页

https://artplayer.org

移动端演示

<img src="https://yellow-cdn.veclightyear.com/835a84d5/e5debc90-5e17-410d-a1ae-c64acfa8f654.png" width="250">

特性

ArtPlayer.js 是一个易于使用且功能丰富的HTML5视频播放器，播放器的大多数功能控件都支持自定义，这使得它可以轻松地与你的业务逻辑连接。此外，它直接支持 .vtt、.ass 和 .srt 字幕格式。与其他依赖项如 flv.js、hls.js、dash.js 等的集成也非常简单。代码高度解耦，结构和逻辑清晰，易于跟踪错误和添加新功能。

安装

使用 npm 安装：

$ npm install artplayer

或使用 yarn 安装：

$ yarn add artplayer

import Artplayer from 'artplayer';

或者使用 umd 构建：

<script src="path/to/artplayer.js"></script>

或者从 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>

将全局变量暴露给 window.Artplayer。

使用

<div class="artplayer-app"></div>

var art = new Artplayer({
    container: '.artplayer-app',
    url: 'path/to/video.mp4',
});

插件

• artplayer-plugin-danmuku
• artplayer-plugin-ads
• artplayer-plugin-iframe
• artplayer-plugin-hls-quality
• artplayer-plugin-dash-quality
• artplayer-plugin-vtt-thumbnail
• artplayer-plugin-multiple-subtitles
• artplayer-plugin-libass
• artplayer-plugin-chromecast
• artplayer-plugin-vast
• artplayer-plugin-chapter

库

• hls.js
• dash.js
• flv.js
• mpegts.js
• webtorrent.js

更新日志

CHANGELOG_CN.md

贡献

CONTRIBUTING.md

捐赠

我们接受以下渠道的捐赠：

• Patreon
• Paypal

QQ群

许可证

MIT © Harvey Zack