eplayer 1.5.2 → 1.5.4

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "eplayer",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "description": "A web-components html5 video player facing future",
-  "main": "./packages/eplayer/index.js",
-  "module": "./packages/eplayer/index.js",
+  "main": "./docs/eplayer.js",
+  "module": "./docs/eplayer.js",
   "unpkg": "./docs/eplayer.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "rollup -c"
+    "build": "rollup -c",
+    "start": "serve docs"
   },
   "repository": {
     "type": "git",
@@ -19,5 +20,10 @@
   "bugs": {
     "url": "https://github.com/132yse/eplayer/issues"
   },
-  "homepage": "https://github.com/132yse/eplayer#readme"
+  "homepage": "https://github.com/132yse/eplayer#readme",
+  "dependencies": {
+    "pixi-filters": "^6.0.4",
+    "pixi.js": "^8.1.8",
+    "serve": "^14.2.3"
+  }
 }

package/docs/pic.js

@@ -1,107 +0,0 @@
-var random_images_array = ["1363382418078.png", 
-"141000167429.png", 
-"1410001686910.png", 
-"1410306398205.png", 
-"1416301704148.png", 
-"1418972601666.png", 
-"1422254058570.png",
-"1422254999827.png",
-"1424092566613.png",
-"1428177826695.png",
-"1428177904344.png",
-"1428178080167.png",
-"1428178155255.png",
-"1428178187507.png",
-"1428254016467.png",
-"1428423289437.png",
-"1428707759205.png",
-"1429510703681.png",
-"14350958102351.png",
-"1435095810963.png",
-"1435212506997.png",
-"1436240851027.png",
-"1444797684947.png",
-"1444797896875.png",
-"1444912076567.png",
-"1444925656945.png",
-"1444932063639.png",
-"1445288849940.png",
-"1445289056206.png",
-"1445902711571.png",
-"1446055508030.png",
-"1446382234634.png",
-"1446463082730.png",
-"1446543984763.png",
-"1446567791227.png",
-"1446781681255.png",
-"1447699627084.png",
-"1448061734635.png",
-"1448184200057.png",
-"1448242472700.png",
-"1448242666775.png",
-"1448491901093.png",
-"1450726187259.png",
-"1448856052869.png",
-"1449726465401.png",
-"1450354879735.png",
-"1450722871010.png",
-"1450724583409.png",
-"1450726187259.png",
-"1453766877670.png",
-"1456435736475.png",
-"1456626037119.png",
-"1456795820199.png",
-"1457227943457.png",
-"1457343592535.png",
-"1457740113058.png",
-"1457765150963.png",
-"1457903809526.png",
-"1458107401807.png",
-"1458114655716.png",
-"1458179149667.png",
-"1458181302393.png",
-"1458378445396.png",
-"1458438424722.png",
-"1458593213144.png",
-"1458602218407.png",
-"1458689827974.png",
-"1458695854180.png",
-"1458701216283.png",
-"1458879883654.png",
-"1459005360759.png",
-"1459039594461.png",
-"1466924283295.png",
-"1468421480662.png",
-"1471262460053.png",
-"1471285748918.png",
-"1472894659994.png",
-"1480486527028.png",
-"1484879057343.png",
-"1486346829409.png",
-"1489034771085.png",
-"1489257402500.png",
-"1489281927118.png",
-"1489297097940.png",
-"1490418851494.png",
-"1492281060221.png",
-"1494909700688.png",
-"1506616576326.png",
-"1512072270390.png",
-"1512276789957.png",
-"7ckzd1.png",
-"e1c25e2f18430875d15fdcfbb14257e8.png",
-"megumin_1.png",
-"megumin_2.png",
-"nz5vnb.png",
-"patreon-1.png",
-"patreon-2.png",
-"patreon-3.png",
-"patreon-4.png"
-];
-
-path = 'https://catbox.moe/pictures/qts/';
-var num = Math.floor( Math.random() * random_images_array.length );
-var img = random_images_array[ num ];
-var imgStr = '<img src="' + path + img + '" style="position: absolute;bottom: 0;right: 0;">';
-
-document.write(imgStr); document.close();

package/packages/danmuku/README.md

