From 495ff8625ee16c43b086e97abc885af945c03891 Mon Sep 17 00:00:00 2001 From: Harvey Zack Date: Fri, 26 Apr 2019 17:17:57 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BC=B9=E5=B9=95=E5=9F=BA=E6=9C=AC=E6=88=90?= =?UTF-8?q?=E5=9E=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/assets/example/danmu.js | 2 + docs/uncompiled/artplayer-plugin-danmu.js | 203 +++++++++++------- docs/uncompiled/artplayer-plugin-danmu.js.map | 2 +- .../artplayer-plugin-danmu/src/danmuku.js | 160 ++++++++------ packages/artplayer-plugin-danmu/src/index.js | 2 +- 5 files changed, 229 insertions(+), 140 deletions(-) diff --git a/docs/assets/example/danmu.js b/docs/assets/example/danmu.js index 4b8affbe4..0811f3660 100644 --- a/docs/assets/example/danmu.js +++ b/docs/assets/example/danmu.js @@ -4,10 +4,12 @@ var art = new Artplayer({ url: url + '/video/you-name.mp4', autoSize: true, plugins: [artplayerPluginDanmu({ + // 弹幕样本：https://www.bilibili.com/video/av7185185 danmus: () => artplayerPluginDanmu.bilibiliDanmuParseFromAv(7185185), speed: 5, opacity: 1, color: '#fff', size: 14, + maxlength: 50, })], }); \ No newline at end of file diff --git a/docs/uncompiled/artplayer-plugin-danmu.js b/docs/uncompiled/artplayer-plugin-danmu.js index 2b73eae04..1a0b58597 100644 --- a/docs/uncompiled/artplayer-plugin-danmu.js +++ b/docs/uncompiled/artplayer-plugin-danmu.js @@ -90,6 +90,44 @@ }); } + function _defineProperty(obj, key, value) { + if (key in obj) { + Object.defineProperty(obj, key, { + value: value, + enumerable: true, + configurable: true, + writable: true + }); + } else { + obj[key] = value; + } + + return obj; + } + + var defineProperty = _defineProperty; + + function _objectSpread(target) { + for (var i = 1; i < arguments.length; i++) { + var source = arguments[i] != null ? arguments[i] : {}; + var ownKeys = Object.keys(source); + + if (typeof Object.getOwnPropertySymbols === 'function') { + ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { + return Object.getOwnPropertyDescriptor(source, sym).enumerable; + })); + } + + ownKeys.forEach(function (key) { + defineProperty(target, key, source[key]); + }); + } + + return target; + } + + var objectSpread = _objectSpread; + function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); @@ -127,22 +165,26 @@ classCallCheck(this, Danmuku); this.art = art; - this.queue = {}; - this.current = []; - this.layer = {}; + this.queue = []; + this.layer = null; this.isStop = false; this.timer = null; this.option = Object.assign({}, Danmuku.option, option); art.constructor.validator(this.option, Danmuku.scheme); + art.on('video:play', this.start.bind(this)); + art.on('video:pause', this.stop.bind(this)); + art.on('video:ended', this.stop.bind(this)); + art.on('destroy', this.stop.bind(this)); if (typeof this.option.danmus === 'function') { this.option.danmus().then(function (danmus) { - danmus.forEach(_this.emit); + art.emit('artplayerPluginDanmu:loaded', danmus); + danmus.forEach(_this.addToQueue.bind(_this)); _this.init(); }); } else { - this.option.danmus.forEach(this.emit); + this.option.danmus.forEach(this.addToQueue); this.init(); } } @@ -150,8 +192,7 @@ createClass(Danmuku, [{ key: "init", value: function init() { - var layers = this.art.layers; - this.layer = layers.add({ + this.layer = this.art.layers.add({ name: 'danmu', style: { position: 'absolute', @@ -161,60 +202,70 @@ bottom: 0, width: '100%', height: '100%', - overflow: 'hidden' + overflow: 'hidden', + pointerEvents: 'none' } }); - this.update(); - this.art.on('video:play', this.start.bind(this)); - this.art.on('video:pause', this.stop.bind(this)); - this.art.on('video:ended', this.stop.bind(this)); - this.art.on('destroy', this.stop.bind(this)); } }, { key: "emit", - value: function emit() { - var danmu = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + value: function emit(danmu) { var errorHandle = this.art.constructor.utils.errorHandle; - errorHandle(danmu.text, 'Danmu text cannot be empty'); - errorHandle(danmu.time, 'Danmu time cannot be empty'); - - if (this.queue[danmu.time]) { - this.queue[danmu.time].push(danmu); - } else { - this.queue[danmu.time] = [danmu]; - } // this.art.emit('artplayerPluginDanmu:emit', danmu); - // if (!this.isStop) { - // const { clientWidth: playerWidth, clientHeight: playerHeight } = this.art.template.$player; - // const danmuItem = this.getDanmuItem(); - // danmuItem.$ref.innerText = danmu.text; - // danmuItem.$ref.style.fontSize = danmu.size || this.option.size; - // const { clientWidth: danmuWidth, clientHeight: danmuHeight } = danmuItem.$ref; - // danmuItem.$ref.style.opacity = danmu.opacity || this.option.opacity; - // danmuItem.$ref.style.color = danmu.color || this.option.color; - // danmuItem.$ref.style.top = this.getDanmuTop(playerHeight, danmuHeight); - // danmuItem.$ref.style.left = `${playerWidth}px`; - // danmuItem.$ref.style.transform = `translateX(${-playerWidth - - // danmuWidth}px) translateY(0px) translateZ(0px)`; - // danmuItem.$ref.style.transition = `-webkit-transform ${danmu.speed || this.option.speed}s linear 0s`; - // this.art.emit('artplayerPluginDanmu:emit', danmu); - // } - + errorHandle(this.layer, 'The danmuku is not ready'); + var _this$art$template$$p = this.art.template.$player, + playerWidth = _this$art$template$$p.clientWidth, + playerHeight = _this$art$template$$p.clientHeight; + danmu.$ref.innerText = danmu.text; + danmu.$ref.style.fontSize = "".concat(danmu.size || this.option.size, "px"); + var _danmu$$ref = danmu.$ref, + danmuWidth = _danmu$$ref.clientWidth, + danmuHeight = _danmu$$ref.clientHeight; + danmu.$ref.style.opacity = danmu.opacity || this.option.opacity; + danmu.$ref.style.color = danmu.color || this.option.color; + danmu.$ref.style.top = this.getDanmuTop(playerHeight, danmuHeight); + danmu.$ref.style.left = "".concat(playerWidth, "px"); + var translateX = -playerWidth - danmuWidth - 10; + danmu.$ref.style.transform = "translateX(".concat(translateX, "px) translateY(0px) translateZ(0px)"); + danmu.$ref.style.transition = "-webkit-transform ".concat(danmu.speed || this.option.speed, "s linear 0s"); } }, { - key: "getDanmuItem", - value: function getDanmuItem() { + key: "addToQueue", + value: function addToQueue(danmu) { + var errorHandle = this.art.constructor.utils.errorHandle; + errorHandle(danmu.text, 'Danmu text cannot be empty'); + errorHandle(typeof danmu.time === 'number', 'Danmu time cannot be empty'); + errorHandle(danmu.text.length <= this.option.maxlength, "The length of the danmu does not exceed ".concat(this.option.maxlength)); + this.queue.push(objectSpread({}, danmu, { + $state: 'wait', + $ref: null, + $emitTime: 0 + })); + } + }, { + key: "getDanmuRef", + value: function getDanmuRef() { + var $player = this.art.template.$player; var _this$art$constructor = this.art.constructor.utils, setStyles = _this$art$constructor.setStyles, append = _this$art$constructor.append; - var inactiveItem = this.current.find(function (item) { - return item.state === 'inactive'; + var playerLeft = $player.getBoundingClientRect().left; + var waitDanmu = this.queue.find(function (danmu) { + if (danmu.$ref) { + var _danmu$$ref$getBoundi = danmu.$ref.getBoundingClientRect(), + left = _danmu$$ref$getBoundi.left, + width = _danmu$$ref$getBoundi.width; + + return playerLeft >= left + width; + } + + return false; }); - if (inactiveItem) { - inactiveItem.time = Date.now(); - inactiveItem.$ref.style.transform = 'translateX(0px) translateY(0px) translateZ(0px)'; - inactiveItem.$ref.style.transition = '-webkit-transform 0s linear 0s'; - return inactiveItem; + if (waitDanmu) { + waitDanmu.$state = 'wait'; + waitDanmu.$ref.style.transform = 'translateX(0px) translateY(0px) translateZ(0px)'; + waitDanmu.$ref.style.transition = '-webkit-transform 0s linear 0s'; + return waitDanmu.$ref; } var $ref = document.createElement('div'); @@ -231,41 +282,43 @@ lineHeight: '1.125', textShadow: 'rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px' }); - return this.current.push({ - state: 'active', - time: Date.now(), - $ref: append(this.layer.$ref, $ref) - }); + append(this.layer.$ref, $ref); + return $ref; } }, { key: "getDanmuTop", value: function getDanmuTop(playerHeight, danmuHeight) { return 0; } + }, { + key: "changeState", + value: function changeState(before, after) { + return this.queue.filter(function (danmu) { + return danmu.$state === before; + }).map(function (danmu) { + danmu.$state = after; + return danmu; + }); + } }, { key: "update", value: function update() { var _this2 = this; - var _this$art = this.art, - $player = _this$art.template.$player, - player = _this$art.player; + var player = this.art.player; this.timer = window.requestAnimationFrame(function () { - _this2.current.forEach(function (item) { - if (Date.now() - item.time >= _this2.option.speed) { - item.state = 'inactive'; - } + _this2.queue.filter(function (danmu) { + return player.currentTime + 0.25 >= danmu.time && danmu.time >= player.currentTime - 0.25 && danmu.$state === 'wait'; + }).map(function (danmu) { + danmu.$emitTime = Date.now(); + danmu.$ref = _this2.getDanmuRef(); + danmu.$state = 'emit'; + return danmu; + }).forEach(function (danmu) { + _this2.emit(danmu); }); - Object.keys(_this2.queue).filter(function (time) { - return player.currentTime + 0.5 >= time && time >= player.currentTime - 0.5; - }).reduce(function (result, key) { - return result.concat(_this2.queue[key]); - }, []).forEach(function (item) { - console.log(item); - }); - - if (!_this2.isStop && player.playing) { + if (!_this2.isStop) { _this2.update(); } }); @@ -274,6 +327,8 @@ key: "stop", value: function stop() { this.isStop = true; + this.changeState('emit', 'stop'); + this.changeState('continue', 'stop'); window.cancelAnimationFrame(this.timer); this.art.emit('artplayerPluginDanmu:stop'); } @@ -281,6 +336,8 @@ key: "start", value: function start() { this.isStop = false; + this.changeState('stop', 'continue'); + this.update(); this.art.emit('artplayerPluginDanmu:start'); } }, { @@ -303,7 +360,8 @@ speed: 5, opacity: 1, color: '#fff', - size: 14 + size: 14, + maxlength: 50 }; } }, { @@ -314,7 +372,8 @@ speed: 'number', opacity: 'number', color: 'string', - size: 'number' + size: 'number', + maxlength: 'number' }; } }]); @@ -327,7 +386,7 @@ var danmuku = new Danmuku(art, option); return { name: 'artplayerPluginDanmu', - emit: danmuku.emit.bind(danmuku), + emit: danmuku.addToQueue.bind(danmuku), start: danmuku.start.bind(danmuku), stop: danmuku.stop.bind(danmuku), hide: danmuku.hide.bind(danmuku), diff --git a/docs/uncompiled/artplayer-plugin-danmu.js.map b/docs/uncompiled/artplayer-plugin-danmu.js.map index e5e6c1ae8..a07bd4043 100644 --- a/docs/uncompiled/artplayer-plugin-danmu.js.map +++ b/docs/uncompiled/artplayer-plugin-danmu.js.map @@ -1 +1 @@ -{"version":3,"file":"artplayer-plugin-danmu.js","sources":["../../node_modules/@babel/runtime/helpers/arrayWithHoles.js","../../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js","../../node_modules/@babel/runtime/helpers/nonIterableRest.js","../../node_modules/@babel/runtime/helpers/slicedToArray.js","../../packages/artplayer-plugin-danmu/src/bilibiliDanmuParse.js","../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../packages/artplayer-plugin-danmu/src/danmuku.js","../../packages/artplayer-plugin-danmu/src/index.js"],"sourcesContent":["function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nmodule.exports = _arrayWithHoles;","function _iterableToArrayLimit(arr, i) {\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nmodule.exports = _iterableToArrayLimit;","function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance\");\n}\n\nmodule.exports = _nonIterableRest;","var arrayWithHoles = require(\"./arrayWithHoles\");\n\nvar iterableToArrayLimit = require(\"./iterableToArrayLimit\");\n\nvar nonIterableRest = require(\"./nonIterableRest\");\n\nfunction _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || nonIterableRest();\n}\n\nmodule.exports = _slicedToArray;","export function bilibiliDanmuParseFromXml(xmlString) {\n if (typeof xmlString !== 'string') return [];\n const srtList = xmlString.match(/[\\S ]*?)<\\/d>/gi);\n return srtList.length\n ? srtList.map(item => {\n const [, attrStr, text] = item.match(/(.+)<\\/d>/);\n const attr = attrStr.split(',');\n return attr.length === 8 && text.trim()\n ? {\n text,\n time: Number(attr[0]),\n mode: Number(attr[1]),\n size: Number(attr[2]),\n color: `#${Number(attr[3]).toString(16)}`,\n timestamp: Number(attr[4]),\n pool: Number(attr[5]),\n userID: attr[6],\n rowID: Number(attr[7]),\n }\n : null;\n })\n : [];\n}\n\nexport function bilibiliDanmuParseFromAv(av) {\n const corsUrl = 'https://cors-anywhere.herokuapp.com/';\n return fetch(`${corsUrl}https://api.bilibili.com/x/web-interface/view?aid=${av}`)\n .then(res => res.json())\n .then(res => {\n if (res.code === 0 && res.data && res.data.cid) {\n return fetch(`${corsUrl}https://api.bilibili.com/x/v1/dm/list.so?oid=${res.data.cid}`)\n .then(res => res.text())\n .then(xmlString => {\n return bilibiliDanmuParseFromXml(xmlString);\n });\n }\n throw new Error(`Unable to get data: ${JSON.stringify(res)}`);\n });\n}","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck;","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;","export default class Danmuku {\n constructor(art, option = {}) {\n this.art = art;\n this.queue = {};\n this.current = [];\n this.layer = {};\n this.isStop = false;\n this.timer = null;\n this.option = Object.assign({}, Danmuku.option, option);\n art.constructor.validator(this.option, Danmuku.scheme);\n if (typeof this.option.danmus === 'function') {\n this.option.danmus().then(danmus => {\n danmus.forEach(this.emit);\n this.init();\n });\n } else {\n this.option.danmus.forEach(this.emit);\n this.init();\n }\n }\n\n static get option() {\n return {\n danmus: [],\n speed: 5,\n opacity: 1,\n color: '#fff',\n size: 14,\n };\n }\n\n static get scheme() {\n return {\n danmus: 'array|function',\n speed: 'number',\n opacity: 'number',\n color: 'string',\n size: 'number',\n };\n }\n\n init() {\n const { layers } = this.art;\n this.layer = layers.add({\n name: 'danmu',\n style: {\n position: 'absolute',\n left: 0,\n top: 0,\n right: 0,\n bottom: 0,\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n },\n });\n\n this.update();\n this.art.on('video:play', this.start.bind(this));\n this.art.on('video:pause', this.stop.bind(this));\n this.art.on('video:ended', this.stop.bind(this));\n this.art.on('destroy', this.stop.bind(this));\n }\n\n emit(danmu = {}) {\n const { errorHandle } = this.art.constructor.utils;\n errorHandle(danmu.text, 'Danmu text cannot be empty');\n errorHandle(danmu.time, 'Danmu time cannot be empty');\n if (this.queue[danmu.time]) {\n this.queue[danmu.time].push(danmu);\n } else {\n this.queue[danmu.time] = [danmu];\n }\n // this.art.emit('artplayerPluginDanmu:emit', danmu);\n // if (!this.isStop) {\n // const { clientWidth: playerWidth, clientHeight: playerHeight } = this.art.template.$player;\n // const danmuItem = this.getDanmuItem();\n // danmuItem.$ref.innerText = danmu.text;\n // danmuItem.$ref.style.fontSize = danmu.size || this.option.size;\n // const { clientWidth: danmuWidth, clientHeight: danmuHeight } = danmuItem.$ref;\n // danmuItem.$ref.style.opacity = danmu.opacity || this.option.opacity;\n // danmuItem.$ref.style.color = danmu.color || this.option.color;\n // danmuItem.$ref.style.top = this.getDanmuTop(playerHeight, danmuHeight);\n // danmuItem.$ref.style.left = `${playerWidth}px`;\n // danmuItem.$ref.style.transform = `translateX(${-playerWidth -\n // danmuWidth}px) translateY(0px) translateZ(0px)`;\n // danmuItem.$ref.style.transition = `-webkit-transform ${danmu.speed || this.option.speed}s linear 0s`;\n // this.art.emit('artplayerPluginDanmu:emit', danmu);\n // }\n }\n\n getDanmuItem() {\n const { setStyles, append } = this.art.constructor.utils;\n const inactiveItem = this.current.find(item => item.state === 'inactive');\n if (inactiveItem) {\n inactiveItem.time = Date.now();\n inactiveItem.$ref.style.transform = 'translateX(0px) translateY(0px) translateZ(0px)';\n inactiveItem.$ref.style.transition = '-webkit-transform 0s linear 0s';\n return inactiveItem;\n }\n const $ref = document.createElement('div');\n setStyles($ref, {\n userSelect: 'none',\n position: 'absolute',\n whiteSpace: 'pre',\n pointerEvents: 'none',\n perspective: '500px',\n display: 'inline-block',\n willChange: 'transform',\n fontFamily: 'SimHei, \"Microsoft JhengHei\", Arial, Helvetica, sans-serif',\n fontWeight: 'normal',\n lineHeight: '1.125',\n textShadow:\n 'rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px',\n });\n\n return this.current.push({\n state: 'active',\n time: Date.now(),\n $ref: append(this.layer.$ref, $ref),\n });\n }\n\n getDanmuTop(playerHeight, danmuHeight) {\n return 0;\n }\n\n update() {\n const {\n template: { $player },\n player,\n } = this.art;\n this.timer = window.requestAnimationFrame(() => {\n this.current.forEach(item => {\n if (Date.now() - item.time >= this.option.speed) {\n item.state = 'inactive';\n }\n });\n\n Object.keys(this.queue).filter(time => {\n return player.currentTime + 0.5 >= time && time >= player.currentTime - 0.5;\n }).reduce((result, key) => {\n return result.concat(this.queue[key]);\n }, []).forEach(item => {\n console.log(item);\n });\n\n if (!this.isStop && player.playing) {\n this.update();\n }\n });\n }\n\n stop() {\n this.isStop = true;\n window.cancelAnimationFrame(this.timer);\n this.art.emit('artplayerPluginDanmu:stop');\n }\n\n start() {\n this.isStop = false;\n this.art.emit('artplayerPluginDanmu:start');\n }\n\n show() {\n this.layer.$ref.style = 'none';\n this.art.emit('artplayerPluginDanmu:show');\n }\n\n hide() {\n this.layer.$ref.style = 'block';\n this.art.emit('artplayerPluginDanmu:hide');\n }\n}\n","import { bilibiliDanmuParseFromXml, bilibiliDanmuParseFromAv } from './bilibiliDanmuParse';\nimport Danmuku from './danmuku';\n\nfunction artplayerPluginDanmu(option) {\n return art => {\n const danmuku = new Danmuku(art, option);\n return {\n name: 'artplayerPluginDanmu',\n emit: danmuku.emit.bind(danmuku),\n start: danmuku.start.bind(danmuku),\n stop: danmuku.stop.bind(danmuku),\n hide: danmuku.hide.bind(danmuku),\n show: danmuku.show.bind(danmuku),\n };\n };\n}\n\nartplayerPluginDanmu.bilibiliDanmuParseFromXml = bilibiliDanmuParseFromXml;\nartplayerPluginDanmu.bilibiliDanmuParseFromAv = bilibiliDanmuParseFromAv;\nwindow.artplayerPluginDanmu = artplayerPluginDanmu;\nexport default artplayerPluginDanmu;\n"],"names":["bilibiliDanmuParseFromXml","xmlString","srtList","match","length","map","item","attrStr","text","attr","split","trim","time","Number","mode","size","color","toString","timestamp","pool","userID","rowID","bilibiliDanmuParseFromAv","av","corsUrl","fetch","then","res","json","code","data","cid","Error","JSON","stringify","Danmuku","art","option","queue","current","layer","isStop","timer","Object","assign","constructor","validator","scheme","danmus","forEach","emit","init","layers","add","name","style","position","left","top","right","bottom","width","height","overflow","update","on","start","bind","stop","danmu","errorHandle","utils","push","setStyles","append","inactiveItem","find","state","Date","now","$ref","transform","transition","document","createElement","userSelect","whiteSpace","pointerEvents","perspective","display","willChange","fontFamily","fontWeight","lineHeight","textShadow","playerHeight","danmuHeight","$player","template","player","window","requestAnimationFrame","speed","keys","filter","currentTime","reduce","result","key","concat","console","log","playing","cancelAnimationFrame","opacity","artplayerPluginDanmu","danmuku","hide","show"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"artplayer-plugin-danmu.js","sources":["../../node_modules/@babel/runtime/helpers/arrayWithHoles.js","../../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js","../../node_modules/@babel/runtime/helpers/nonIterableRest.js","../../node_modules/@babel/runtime/helpers/slicedToArray.js","../../packages/artplayer-plugin-danmu/src/bilibiliDanmuParse.js","../../node_modules/@babel/runtime/helpers/defineProperty.js","../../node_modules/@babel/runtime/helpers/objectSpread.js","../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../packages/artplayer-plugin-danmu/src/danmuku.js","../../packages/artplayer-plugin-danmu/src/index.js"],"sourcesContent":["function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nmodule.exports = _arrayWithHoles;","function _iterableToArrayLimit(arr, i) {\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nmodule.exports = _iterableToArrayLimit;","function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance\");\n}\n\nmodule.exports = _nonIterableRest;","var arrayWithHoles = require(\"./arrayWithHoles\");\n\nvar iterableToArrayLimit = require(\"./iterableToArrayLimit\");\n\nvar nonIterableRest = require(\"./nonIterableRest\");\n\nfunction _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || nonIterableRest();\n}\n\nmodule.exports = _slicedToArray;","export function bilibiliDanmuParseFromXml(xmlString) {\n if (typeof xmlString !== 'string') return [];\n const srtList = xmlString.match(/[\\S ]*?)<\\/d>/gi);\n return srtList.length\n ? srtList.map(item => {\n const [, attrStr, text] = item.match(/(.+)<\\/d>/);\n const attr = attrStr.split(',');\n return attr.length === 8 && text.trim()\n ? {\n text,\n time: Number(attr[0]),\n mode: Number(attr[1]),\n size: Number(attr[2]),\n color: `#${Number(attr[3]).toString(16)}`,\n timestamp: Number(attr[4]),\n pool: Number(attr[5]),\n userID: attr[6],\n rowID: Number(attr[7]),\n }\n : null;\n })\n : [];\n}\n\nexport function bilibiliDanmuParseFromAv(av) {\n const corsUrl = 'https://cors-anywhere.herokuapp.com/';\n return fetch(`${corsUrl}https://api.bilibili.com/x/web-interface/view?aid=${av}`)\n .then(res => res.json())\n .then(res => {\n if (res.code === 0 && res.data && res.data.cid) {\n return fetch(`${corsUrl}https://api.bilibili.com/x/v1/dm/list.so?oid=${res.data.cid}`)\n .then(res => res.text())\n .then(xmlString => {\n return bilibiliDanmuParseFromXml(xmlString);\n });\n }\n throw new Error(`Unable to get data: ${JSON.stringify(res)}`);\n });\n}","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nmodule.exports = _defineProperty;","var defineProperty = require(\"./defineProperty\");\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nmodule.exports = _objectSpread;","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck;","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;","export default class Danmuku {\n constructor(art, option = {}) {\n this.art = art;\n this.queue = [];\n this.layer = null;\n this.isStop = false;\n this.timer = null;\n this.option = Object.assign({}, Danmuku.option, option);\n art.constructor.validator(this.option, Danmuku.scheme);\n art.on('video:play', this.start.bind(this));\n art.on('video:pause', this.stop.bind(this));\n art.on('video:ended', this.stop.bind(this));\n art.on('destroy', this.stop.bind(this));\n if (typeof this.option.danmus === 'function') {\n this.option.danmus().then(danmus => {\n art.emit('artplayerPluginDanmu:loaded', danmus);\n danmus.forEach(this.addToQueue.bind(this));\n this.init();\n });\n } else {\n this.option.danmus.forEach(this.addToQueue);\n this.init();\n }\n }\n\n static get option() {\n return {\n danmus: [],\n speed: 5,\n opacity: 1,\n color: '#fff',\n size: 14,\n maxlength: 50,\n };\n }\n\n static get scheme() {\n return {\n danmus: 'array|function',\n speed: 'number',\n opacity: 'number',\n color: 'string',\n size: 'number',\n maxlength: 'number',\n };\n }\n\n init() {\n this.layer = this.art.layers.add({\n name: 'danmu',\n style: {\n position: 'absolute',\n left: 0,\n top: 0,\n right: 0,\n bottom: 0,\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n pointerEvents: 'none',\n },\n });\n }\n\n emit(danmu) {\n const { errorHandle } = this.art.constructor.utils;\n errorHandle(this.layer, 'The danmuku is not ready');\n const { clientWidth: playerWidth, clientHeight: playerHeight } = this.art.template.$player;\n danmu.$ref.innerText = danmu.text;\n danmu.$ref.style.fontSize = `${danmu.size || this.option.size}px`;\n const { clientWidth: danmuWidth, clientHeight: danmuHeight } = danmu.$ref;\n danmu.$ref.style.opacity = danmu.opacity || this.option.opacity;\n danmu.$ref.style.color = danmu.color || this.option.color;\n danmu.$ref.style.top = this.getDanmuTop(playerHeight, danmuHeight);\n danmu.$ref.style.left = `${playerWidth}px`;\n const translateX = -playerWidth - danmuWidth - 10;\n danmu.$ref.style.transform = `translateX(${translateX}px) translateY(0px) translateZ(0px)`;\n danmu.$ref.style.transition = `-webkit-transform ${danmu.speed || this.option.speed}s linear 0s`;\n }\n\n addToQueue(danmu) {\n const { errorHandle } = this.art.constructor.utils;\n errorHandle(danmu.text, 'Danmu text cannot be empty');\n errorHandle(typeof danmu.time === 'number', 'Danmu time cannot be empty');\n errorHandle(\n danmu.text.length <= this.option.maxlength,\n `The length of the danmu does not exceed ${this.option.maxlength}`,\n );\n this.queue.push({\n ...danmu,\n $state: 'wait',\n $ref: null,\n $emitTime: 0,\n });\n }\n\n getDanmuRef() {\n const { $player } = this.art.template;\n const { setStyles, append } = this.art.constructor.utils;\n const playerLeft = $player.getBoundingClientRect().left;\n\n const waitDanmu = this.queue.find(danmu => {\n if (danmu.$ref) {\n const { left, width } = danmu.$ref.getBoundingClientRect();\n return playerLeft >= left + width;\n }\n return false;\n });\n\n if (waitDanmu) {\n waitDanmu.$state = 'wait';\n waitDanmu.$ref.style.transform = 'translateX(0px) translateY(0px) translateZ(0px)';\n waitDanmu.$ref.style.transition = '-webkit-transform 0s linear 0s';\n return waitDanmu.$ref;\n }\n\n const $ref = document.createElement('div');\n\n setStyles($ref, {\n userSelect: 'none',\n position: 'absolute',\n whiteSpace: 'pre',\n pointerEvents: 'none',\n perspective: '500px',\n display: 'inline-block',\n willChange: 'transform',\n fontFamily: 'SimHei, \"Microsoft JhengHei\", Arial, Helvetica, sans-serif',\n fontWeight: 'normal',\n lineHeight: '1.125',\n textShadow:\n 'rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px',\n });\n\n append(this.layer.$ref, $ref);\n return $ref;\n }\n\n getDanmuTop(playerHeight, danmuHeight) {\n return 0;\n }\n\n changeState(before, after) {\n return this.queue\n .filter(danmu => danmu.$state === before)\n .map(danmu => {\n danmu.$state = after;\n return danmu;\n });\n }\n\n update() {\n const { player } = this.art;\n this.timer = window.requestAnimationFrame(() => {\n this.queue\n .filter(danmu => {\n return (\n player.currentTime + 0.25 >= danmu.time &&\n danmu.time >= player.currentTime - 0.25 &&\n danmu.$state === 'wait'\n );\n })\n .map(danmu => {\n danmu.$emitTime = Date.now();\n danmu.$ref = this.getDanmuRef();\n danmu.$state = 'emit';\n return danmu;\n })\n .forEach(danmu => {\n this.emit(danmu);\n });\n\n if (!this.isStop) {\n this.update();\n }\n });\n }\n\n stop() {\n this.isStop = true;\n this.changeState('emit', 'stop');\n this.changeState('continue', 'stop');\n window.cancelAnimationFrame(this.timer);\n this.art.emit('artplayerPluginDanmu:stop');\n }\n\n start() {\n this.isStop = false;\n this.changeState('stop', 'continue');\n this.update();\n this.art.emit('artplayerPluginDanmu:start');\n }\n\n show() {\n this.layer.$ref.style = 'none';\n this.art.emit('artplayerPluginDanmu:show');\n }\n\n hide() {\n this.layer.$ref.style = 'block';\n this.art.emit('artplayerPluginDanmu:hide');\n }\n}\n","import { bilibiliDanmuParseFromXml, bilibiliDanmuParseFromAv } from './bilibiliDanmuParse';\nimport Danmuku from './danmuku';\n\nfunction artplayerPluginDanmu(option) {\n return art => {\n const danmuku = new Danmuku(art, option);\n return {\n name: 'artplayerPluginDanmu',\n emit: danmuku.addToQueue.bind(danmuku),\n start: danmuku.start.bind(danmuku),\n stop: danmuku.stop.bind(danmuku),\n hide: danmuku.hide.bind(danmuku),\n show: danmuku.show.bind(danmuku),\n };\n };\n}\n\nartplayerPluginDanmu.bilibiliDanmuParseFromXml = bilibiliDanmuParseFromXml;\nartplayerPluginDanmu.bilibiliDanmuParseFromAv = bilibiliDanmuParseFromAv;\nwindow.artplayerPluginDanmu = artplayerPluginDanmu;\nexport default artplayerPluginDanmu;\n"],"names":["bilibiliDanmuParseFromXml","xmlString","srtList","match","length","map","item","attrStr","text","attr","split","trim","time","Number","mode","size","color","toString","timestamp","pool","userID","rowID","bilibiliDanmuParseFromAv","av","corsUrl","fetch","then","res","json","code","data","cid","Error","JSON","stringify","Danmuku","art","option","queue","layer","isStop","timer","Object","assign","constructor","validator","scheme","on","start","bind","stop","danmus","emit","forEach","addToQueue","init","layers","add","name","style","position","left","top","right","bottom","width","height","overflow","pointerEvents","danmu","errorHandle","utils","template","$player","playerWidth","clientWidth","playerHeight","clientHeight","$ref","innerText","fontSize","danmuWidth","danmuHeight","opacity","getDanmuTop","translateX","transform","transition","speed","maxlength","push","$state","$emitTime","setStyles","append","playerLeft","getBoundingClientRect","waitDanmu","find","document","createElement","userSelect","whiteSpace","perspective","display","willChange","fontFamily","fontWeight","lineHeight","textShadow","before","after","filter","player","window","requestAnimationFrame","currentTime","Date","now","getDanmuRef","update","changeState","cancelAnimationFrame","artplayerPluginDanmu","danmuku","hide","show"],"mappings":"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"} \ No newline at end of file diff --git a/packages/artplayer-plugin-danmu/src/danmuku.js b/packages/artplayer-plugin-danmu/src/danmuku.js index f8997b7d6..c2c87f881 100644 --- a/packages/artplayer-plugin-danmu/src/danmuku.js +++ b/packages/artplayer-plugin-danmu/src/danmuku.js @@ -1,20 +1,24 @@ export default class Danmuku { constructor(art, option = {}) { this.art = art; - this.queue = {}; - this.current = []; - this.layer = {}; + this.queue = []; + this.layer = null; this.isStop = false; this.timer = null; this.option = Object.assign({}, Danmuku.option, option); art.constructor.validator(this.option, Danmuku.scheme); + art.on('video:play', this.start.bind(this)); + art.on('video:pause', this.stop.bind(this)); + art.on('video:ended', this.stop.bind(this)); + art.on('destroy', this.stop.bind(this)); if (typeof this.option.danmus === 'function') { this.option.danmus().then(danmus => { - danmus.forEach(this.emit); + art.emit('artplayerPluginDanmu:loaded', danmus); + danmus.forEach(this.addToQueue.bind(this)); this.init(); }); } else { - this.option.danmus.forEach(this.emit); + this.option.danmus.forEach(this.addToQueue); this.init(); } } @@ -26,6 +30,7 @@ export default class Danmuku { opacity: 1, color: '#fff', size: 14, + maxlength: 50, }; } @@ -36,12 +41,12 @@ export default class Danmuku { opacity: 'number', color: 'string', size: 'number', + maxlength: 'number', }; } init() { - const { layers } = this.art; - this.layer = layers.add({ + this.layer = this.art.layers.add({ name: 'danmu', style: { position: 'absolute', @@ -52,53 +57,65 @@ export default class Danmuku { width: '100%', height: '100%', overflow: 'hidden', + pointerEvents: 'none', }, }); - - this.update(); - this.art.on('video:play', this.start.bind(this)); - this.art.on('video:pause', this.stop.bind(this)); - this.art.on('video:ended', this.stop.bind(this)); - this.art.on('destroy', this.stop.bind(this)); } - emit(danmu = {}) { + emit(danmu) { + const { errorHandle } = this.art.constructor.utils; + errorHandle(this.layer, 'The danmuku is not ready'); + const { clientWidth: playerWidth, clientHeight: playerHeight } = this.art.template.$player; + danmu.$ref.innerText = danmu.text; + danmu.$ref.style.fontSize = `${danmu.size || this.option.size}px`; + const { clientWidth: danmuWidth, clientHeight: danmuHeight } = danmu.$ref; + danmu.$ref.style.opacity = danmu.opacity || this.option.opacity; + danmu.$ref.style.color = danmu.color || this.option.color; + danmu.$ref.style.top = this.getDanmuTop(playerHeight, danmuHeight); + danmu.$ref.style.left = `${playerWidth}px`; + const translateX = -playerWidth - danmuWidth - 10; + danmu.$ref.style.transform = `translateX(${translateX}px) translateY(0px) translateZ(0px)`; + danmu.$ref.style.transition = `-webkit-transform ${danmu.speed || this.option.speed}s linear 0s`; + } + + addToQueue(danmu) { const { errorHandle } = this.art.constructor.utils; errorHandle(danmu.text, 'Danmu text cannot be empty'); - errorHandle(danmu.time, 'Danmu time cannot be empty'); - if (this.queue[danmu.time]) { - this.queue[danmu.time].push(danmu); - } else { - this.queue[danmu.time] = [danmu]; - } - // this.art.emit('artplayerPluginDanmu:emit', danmu); - // if (!this.isStop) { - // const { clientWidth: playerWidth, clientHeight: playerHeight } = this.art.template.$player; - // const danmuItem = this.getDanmuItem(); - // danmuItem.$ref.innerText = danmu.text; - // danmuItem.$ref.style.fontSize = danmu.size || this.option.size; - // const { clientWidth: danmuWidth, clientHeight: danmuHeight } = danmuItem.$ref; - // danmuItem.$ref.style.opacity = danmu.opacity || this.option.opacity; - // danmuItem.$ref.style.color = danmu.color || this.option.color; - // danmuItem.$ref.style.top = this.getDanmuTop(playerHeight, danmuHeight); - // danmuItem.$ref.style.left = `${playerWidth}px`; - // danmuItem.$ref.style.transform = `translateX(${-playerWidth - - // danmuWidth}px) translateY(0px) translateZ(0px)`; - // danmuItem.$ref.style.transition = `-webkit-transform ${danmu.speed || this.option.speed}s linear 0s`; - // this.art.emit('artplayerPluginDanmu:emit', danmu); - // } + errorHandle(typeof danmu.time === 'number', 'Danmu time cannot be empty'); + errorHandle( + danmu.text.length <= this.option.maxlength, + `The length of the danmu does not exceed ${this.option.maxlength}`, + ); + this.queue.push({ + ...danmu, + $state: 'wait', + $ref: null, + $emitTime: 0, + }); } - getDanmuItem() { + getDanmuRef() { + const { $player } = this.art.template; const { setStyles, append } = this.art.constructor.utils; - const inactiveItem = this.current.find(item => item.state === 'inactive'); - if (inactiveItem) { - inactiveItem.time = Date.now(); - inactiveItem.$ref.style.transform = 'translateX(0px) translateY(0px) translateZ(0px)'; - inactiveItem.$ref.style.transition = '-webkit-transform 0s linear 0s'; - return inactiveItem; + const playerLeft = $player.getBoundingClientRect().left; + + const waitDanmu = this.queue.find(danmu => { + if (danmu.$ref) { + const { left, width } = danmu.$ref.getBoundingClientRect(); + return playerLeft >= left + width; + } + return false; + }); + + if (waitDanmu) { + waitDanmu.$state = 'wait'; + waitDanmu.$ref.style.transform = 'translateX(0px) translateY(0px) translateZ(0px)'; + waitDanmu.$ref.style.transition = '-webkit-transform 0s linear 0s'; + return waitDanmu.$ref; } + const $ref = document.createElement('div'); + setStyles($ref, { userSelect: 'none', position: 'absolute', @@ -114,38 +131,45 @@ export default class Danmuku { 'rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px', }); - return this.current.push({ - state: 'active', - time: Date.now(), - $ref: append(this.layer.$ref, $ref), - }); + append(this.layer.$ref, $ref); + return $ref; } getDanmuTop(playerHeight, danmuHeight) { return 0; } + changeState(before, after) { + return this.queue + .filter(danmu => danmu.$state === before) + .map(danmu => { + danmu.$state = after; + return danmu; + }); + } + update() { - const { - template: { $player }, - player, - } = this.art; + const { player } = this.art; this.timer = window.requestAnimationFrame(() => { - this.current.forEach(item => { - if (Date.now() - item.time >= this.option.speed) { - item.state = 'inactive'; - } - }); + this.queue + .filter(danmu => { + return ( + player.currentTime + 0.25 >= danmu.time && + danmu.time >= player.currentTime - 0.25 && + danmu.$state === 'wait' + ); + }) + .map(danmu => { + danmu.$emitTime = Date.now(); + danmu.$ref = this.getDanmuRef(); + danmu.$state = 'emit'; + return danmu; + }) + .forEach(danmu => { + this.emit(danmu); + }); - Object.keys(this.queue).filter(time => { - return player.currentTime + 0.5 >= time && time >= player.currentTime - 0.5; - }).reduce((result, key) => { - return result.concat(this.queue[key]); - }, []).forEach(item => { - console.log(item); - }); - - if (!this.isStop && player.playing) { + if (!this.isStop) { this.update(); } }); @@ -153,12 +177,16 @@ export default class Danmuku { stop() { this.isStop = true; + this.changeState('emit', 'stop'); + this.changeState('continue', 'stop'); window.cancelAnimationFrame(this.timer); this.art.emit('artplayerPluginDanmu:stop'); } start() { this.isStop = false; + this.changeState('stop', 'continue'); + this.update(); this.art.emit('artplayerPluginDanmu:start'); } diff --git a/packages/artplayer-plugin-danmu/src/index.js b/packages/artplayer-plugin-danmu/src/index.js index 2917198c8..2e9dae17b 100644 --- a/packages/artplayer-plugin-danmu/src/index.js +++ b/packages/artplayer-plugin-danmu/src/index.js @@ -6,7 +6,7 @@ function artplayerPluginDanmu(option) { const danmuku = new Danmuku(art, option); return { name: 'artplayerPluginDanmu', - emit: danmuku.emit.bind(danmuku), + emit: danmuku.addToQueue.bind(danmuku), start: danmuku.start.bind(danmuku), stop: danmuku.stop.bind(danmuku), hide: danmuku.hide.bind(danmuku),