DIYgod mirror

Go to file

DIYgod 86ad08cd1a update README and LICENSE		2017-07-23 22:13:11 +08:00
.github	add ISSUE_TEMPLATE	2017-03-08 18:52:02 +08:00
demo	New api: switchQuality	2017-06-19 03:00:13 +08:00
dist	fix checking loading bug	2017-07-12 02:26:32 +08:00
plugin	web full screen, close #30 ; new option: video.type	2017-03-09 00:30:51 +08:00
src	fix checking loading bug	2017-07-12 02:26:32 +08:00
.eslintrc	support segmented videos	2017-06-08 00:34:16 +08:00
.gitignore	ignore logs	2016-11-08 18:06:13 +08:00
.travis.yml	upgrade node version in travis-ci	2017-02-06 12:26:14 +08:00
LICENSE	update README and LICENSE	2017-07-23 22:13:11 +08:00
README.md	update README and LICENSE	2017-07-23 22:13:11 +08:00
package.json	fix checking loading bug	2017-07-12 02:26:32 +08:00
postcss.config.js	use yarn, upgrade to webpack2	2017-02-06 12:04:58 +08:00
webpack.config.js	compress HTML string with template-string-optimize-loader	2017-06-25 22:22:11 +08:00
yarn.lock	fix checking loading bug	2017-07-12 02:26:32 +08:00

README.md

ADPlayer

DPlayer

Wow, such a lovely HTML5 danmaku video player

Introduction

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

DPlayer supports:

Streaming formats:
- HLS
- FLV
Media formats:
- MP4 H.264
- WebM
- Ogg
Features:
- Danamku
- Screenshot
- Hotkeys
- Quality switching

Using DPlayer on your project? Let me know!

Demo

Docs

Install

$ npm install dplayer --save

Quick Start

<link rel="stylesheet" href="https://rawgit.com/DIYgod/DPlayer/master/dist/DPlayer.min.css">
<div id="player1"></div>
<script src="https://rawgit.com/DIYgod/DPlayer/master/dist/DPlayer.min.js"></script>

var dp = new DPlayer({
    element: document.getElementById('player1'),
    video: {
        url: 'dplayer.mp4',
        pic: 'dplayer.png'
    },
    danmaku: {
        id: 'testid',
        api: 'https://api.prprpr.me/dplayer/'
    }
});