@@ -1,27 +0,0 @@
-## danmuku.js
-
-### Install
-```
-yarn add danmu
-```
-
-### Use
-
-```javascript
-import Danmu from 'danmu'
-
-let data = [{ value: '爱死这破站啦::>_<::', time: 0, color: '#fff' }]
-let dm = new Danmu(canvas, video, data)
-// 开飞
-dm.play()
-// 暂停
-dm.pause()
-// 添加
-dm.add({ value: '(⊙o⊙)…', time: 0, color: '#fff' })
-// 重置
-dm.reset()
-```
-
-p.s.
-
-请尽量统一字号，这样有利于排版算法计算，否则将会出现 Acfun 那种弹幕重叠的状态，很违和 √

package/packages/danmuku/danmuku.js

@@ -1,111 +0,0 @@
-class Danmuku {
-  constructor(canvas, video, data) {
-    this.canvas = canvas
-    this.video = video
-    this.context = canvas.getContext('2d')
-    this.canvas.width = video.clientWidth
-    this.canvas.height = video.clientHeight
-    let defaultOpts = {
-      color: '#fff',
-      fontSize: 20,
-      speed: 2,
-      data: []
-    }
-    Object.assign(this, defaultOpts, { data })
-
-    this.paused = true
-    this.danmuku = this.data.map(danmu => new Danmu(danmu, this))
-
-    this.render()
-  }
-
-  render() {
-    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height)
-    this.draw()
-    if (!this.paused) {
-      requestAnimationFrame(this.render.bind(this))
-    }
-  }
-
-  draw() {
-    let cTime = this.video.currentTime
-    this.danmuku.forEach(danmu => {
-      if (!danmu.flag && danmu.time <= cTime) {
-        if (!danmu.once) {
-          danmu.init()
-          danmu.once = true
-        }
-        danmu.x -= danmu.speed
-        danmu.render()
-        if (danmu.x <= danmu.width * -1) {
-          danmu.flag = true
-        }
-      }
-    })
-  }
-
-  add(danmu) {
-    this.danmuku.push(new Danmu(danmu, this))
-  }
-
-  play() {
-    this.paused = false
-    this.render()
-  }
-
-  pause() {
-    this.paused = true
-  }
-
-  reset() {
-    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height)
-    let cTime = this.video.currentTime
-    this.danmuku.forEach(danmu => {
-      danmu.flag = false
-      if (cTime < danmu.time) {
-        danmu.paused = false
-      } else {
-        danmu.flag = true
-      }
-    })
-  }
-}
-
-class Danmu {
-  constructor(danmu, vm) {
-    this.danmu = danmu
-    this.value = danmu.value
-    this.time = danmu.time
-    this.vm = vm
-  }
-
-  init() {
-    this.color = this.danmu.color || this.vm.color
-    this.fontSize = this.danmu.fontSize || this.vm.fontSize
-    this.speed = this.danmu.speed || this.vm.speed
-
-    let span = document.createElement('span')
-    span.innerText = this.value
-    span.style.font = this.fontSize + 'px "微软雅黑"'
-    span.style.position = 'absolute'
-    document.body.appendChild(span)
-    this.width = span.clientWidth
-    document.body.removeChild(span)
-
-    this.x = this.vm.canvas.width
-    let r = this.vm.canvas.height * Math.random()
-    this.y = r - (r % this.fontSize)
-
-    if (this.y < this.fontSize) this.y = this.fontSize
-    if (this.y > this.vm.canvas.height - this.fontSize)
-      this.y = this.vm.canvas.height - this.fontSize
-  }
-
-  render() {
-    this.vm.context.font = this.fontSize + 'px "微软雅黑"'
-    this.vm.context.fillStyle = this.color
-    this.vm.context.fillText(this.value, this.x, this.y)
-  }
-}
-
-export default Danmuku

package/packages/danmuku/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "danmu",
-  "version": "0.0.2",
-  "description": "```javascript\r let data = [{ value: '爱死这破站啦::>_<::', time: 0, color: '#fff' }]\r let dm = new Danmuku(canvas, video, data)\r // 开飞\r dm.play()\r // 暂停\r dm.pause()\r // 添加\r dm.add({ value: '(⊙o⊙)…', time: 0, color: '#fff' })\r // 重置\r dm.reset()\r ```",
-  "main": "danmuku.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "MIT"
-}