v1.0.1

add Demo
cycjimmy · Sep 22, 2017 · 8f4072d · 8f4072d
1 parent 0ebbc02
commit 8f4072d
Show file tree

Hide file tree

Showing 11 changed files with 959 additions and 59 deletions.
diff --git a/.gitignore b/.gitignore
@@ -55,4 +55,4 @@ npm-debug.log
 yarn-error.log
 
 # project
-temp
+.publish
diff --git a/.npmignore b/.npmignore
@@ -1 +1,2 @@
 src
+demo
diff --git a/README.md b/README.md
@@ -26,6 +26,8 @@
 * The video must be compressed into the TS format of MPEG1 / MP2.
 * Apple device automatically plays without sound, you need to guide the user to click on the video in the lower right corner of the video icon to unlock the sound.(no similar problem in non-autoplay mode)
 
+[Demo](https://cycjimmy.github.io/jsmpeg-player/)
+
 ## How to use
 ### Install
   ```shell
@@ -66,7 +68,7 @@
 ### Use in browser
 ```html
 <div id="videoWrapper"></div>
-<script src="dist/JSMpeg.min.js"></script>
+<script src="JSMpeg.min.js"></script>
 <script>
   var videoUrl = '../static/media/test_video.ts';
   new JSMpeg.VideoElement('#videoWrapper', videoUrl);

diff --git a/demo/JSMpeg.min.js b/demo/JSMpeg.min.js
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JSMpeg Video Test</title>
+  <style>
+    #videoWrapper {
+      margin: 0 auto;
+      width: 640px;
+      height: 360px;
+    }
+  </style>
+</head>
+
+<body>
+<div id="videoWrapper"></div>
+
+<script src="./JSMpeg.min.js"></script>
+<script>
+  var
+    poster = 'https://raw.githubusercontent.com/cycjimmy/staticFiles/storage/images/screenshot/big_buck_bunny_640x360.jpg'
+    , videoUrl = './media/big_buck_bunny_640x360.ts'
+  ;
+
+  var
+    video = new JSMpeg.VideoElement('#videoWrapper', videoUrl, {
+      poster,
+    })
+  ;
+
+  console.log(video);
+</script>
+
+</body>
+</html>
diff --git a/demo/media/Sony_test_video_640x360.ts b/demo/media/Sony_test_video_640x360.ts
diff --git a/demo/media/big_buck_bunny_640x360.ts b/demo/media/big_buck_bunny_640x360.ts
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,32 @@
+var
+  path = require('path')
+  , gulp = require('gulp')
+  , ghPages = require('gulp-gh-pages')
+  , gulpCopy = require('gulp-copy')
+;
+
+
+gulp.task('copy', function () {
+  var
+    sourceFiles = path.resolve('dist', 'JSMpeg.min.js')
+    , destination = path.resolve('demo')
+  ;
+
+  return gulp
+    .src(sourceFiles)
+    .pipe(gulpCopy(destination, {
+      prefix: 1
+    }));
+});
+
+// Deploy to ghPages
+gulp.task('deploy', function () {
+  return gulp
+    .src('demo/**/*')
+    .pipe(ghPages());
+});
+
+
+
+
+
diff --git a/package.json b/package.json
@@ -1,14 +1,15 @@
 {
   "name": "jsmpeg-player",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "MPEG1 Video Player Based On JSMpeg",
   "main": "dist/JSMpeg.js",
   "module": "src/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "webpack --progress --display-modules --display-reasons --display-error-details --color",
     "build:production": "cross-env NODE_ENV=production webpack --progress --optimize-minimize",
-    "prepublish": "npm run build && npm run build:production"
+    "deploy": "gulp deploy",
+    "prepublish": "npm run build && npm run build:production && gulp copy"
   },
   "repository": {
     "type": "git",
@@ -32,6 +33,9 @@
     "babel-preset-env": "^1.6.0",
     "clean-webpack-plugin": "^0.1.16",
     "cross-env": "^5.0.5",
+    "gulp": "^3.9.1",
+    "gulp-copy": "^1.0.1",
+    "gulp-gh-pages": "^0.5.4",
     "jest": "^21.1.0",
     "regenerator-runtime": "^0.11.0",
     "uglify-js": "^3.1.1",

diff --git a/test/browser/test.html b/test/browser/test.html