Home Explore Help
Register Sign In
lqb
/
DPlayer
mirror of https://gitee.com/mirrors/DPlayer.git
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

init project

DIYgod 9 years ago
commit
6982d58cd7
11 changed files with 218 additions and 0 deletions
Unified View Show Diff Stats
  1. 4 0
      .gitignore
  2. 3 0
      .travis.yml
  3. 39 0
      README.md
  4. 58 0
      demo/index.html
  5. 0 0
      dist/DPlayer.min.css
  6. 2 0
      dist/DPlayer.min.js
  7. 1 0
      dist/DPlayer.min.js.map
  8. 71 0
      gulpfile.js
  9. 40 0
      package.json
  10. 0 0
      src/DPlayer.js
  11. 0 0
      src/DPlayer.scss

+ 4 - 0
.gitignore
View File 

@@ -0,0 +1,4 @@
 
+.idea
 
+node_modules
 
+demo2
 
+npm-debug.log

+ 3 - 0
.travis.yml
View File 

@@ -0,0 +1,3 @@
 
+language: node_js
 
+node_js:
 
+  - "4.0"

+ 39 - 0
README.md
View File 

@@ -0,0 +1,39 @@
 
+# DPlayer
 
+
 
+[![npm](https://img.shields.io/npm/v/dplayer.svg?style=flat-square)](https://www.npmjs.com/package/dplayer)
 
+[![npm](https://img.shields.io/npm/l/dplayer.svg?style=flat-square)](https://www.npmjs.com/package/dplayer)
 
+[![devDependency Status](https://img.shields.io/david/dev/DIYgod/dplayer.svg?style=flat-square)](https://david-dm.org/DIYgod/DPlayer#info=devDependencies)
 
+[![npm](https://img.shields.io/npm/dt/dplayer.svg?style=flat-square)](https://www.npmjs.com/package/dplayer)
 
+[![Travis](https://img.shields.io/travis/DIYgod/DPlayer.svg?style=flat-square)](https://travis-ci.org/DIYgod/DPlayer)
 
+[![%e2%9d%a4](https://img.shields.io/badge/made%20with-%e2%9d%a4-ff69b4.svg?style=flat-square)](https://www.anotherhome.net/)
 
+
 
+Wow, such a lovely html5 danmaku video player
 
+
 
+## Introduction
 
+
 
+**Notice:** This player is still under development.
 
+
 
+## Install
 
+
 
+```
 
+$ npm install dplayer --save
 
+``
 
+
 
+## Run in development
 
+
 
+```
 
+$ npm install
 
+$ npm run dev
 
+```
 
+
 
+## Make a release
 
+
 
+```
 
+$ npm install
 
+$ npm run build
 
+```
 
+
 
+
 
+## LICENSE
 
+
 
+MIT © [DIYgod](http://github.com/DIYgod)

+ 58 - 0
demo/index.html
View File 

@@ -0,0 +1,58 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <title>DPlayer Demo</title>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <link rel="stylesheet" href="../dist/DPlayer.min.css">
 
+    <style>
 
+        body {
 
+            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
+        }
 
+        .container {
 
+            max-width: 32rem;
 
+            margin-left: auto;
 
+            margin-right: auto;
 
+            margin-bottom: 50px;
 
+        }
 
+        h1 {
 
+            font-size: 54px;
 
+            color: #333;
 
+            margin: 30px 0 10px;
 
+        }
 
+        h2 {
 
+            font-size: 22px;
 
+            color: #555;
 
+        }
 
+        h3 {
 
+            font-size: 24px;
 
+            color: #555;
 
+        }
 
+        hr {
 
+            display: block;
 
+            width: 7rem;
 
+            height: 1px;
 
+            margin: 2.5rem 0;
 
+            background-color: #eee;
 
+            border: 0;
 
+        }
 
+        a {
 
+            color: #08c;
 
+            text-decoration: none;
 
+        }
 
+        p {
 
+            font-size: 18px;
 
+        }
 
+    </style>
 
+</head>
 
+<body>
 
+    <a href="https://github.com/DIYgod/DPlayer" target="_blank" class="github-corner"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
 
+    <div class="container">
 
+        <h1>DPlayer</h1>
 
+        <h2>Wow, such a lovely html5 danmaku video player</h2>
 
+        <p>Made by <a href="https://www.anotherhome.net/" target="_blank">DIYgod</a>. Available on <a href="https://github.com/DIYgod/DPlayer" target="_blank">GitHub</a>. Licensed MIT.</p>
 
+        <hr>
 
+    </div>
 
+    <script src="../dist/DPlayer.min.js"></script>
 
+</body>
 
+</html>

+ 0 - 0
dist/DPlayer.min.css
View File


+ 2 - 0
dist/DPlayer.min.js
View File 

@@ -0,0 +1,2 @@
 
+"use strict";
 
+//# sourceMappingURL=DPlayer.min.js.map

+ 1 - 0
dist/DPlayer.min.js.map
View File 

@@ -0,0 +1 @@
 
+{"version":3,"sources":["DPlayer.js"],"names":[],"mappings":"AAAA","file":"DPlayer.min.js","sourcesContent":["\"use strict\";"],"sourceRoot":"/source/"}

+ 71 - 0
gulpfile.js
View File 

@@ -0,0 +1,71 @@
 
+var gulp        = require('gulp');
 
+var sass        = require('gulp-sass');
 
+var prefix      = require('gulp-autoprefixer');
 
+var uglify      = require('gulp-uglify');
 
+var concat      = require('gulp-concat');
 
+var cssNano     = require('gulp-cssnano');
 
+var rename      = require('gulp-rename');
 
+var babel       = require("gulp-babel");
 
+var sourcemaps  = require("gulp-sourcemaps");
 
+var browserSync = require('browser-sync').create();
 
+
 
+// Launch the server
 
+gulp.task('browser-sync', function() {
 
+    browserSync.init({
 
+        server: {
 
+            baseDir: './'
 
+        },
 
+        startPath: '/demo'
 
+    });
 
+});
 
+
 
+// Move files
 
+gulp.task('copy', function () {
 
+    gulp.src('src/font/*')
 
+        .pipe(gulp.dest('dist/font'));
 
+    gulp.src(['src/*.jpg', 'src/*.png'])
 
+        .pipe(gulp.dest('dist'));
 
+});
 
+
 
+// Build js files
 
+gulp.task('compressJS', function() {
 
+    gulp.src(['src/*.js'])
 
+        .pipe(sourcemaps.init())
 
+        .pipe(babel({
 
+            presets: ['es2015']
 
+        }))
 
+        .pipe(uglify())
 
+        .pipe(rename({
 
+            suffix: ".min"
 
+        }))
 
+        .pipe(sourcemaps.write("."))
 
+        .pipe(gulp.dest('dist'))
 
+        .pipe(browserSync.stream());
 
+});
 
+
 
+// Build css files
 
+gulp.task('compressCSS', function() {
 
+    gulp.src('src/*.scss')
 
+        .pipe(sass())
 
+        .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
 
+        .pipe(cssNano())
 
+        .pipe(rename({
 
+            suffix: ".min"
 
+        }))
 
+        .pipe(gulp.dest('dist'))
 
+        .pipe(browserSync.stream());
 
+});
 
+
 
+// Watch files for changes & recompile
 
+gulp.task('watch', function () {
 
+    gulp.watch(['src/*.js'], ['compressJS']);
 
+    gulp.watch(['src/*.scss'], ['compressCSS']);
 
+    gulp.watch('demo/*.html').on('change', browserSync.reload);
 
+    gulp.watch('demo/font/*', ['copy']);
 
+});
 
+
 
+// compile the project, including move font, compress js and scss, also be used to test
 
+gulp.task('release', ['copy', 'compressJS', 'compressCSS']);
 
+
 
+// Default task, running just `gulp` will move font, compress js and scss, launch server, watch files.
 
+gulp.task('default', ['release', 'browser-sync', 'watch']);

+ 40 - 0
package.json
View File 

@@ -0,0 +1,40 @@
 
+{
 
+  "name": "dplayer",
 
+  "version": "0.0.1",
 
+  "description": "Wow, such a lovely html5 danmaku video player",
 
+  "main": "dist/DPlayer.min.js",
 
+  "scripts": {
 
+    "test": "gulp release",
 
+    "dev": "gulp",
 
+    "build": "gulp release"
 
+  },
 
+  "repository": {
 
+    "type": "git",
 
+    "url": "git+https://github.com/DIYgod/DPlayer.git"
 
+  },
 
+  "keywords": [
 
+    "player",
 
+    "danmaku",
 
+    "video",
 
+    "html5"
 
+  ],
 
+  "author": "DIYgod",
 
+  "license": "MIT",
 
+  "bugs": {
 
+    "url": "https://github.com/DIYgod/DPlayer/issues"
 
+  },
 
+  "homepage": "https://github.com/DIYgod/DPlayer#readme",
 
+  "devDependencies": {
 
+    "babel-preset-es2015": "^6.6.0",
 
+    "browser-sync": "^2.12.4",
 
+    "gulp": "^3.9.1",
 
+    "gulp-autoprefixer": "^3.1.0",
 
+    "gulp-babel": "^6.1.2",
 
+    "gulp-concat": "^2.6.0",
 
+    "gulp-cssnano": "^2.1.2",
 
+    "gulp-rename": "^1.2.2",
 
+    "gulp-sass": "^2.3.1",
 
+    "gulp-sourcemaps": "^1.6.0",
 
+    "gulp-uglify": "^1.5.3"
 
+  }
 
+}

+ 0 - 0
src/DPlayer.js
View File


+ 0 - 0
src/DPlayer.scss
View File