ArtPlayer

ArtPlayer（artplayer.org）是开源HTML5视频播放器ArtPlayer.js的官方配套在线平台，由开发者zhw2590582（刘伟）创建并维护。ArtPlayer.js是一个轻量、模块化的网页视频播放库，压缩后体积不到25KB，支持按需引入插件，在国内前端开发社区有较高的使用率。

artplayer.org作为官方在线工作台，把播放器开发中需要的多个环节整合到了一个网站上。平台分为两大板块：ArtPlayer在线编辑器和免费浏览器媒体工具集。编辑器内置完整的运行环境，可以直接加载视频、编写初始化代码、实时查看播放器渲染效果。配套的媒体工具包括在线字幕编辑器和AI视频画质增强工具，所有处理都在浏览器本地完成，文件不会上传到第三方服务器。

网站还收录了HLS、DASH、FLV、弹幕、多字幕、缩略图、投屏、广告等全套插件演示案例，点击就能打开查看完整源码，是学习Web视频开发的参考阵地。

官网入口地址

https://artplayer.org/

开源项目地址

https://github.com/zhw2590582/ArtPlayer

下载地址

ArtPlayer.js可以通过npm安装，命令为npm install artplayer。也可以直接从GitHub下载源码或通过CDN引入。artplayer.org本身是网页版工具，无需下载。

功能介绍

在线可视化编辑器
编辑器支持实时运行ArtPlayer完整实例。开发者可以直接编写播放器初始化代码，实时预览交互效果。支持导入本地视频文件或网络视频地址，快速测试MP4、HLS（m3u8）、FLV、DASH等主流流媒体格式的播放表现。可以自由添加自定义JavaScript和CSS依赖，用于引入弹幕、投屏、画质切换等第三方插件。

官方Demo案例库
网站内置大量官方Demo，覆盖弹幕渲染、多字幕切换、进度缩略图、Chromecast投屏、广告插播、画中画、倍速播放、视频翻转等扩展功能。点击即可打开对应示例查看完整源码。

在线字幕编辑器
支持SRT、VTT、ASS主流字幕格式，可以可视化调整字幕的字体、颜色、透明度和时间轴。编辑完成直接导出字幕文件对接ArtPlayer播放器。

AI视频画质增强
基于前端AI算法对本地视频做清晰度提升，无需云端渲染，适合短视频和课程视频的画质优化调试。

全维度播放调试
平台原生支持浏览器播放环境检测，可以模拟桌面和移动端不同设备尺寸测试手势控制和自适应布局。提供播放器事件监听面板，实时打印播放、缓冲、报错、弹幕交互等日志。支持自定义右键菜单、控制栏组件和设置面板。

应用场景

在线教育平台
调试双语字幕、倍速播放、进度记忆和课程视频清晰度切换，利用字幕编辑器批量处理课程字幕。

短视频与视频资讯网站
测试弹幕交互、缩略图预览、广告插播和截图分享功能。

直播点播系统
使用HLS或FLV流媒体调试，模拟低网速下的自适应播放效果。

企业内部媒体库
私密企业视频在本地调试，依托本地运算保障内容安全。

移动端H5视频页面
模拟手机屏幕测试手势滑动、全屏和画中画适配。

使用方法

打开artplayer.org，在编辑器中编写播放器初始化代码。通过界面按钮加载本地视频或输入网络视频地址。点击运行即可实时预览效果。需要测试插件时，添加对应的JavaScript和CSS依赖后重新运行。调试完成后可以复制配置代码用于实际项目。使用字幕编辑器时，上传字幕文件后可视化调整样式和时间轴，导出后对接播放器。

服务支持

使用费用
ArtPlayer.js是开源项目，遵循MIT协议，可以免费用于个人和商业项目。artplayer.org在线平台也免费提供使用。

开发者信息
由开发者zhw2590582创建并维护，项目在GitHub上开源。

技术栈
ArtPlayer.js基于原生JavaScript开发，不依赖任何框架，可以适配Vue、React和原生JS项目。在线平台基于现代Web技术栈构建。