🍭 Wow, such a lovely HTML5 danmaku video player

Introduction

原作者 @DIYGod

BY ANSHENG

npm i dplayer-ansheng

• 更新历史
  • v1.0.42：添加画中画开启按钮，如果浏览器支持默认开启功能
  • v1.0.30：画中画优化
  • v1.0.21：画中画兼容弹幕
  • v1.0.17：画中画添加拖拽移动功能
  • v1.0.16：添加弹幕举报功能，视频下载功能
  • v1.0.15：添加鼠标移入弹幕悬停功能
  • v1.0.13：添加画中画模式
  • v1.0.12：弹幕速度根据弹幕长度变更
  • v1.0.11：播放器控制栏底部添加弹幕开关按钮

#####QQ：1076597015

####如何使用:

 new DPlayer({
         container: document.getElementById('dplayer1'),
         preload: 'none',
         screenshot: true,
         pipTop: 600,  //画中画距离顶部位置 单位px 默认false 
         video: {
             url: 'https://api.dogecloud.com/player/get.mp4?vcode=5ac682e6f8231991&userId=17&ext=.mp4',
             pic: 'https://i.loli.net/2019/06/06/5cf8c5d9c57b510947.png',
             thumbnails: 'https://i.loli.net/2019/06/06/5cf8c5d9cec8510758.jpg'
         },
         subtitle: {
             url: 'https://s-sh-17-dplayercdn.oss.dogecdn.com/hikarunara.vtt'
         },
         danmaku: {
             id: '9E2E3368B56CDBB4',
             api: 'http://test.lzjrys.store/api/web/danmuku',
             addition: ['https://s-sh-17-dplayercdn.oss.dogecdn.com/1678963.json'],
             reportApi:"http://test/lzjrys/store/api/web/danmakuReport" 默认false
         },
         downloadUrl:"视频链接" 默认false 开启下载视频功能
     });

DPlayer is a lovely HTML5 danmaku video player to help people build video and danmaku easily.

DPlayer supports:

• Streaming formats
  • HLS
  • FLV
  • MPEG DASH
  • WebTorrent
  • Any other custom streaming formats
• Media formats
  • MP4 H.264
  • WebM
  • Ogg Theora Vorbis
• Features
  • Danmaku
  • Screenshot
  • Hotkeys
  • Quality switching
  • Thumbnails
  • Subtitle

Using DPlayer on your project? Let me know!

Docs

中文文档

Thanks

Special Sponsors

Sponsors

| 极酷社 | | :---------------------------: |

Contributors

Join the Discussion

• Telegram Group

Related Projects

Feel free to submit yours in Let me know!

Tooling

• DPlayer-thumbnails: generate video thumbnails

Danmaku api

• DPlayer-node: Node.js
• laravel-danmaku: PHP
• dplayer-live-backend: Node.js, WebSocket live backend
• RailsGun: Ruby

Plugins

• DPlayer-for-typecho: Typecho
• Hexo-tag-dplayer: Hexo
• DPlayer_for_Z-BlogPHP: Z-BlogPHP
• DPlayer for Discuz!: Discuz!
• DPlayer for WordPress: WordPress
• DPlayerHandle: WordPress
• Selection: WordPress
• Vue-DPlayer: Vue
• react-dplayer: React

Other

• DPlayer-Lite: lite version
• hlsjs-p2p-engine
• Feel free to submit yours in Let me know!

Who use DPlayer?

• 学习强国: “学习强国”学习平台精心打造的手机客户端
• 小红书: 中国最大的生活社区分享平台，同时也是发现全球好物的电商平台
• 极客时间: 极客邦科技出品的一款 IT 内容知识服务 App
• 嘀哩嘀哩: 兴趣使然的无名小站（D 站）
• 银色子弹: 银色子弹，简称银弹，由多数柯南热爱者聚集在一起的组织
• 浙江大学 CC98 论坛: 浙江大学校网内规模最大的论坛，中国各大学中较活跃的 BBS 之一
• 纸飞机南航青年网络社区: 南京航空航天大学门户网站
• otomads: 专注于音 MAD 的视频弹幕网站
• Cloudreve: 基于 ThinkPHP 构建的网盘系统
• oneindex: Onedrive Directory Index
• Feel free to submit yours in Let me know!

Donate

DPlayer is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing.

One-time Donations

We accept donations through these channels:

• Paypal
• WeChat Pay
• Alipay

Recurring Pledges

Recurring pledges come with exclusive perks, e.g. enabling faster GitHub response, having your name or your company logo listed in the DPlayer GitHub repository and this website.

• Become a backer or sponsor via Patreon
• E-mail us: i#html.love

Author

DPlayer © DIYgod, Released under the MIT License. Authored and maintained by DIYgod with help from contributors (list).

Blog · GitHub @DIYgod · Twitter @DIYgod · Telegram Channel @awesomeDIYgod