From 6982d58cd7b2cbebd8f00d497fcb66053078331b Mon Sep 17 00:00:00 2001 From: DIYgod Date: Tue, 3 May 2016 22:11:47 +0800 Subject: [PATCH] init project --- .gitignore | 4 +++ .travis.yml | 3 ++ README.md | 39 ++++++++++++++++++++++ demo/index.html | 58 +++++++++++++++++++++++++++++++++ dist/DPlayer.min.css | 0 dist/DPlayer.min.js | 2 ++ dist/DPlayer.min.js.map | 1 + gulpfile.js | 71 +++++++++++++++++++++++++++++++++++++++++ package.json | 40 +++++++++++++++++++++++ src/DPlayer.js | 0 src/DPlayer.scss | 0 11 files changed, 218 insertions(+) create mode 100644 .gitignore create mode 100644 .travis.yml create mode 100644 README.md create mode 100644 demo/index.html create mode 100644 dist/DPlayer.min.css create mode 100644 dist/DPlayer.min.js create mode 100644 dist/DPlayer.min.js.map create mode 100644 gulpfile.js create mode 100644 package.json create mode 100644 src/DPlayer.js create mode 100644 src/DPlayer.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..33ca463 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +.idea +node_modules +demo2 +npm-debug.log \ No newline at end of file diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 0000000..7e1a6b7 --- /dev/null +++ b/.travis.yml @@ -0,0 +1,3 @@ +language: node_js +node_js: + - "4.0" \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..44c06d3 --- /dev/null +++ b/README.md @@ -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) diff --git a/demo/index.html b/demo/index.html new file mode 100644 index 0000000..d6e616f --- /dev/null +++ b/demo/index.html @@ -0,0 +1,58 @@ + + + + + DPlayer Demo + + + + + + +
+

DPlayer

+

Wow, such a lovely html5 danmaku video player

+

Made by DIYgod. Available on GitHub. Licensed MIT.

+
+
+ + + \ No newline at end of file diff --git a/dist/DPlayer.min.css b/dist/DPlayer.min.css new file mode 100644 index 0000000..e69de29 diff --git a/dist/DPlayer.min.js b/dist/DPlayer.min.js new file mode 100644 index 0000000..29d17a2 --- /dev/null +++ b/dist/DPlayer.min.js @@ -0,0 +1,2 @@ +"use strict"; +//# sourceMappingURL=DPlayer.min.js.map diff --git a/dist/DPlayer.min.js.map b/dist/DPlayer.min.js.map new file mode 100644 index 0000000..bbe8b62 --- /dev/null +++ b/dist/DPlayer.min.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["DPlayer.js"],"names":[],"mappings":"AAAA","file":"DPlayer.min.js","sourcesContent":["\"use strict\";"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..e72f0cd --- /dev/null +++ b/gulpfile.js @@ -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']); \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..29ae872 --- /dev/null +++ b/package.json @@ -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" + } +} diff --git a/src/DPlayer.js b/src/DPlayer.js new file mode 100644 index 0000000..e69de29 diff --git a/src/DPlayer.scss b/src/DPlayer.scss new file mode 100644 index 0000000..e69de29