NPlayer 是由 Typescript 加 Sass 编写，无任何第三方运行时依赖，Gzip 大小只有 21KB，兼容 IE11，支持 SSR。该播放器高度可定制，所有图标、按钮、色彩等都可以替换，并且提供了 内置组件 方便二次开发。它还拥有插件系统，弹幕功能 就是使用插件形式提供。该播放器可以接入任何 流媒体，如 hls、dash 和 flv 等。欢迎 Star~
npm i -S nplayer
或者使用 CDN
<script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>import Player from "nplayer";
import Danmaku from "@nplayer/danmaku";
import items from "./items";
const danmaku = new Danmaku({ items });
/**
* React DEMO:
* https://codesandbox.io/s/nplayer-react-demo-p558g?file=/src/App.js
* Vue2 DEMO:
* https://codesandbox.io/s/nplayer-vue2-demo-9lps9?file=/src/main.js
* Vue3 DEMO:
* https://codesandbox.io/s/nplayer-vue3-demo-mt8s4?file=/src/main.js
*/
const player = new Player({
src: "https://v-cdn.zjol.com.cn/280443.mp4",
plugins: [danmaku]
});
player.mount(document.body);
你可以在 nplayer.js.org 查看 NPlayer 的文档。
查看 快速入门章节 来快速上手 NPlayer。
| 名称 | 版本 | 大小 |
|---|---|---|
| 弹幕插件 |  |
|
| React |  |
|
| Vue2 / Vue3 |  |
- NPlayer 支持任何流媒体和 B 站弹幕体验的视频播放器
- 从零开发弹幕视频播放器1
- 流媒体视频基础 MSE 入门 & FFmpeg 制作视频预览缩略图和 fmp4
- 原来爱优腾等视频网站都是用这个来播放流媒体的
- 如何保护会员或付费视频？优酷是怎么做的？ - HLS 流媒体加密
如果你遇到 BUG 或者是想要新功能，欢迎提交 issue。
如果想参与贡献，请查看 CONTRIBUTING 。