All Projects → woopen → nplayer

woopen / nplayer

Licence: MIT license
🚀 支持移动端、支持 SSR、支持直播,可以接入任何流媒体。高性能的弹幕系统。高度可定制,所有图标、主题色等都可以替换,并且提供了内置组件方便二次开发。无第三方运行时依赖。

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to nplayer

Moonplayer
Video player that can play online videos from youtube, bilibili etc.
Stars: ✭ 399 (-55.52%)
Mutual labels:  player, video-player, danmaku
danmaku-player
An HTML5 danmaku video player for real-time image processing using WebGl and Web Components.融合了webgl和web components的实时图像处理弹幕播放器
Stars: ✭ 40 (-95.54%)
Mutual labels:  player, video-player, danmaku
Sbplayerclient
支持全格式的mac版视频播放器
Stars: ✭ 110 (-87.74%)
Mutual labels:  player, video-player
Player
FFmpeg and SDL2 video player
Stars: ✭ 119 (-86.73%)
Mutual labels:  player, video-player
Sjvideoplayer
iOS VideoPlayer MediaPlayer video player media player 短视频播放器 可接入 ijkplayer aliplayer alivodplayer plplayer
Stars: ✭ 2,066 (+130.32%)
Mutual labels:  player, video-player
Larkplayer
🚀 A lightweight & flexible web player :)
Stars: ✭ 82 (-90.86%)
Mutual labels:  player, video-player
React Video Renderer
Build custom video players effortless
Stars: ✭ 100 (-88.85%)
Mutual labels:  player, video-player
Player
▶️ video player in Swift, simple way to play and stream media on iOS/tvOS
Stars: ✭ 1,849 (+106.13%)
Mutual labels:  player, video-player
Fijkplayer
ijkplayer for flutter. ijkplayer 的 flutter 封装。 Flutter video/audio player. Flutter media player plugin for android/iOS based on ijkplayer. fijkplayer 是基于 ijkplayer 封装的 flutter 媒体播放器,开箱即用,无需编译 ijkplayer
Stars: ✭ 943 (+5.13%)
Mutual labels:  player, video-player
Eplayer
🔮 A web-component html5 video player facing future
Stars: ✭ 253 (-71.79%)
Mutual labels:  player, video-player
Rtsp.player.android
RTSP player for Android / IP camera viewer
Stars: ✭ 199 (-77.81%)
Mutual labels:  player, video-player
files videoplayer
📼 Old video viewer for Nextcloud
Stars: ✭ 92 (-89.74%)
Mutual labels:  player, video-player
Nexplayer unity plugin
Stream videos in HLS & DASH with Widevine DRM using NexPlayer Video Streaming Player SDK for Unity on Android & iOS devices
Stars: ✭ 73 (-91.86%)
Mutual labels:  player, video-player
Kjplayerdemo
视频播放壳子:动态切换内核,支持边下边播边缓存的播放器方案,视频支持格式:mp4、m3u8、wav、avi,音频支持格式:midi、mp3
Stars: ✭ 60 (-93.31%)
Mutual labels:  player, video-player
Animesearcher
整合第三方网站的视频和弹幕资源, 为白嫖党提供最佳看番追剧体验
Stars: ✭ 101 (-88.74%)
Mutual labels:  player, danmaku
Dailymotion Swift Player Sdk Ios
Dailymotion Player SDK for iOS in Swift
Stars: ✭ 29 (-96.77%)
Mutual labels:  player, video-player
Dplayer
🍭 Wow, such a lovely HTML5 danmaku video player
Stars: ✭ 12,101 (+1249.05%)
Mutual labels:  player, danmaku
aos-Video
NOVA opeN sOurce Video plAyer: player frontend main UI
Stars: ✭ 35 (-96.1%)
Mutual labels:  player, video-player
Yuview
The Free and Open Source Cross Platform YUV Viewer with an advanced analytics toolset
Stars: ✭ 665 (-25.86%)
Mutual labels:  player, video-player
Abplayerhtml5
Video Player for danmaku comments. ABPlayer in HTML5. ABPlayer核心构件以动态HTML编写的版本。向HTML5进发!HTML5弹幕播放器
Stars: ✭ 858 (-4.35%)
Mutual labels:  player, video-player

NPlayer

npm version gzip size Codacy Badge Test Discord

NPlayer 是由 Typescript 加 Sass 编写,无任何第三方运行时依赖,兼容 IE11,支持移动端、支持 SSR、支持直播。高度可定制,所有图标、主题色等都可以替换,并且提供了内置组件方便二次开发。你可以自定义任意多个断点,不仅仅是兼容移动端,只要愿意,你可以非常轻松的兼容手机竖屏、手机横屏、平板等设备。它还拥有插件系统,弹幕功能就是使用插件形式提供,使用时按需引入即可。该播放器还可以接入任何流媒体,如 hls、dash 和 flv 等。欢迎 Star~

2021-05-16-102939_tzesqULa.mov

安装

npm i -S nplayer

或者使用 CDN

<script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>

快速使用

import Player from "nplayer";

/**
 * Danmaku DEMO:
 *    https://codesandbox.io/s/nplayer-demo-ujtms?file=/src/index.js
 * 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"
});

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].