15 Star 147 Fork 28

wopen / nplayer

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

NPlayer

npm version gzip size Codacy Badge Test

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);

image

DEMO

文档

你可以在 nplayer.js.org 查看 NPlayer 的文档。

查看 快速入门章节 来快速上手 NPlayer。

生态

名称 版本 大小
弹幕插件 npm gzip size
React npm gzip size
Vue2 / Vue3 npm gzip size

推荐文章

问题 & 新功能

如果你遇到 BUG 或者是想要新功能,欢迎提交 issue

贡献

如果想参与贡献,请查看 CONTRIBUTING

Comments ( 6 )

Sign in for post a comment

About

无任何第三方运行时依赖,兼容 IE11,支持 SSR。高度可定制,可二次开发。和 B 站一样体验的弹幕系统。可以接入任何流媒体,支持直播。 spread retract
Cancel

Releases

No release

nplayer

Contributors

All

Activities

load more
can not load any more
TypeScript
1
https://git.oschina.net/wopen/nplayer.git
git@git.oschina.net:wopen/nplayer.git
wopen
nplayer
nplayer
main

Search