mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-26 17:01:20 -08:00
支持动态弹幕库
This commit is contained in:
zhw2590582 committed
1 parent
8379a927ec
commit
7c8d42e704
3 files changed
+100
-49
No files matched your search
@@ -1,7 +1,7 @@
|
|||||||
(function (global, factory) {
|
(function (global, factory) {
|
||||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||||||
typeof define === 'function' && define.amd ? define(factory) :
|
typeof define === 'function' && define.amd ? define(factory) :
|
||||||
(global = global || self, global.artplayerPluginDanmuku = factory());
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.artplayerPluginDanmuku = factory());
|
||||||
}(this, (function () { 'use strict';
|
}(this, (function () { 'use strict';
|
||||||
|
|
||||||
function _defineProperty(obj, key, value) {
|
function _defineProperty(obj, key, value) {
|
||||||
@@ -199,10 +199,7 @@
|
|||||||
var arrayWithHoles = _arrayWithHoles;
|
var arrayWithHoles = _arrayWithHoles;
|
||||||
|
|
||||||
function _iterableToArrayLimit(arr, i) {
|
function _iterableToArrayLimit(arr, i) {
|
||||||
if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
|
if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var _arr = [];
|
var _arr = [];
|
||||||
var _n = true;
|
var _n = true;
|
||||||
var _d = false;
|
var _d = false;
|
||||||
@@ -230,14 +227,37 @@
|
|||||||
|
|
||||||
var iterableToArrayLimit = _iterableToArrayLimit;
|
var iterableToArrayLimit = _iterableToArrayLimit;
|
||||||
|
|
||||||
|
function _arrayLikeToArray(arr, len) {
|
||||||
|
if (len == null || len > arr.length) len = arr.length;
|
||||||
|
|
||||||
|
for (var i = 0, arr2 = new Array(len); i < len; i++) {
|
||||||
|
arr2[i] = arr[i];
|
||||||
|
}
|
||||||
|
|
||||||
|
return arr2;
|
||||||
|
}
|
||||||
|
|
||||||
|
var arrayLikeToArray = _arrayLikeToArray;
|
||||||
|
|
||||||
|
function _unsupportedIterableToArray(o, minLen) {
|
||||||
|
if (!o) return;
|
||||||
|
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
||||||
|
var n = Object.prototype.toString.call(o).slice(8, -1);
|
||||||
|
if (n === "Object" && o.constructor) n = o.constructor.name;
|
||||||
|
if (n === "Map" || n === "Set") return Array.from(o);
|
||||||
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
|
||||||
|
}
|
||||||
|
|
||||||
|
var unsupportedIterableToArray = _unsupportedIterableToArray;
|
||||||
|
|
||||||
function _nonIterableRest() {
|
function _nonIterableRest() {
|
||||||
throw new TypeError("Invalid attempt to destructure non-iterable instance");
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
||||||
}
|
}
|
||||||
|
|
||||||
var nonIterableRest = _nonIterableRest;
|
var nonIterableRest = _nonIterableRest;
|
||||||
|
|
||||||
function _slicedToArray(arr, i) {
|
function _slicedToArray(arr, i) {
|
||||||
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || nonIterableRest();
|
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
||||||
}
|
}
|
||||||
|
|
||||||
var slicedToArray = _slicedToArray;
|
var slicedToArray = _slicedToArray;
|
||||||
@@ -407,14 +427,10 @@
|
|||||||
|
|
||||||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||||||
|
|
||||||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||||||
|
|
||||||
var Danmuku =
|
var Danmuku = /*#__PURE__*/function () {
|
||||||
/*#__PURE__*/
|
|
||||||
function () {
|
|
||||||
function Danmuku(art, option) {
|
function Danmuku(art, option) {
|
||||||
var _this = this;
|
|
||||||
|
|
||||||
classCallCheck(this, Danmuku);
|
classCallCheck(this, Danmuku);
|
||||||
|
|
||||||
art.i18n.update(i18n);
|
art.i18n.update(i18n);
|
||||||
@@ -436,24 +452,34 @@
|
|||||||
art.on('video:waiting', this.stop.bind(this));
|
art.on('video:waiting', this.stop.bind(this));
|
||||||
art.on('resize', this.resize.bind(this));
|
art.on('resize', this.resize.bind(this));
|
||||||
art.on('destroy', this.stop.bind(this));
|
art.on('destroy', this.stop.bind(this));
|
||||||
|
this.load();
|
||||||
if (typeof this.option.danmuku === 'function') {
|
|
||||||
this.option.danmuku().then(function (danmus) {
|
|
||||||
danmus.forEach(_this.emit.bind(_this));
|
|
||||||
art.emit('artplayerPluginDanmuku:loaded');
|
|
||||||
});
|
|
||||||
} else if (typeof this.option.danmuku === 'string') {
|
|
||||||
bilibiliDanmuParseFromUrl(this.option.danmuku).then(function (danmus) {
|
|
||||||
danmus.forEach(_this.emit.bind(_this));
|
|
||||||
art.emit('artplayerPluginDanmuku:loaded');
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.option.danmuku.forEach(this.emit.bind(this));
|
|
||||||
art.emit('artplayerPluginDanmuku:loaded');
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
createClass(Danmuku, [{
|
createClass(Danmuku, [{
|
||||||
|
key: "load",
|
||||||
|
value: function load() {
|
||||||
|
var _this = this;
|
||||||
|
|
||||||
|
if (typeof this.option.danmuku === 'function') {
|
||||||
|
this.option.danmuku().then(function (danmus) {
|
||||||
|
danmus.forEach(_this.emit.bind(_this));
|
||||||
|
|
||||||
|
_this.art.emit('artplayerPluginDanmuku:loaded');
|
||||||
|
});
|
||||||
|
} else if (typeof this.option.danmuku === 'string') {
|
||||||
|
bilibiliDanmuParseFromUrl(this.option.danmuku).then(function (danmus) {
|
||||||
|
danmus.forEach(_this.emit.bind(_this));
|
||||||
|
|
||||||
|
_this.art.emit('artplayerPluginDanmuku:loaded');
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.option.danmuku.forEach(this.emit.bind(this));
|
||||||
|
this.art.emit('artplayerPluginDanmuku:loaded');
|
||||||
|
}
|
||||||
|
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
key: "config",
|
key: "config",
|
||||||
value: function config(option) {
|
value: function config(option) {
|
||||||
var _this$art$constructor = this.art.constructor,
|
var _this$art$constructor = this.art.constructor,
|
||||||
@@ -468,6 +494,7 @@
|
|||||||
this.option.opacity = clamp(this.option.opacity, 0, 1);
|
this.option.opacity = clamp(this.option.opacity, 0, 1);
|
||||||
this.option.fontSize = clamp(this.option.fontSize, 12, 30);
|
this.option.fontSize = clamp(this.option.fontSize, 12, 30);
|
||||||
this.art.emit('artplayerPluginDanmuku:config', this.option);
|
this.art.emit('artplayerPluginDanmuku:config', this.option);
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "continue",
|
key: "continue",
|
||||||
@@ -483,6 +510,7 @@
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "suspend",
|
key: "suspend",
|
||||||
@@ -508,6 +536,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "resize",
|
key: "resize",
|
||||||
@@ -523,6 +552,7 @@
|
|||||||
danmu.$ref.style.transition = 'transform 0s linear 0s';
|
danmu.$ref.style.transition = 'transform 0s linear 0s';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "update",
|
key: "update",
|
||||||
@@ -591,6 +621,7 @@
|
|||||||
_this2.update();
|
_this2.update();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "stop",
|
key: "stop",
|
||||||
@@ -599,6 +630,7 @@
|
|||||||
this.suspend();
|
this.suspend();
|
||||||
window.cancelAnimationFrame(this.animationFrameTimer);
|
window.cancelAnimationFrame(this.animationFrameTimer);
|
||||||
this.art.emit('artplayerPluginDanmuku:stop');
|
this.art.emit('artplayerPluginDanmuku:stop');
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "start",
|
key: "start",
|
||||||
@@ -607,6 +639,7 @@
|
|||||||
this.continue();
|
this.continue();
|
||||||
this.update();
|
this.update();
|
||||||
this.art.emit('artplayerPluginDanmuku:start');
|
this.art.emit('artplayerPluginDanmuku:start');
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "show",
|
key: "show",
|
||||||
@@ -614,6 +647,7 @@
|
|||||||
this.isHide = false;
|
this.isHide = false;
|
||||||
this.$danmuku.style.display = 'block';
|
this.$danmuku.style.display = 'block';
|
||||||
this.art.emit('artplayerPluginDanmuku:show');
|
this.art.emit('artplayerPluginDanmuku:show');
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "hide",
|
key: "hide",
|
||||||
@@ -621,6 +655,7 @@
|
|||||||
this.isHide = true;
|
this.isHide = true;
|
||||||
this.$danmuku.style.display = 'none';
|
this.$danmuku.style.display = 'none';
|
||||||
this.art.emit('artplayerPluginDanmuku:hide');
|
this.art.emit('artplayerPluginDanmuku:hide');
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "emit",
|
key: "emit",
|
||||||
@@ -642,12 +677,12 @@
|
|||||||
|
|
||||||
if (!danmu.text.trim()) {
|
if (!danmu.text.trim()) {
|
||||||
notice.show = i18n.get('Danmu text cannot be empty');
|
notice.show = i18n.get('Danmu text cannot be empty');
|
||||||
return;
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (danmu.text.length > this.option.maxlength) {
|
if (danmu.text.length > this.option.maxlength) {
|
||||||
notice.show = "".concat(i18n.get('The length of the danmu does not exceed'), " ").concat(this.option.maxlength);
|
notice.show = "".concat(i18n.get('The length of the danmu does not exceed'), " ").concat(this.option.maxlength);
|
||||||
return;
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (danmu.time) {
|
if (danmu.time) {
|
||||||
@@ -656,15 +691,16 @@
|
|||||||
danmu.time = player.currentTime + 0.5;
|
danmu.time = player.currentTime + 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.queue.push(_objectSpread({
|
this.queue.push(_objectSpread(_objectSpread({
|
||||||
mode: 0
|
mode: 0
|
||||||
}, danmu, {
|
}, danmu), {}, {
|
||||||
$state: 'wait',
|
$state: 'wait',
|
||||||
$ref: null,
|
$ref: null,
|
||||||
$restTime: 0,
|
$restTime: 0,
|
||||||
$lastStartTime: 0,
|
$lastStartTime: 0,
|
||||||
$restWidth: 0
|
$restWidth: 0
|
||||||
}));
|
}));
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}], [{
|
}], [{
|
||||||
key: "option",
|
key: "option",
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
{"version":3,"file":"artplayer-plugin-danmuku.js","sources":["../../node_modules/@babel/runtime/helpers/defineProperty.js","../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../packages/artplayer-plugin-danmuku/src/i18n.js","../../packages/artplayer-plugin-danmuku/src/setting.js","../../packages/artplayer-plugin-danmuku/src/utils.js","../../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-danmuku/src/bilibili.js","../../packages/artplayer-plugin-danmuku/src/getDanmuTop.js","../../packages/artplayer-plugin-danmuku/src/danmuku.js","../../packages/artplayer-plugin-danmuku/src/index.js"],"sourcesContent":["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;","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 {\n 'zh-cn': {\n 'Danmu opacity': '弹幕透明度',\n 'Danmu speed': '弹幕速度',\n 'Danmu size': '弹幕大小',\n 'Danmu text cannot be empty': '弹幕文本不能为空',\n 'The length of the danmu does not exceed': '弹幕文本字数不能超过',\n 'Danmu speed synchronous playback multiple': '弹幕速度同步播放倍数',\n },\n 'zh-tw': {\n 'Danmu opacity': '彈幕透明度',\n 'Danmu speed': '彈幕速度',\n 'Danmu size': '弹幕大小',\n 'Danmu text cannot be empty': '彈幕文本不能為空',\n 'The length of the danmu does not exceed': '彈幕文本字數不能超過',\n 'Danmu speed synchronous playback multiple': '彈幕速度同步播放倍數',\n },\n};","export function opacity(art) {\n const {\n i18n,\n events: { proxy },\n } = art;\n\n return {\n name: 'danmuku-opacity',\n index: 10,\n html: `\n <div class=\"art-setting-header\">\n ${i18n.get('Danmu opacity')}: <span class=\"art-value\">100</span>%\n </div>\n <div class=\"art-setting-range\">\n <input type=\"range\" value=\"1\" min=\"0.1\" max=\"1\" step=\"0.1\">\n </div>\n `,\n mounted: $setting => {\n const $range = $setting.querySelector('input[type=range]');\n const $value = $setting.querySelector('.art-value');\n proxy($range, 'change', () => {\n const { value } = $range;\n $value.innerText = Number(value) * 100;\n\n art.plugins.artplayerPluginDanmuku.config({\n opacity: Number(value),\n });\n });\n\n art.on('artplayerPluginDanmuku:config', config => {\n if ($range.value !== config.opacity) {\n $range.value = config.opacity;\n $value.innerText = config.opacity * 100;\n }\n });\n },\n };\n}\n\nexport function size(art) {\n const {\n i18n,\n events: { proxy },\n } = art;\n\n return {\n name: 'danmuku-size',\n index: 11,\n html: `\n <div class=\"art-setting-header\">\n ${i18n.get('Danmu size')}: <span class=\"art-value\">25</span>px\n </div>\n <div class=\"art-setting-range\">\n <input type=\"range\" value=\"25\" min=\"14\" max=\"30\" step=\"1\">\n </div>\n `,\n mounted: $setting => {\n const $range = $setting.querySelector('input[type=range]');\n const $value = $setting.querySelector('.art-value');\n proxy($range, 'change', () => {\n const { value } = $range;\n $value.innerText = value;\n\n art.plugins.artplayerPluginDanmuku.config({\n fLine truncated
|
{"version":3,"file":"artplayer-plugin-danmuku.js","sources":["../../node_modules/_@babel_runtime@7.11.2@@babel/runtime/helpers/defineProperty.js","../../node_modules/_@babel_runtime@7.11.2@@babel/runtime/helpers/classCallCheck.js","../../node_modules/_@babel_runtime@7.11.2@@babel/runtime/helpers/createClass.js","../../packages/artplayer-plugin-danmuku/src/i18n.js","../../packages/artplayer-plugin-danmuku/src/setting.js","../../packages/artplayer-plugin-danmuku/src/utils.js","../../node_modules/_@babel_runtime@7.11.2@@babel/runtime/helpers/arrayWithHoles.js","../../node_modules/_@babel_runtime@7.11.2@@babel/runtime/helpers/iterableToArrayLimit.js","../../node_modules/_@babel_runtime@7.11.2@@babel/runtime/helpers/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.11.2@@babel/runtime/helpers/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.11.2@@babel/runtime/helpers/nonIterableRest.js","../../node_modules/_@babel_runtime@7.11.2@@babel/runtime/helpers/slicedToArray.js","../../packages/artplayer-plugin-danmuku/src/bilibili.js","../../packages/artplayer-plugin-danmuku/src/getDanmuTop.js","../../packages/artplayer-plugin-danmuku/src/danmuku.js","../../packages/artplayer-plugin-danmuku/src/index.js"],"sourcesContent":["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;","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 {\n 'zh-cn': {\n 'Danmu opacity': '弹幕透明度',\n 'Danmu speed': '弹幕速度',\n 'Danmu size': '弹幕大小',\n 'Danmu text cannot be empty': '弹幕文本不能为空',\n 'The length of the danmu does not exceed': '弹幕文本字数不能超过',\n 'Danmu speed synchronous playback multiple': '弹幕速度同步播放倍数',\n },\n 'zh-tw': {\n 'Danmu opacity': '彈幕透明度',\n 'Danmu speed': '彈幕速度',\n 'Danmu size': '弹幕大小',\n 'Danmu text cannot be empty': '彈幕文本不能為空',\n 'The length of the danmu does not exceed': '彈幕文本字數不能超過',\n 'Danmu speed synchronous playback multiple': '彈幕速度同步播放倍數',\n },\n};","export function opacity(art) {\n const {\n i18n,\n events: { proxy },\n } = art;\n\n return {\n name: 'danmuku-opacity',\n index: 10,\n html: `\n <div class=\"art-setting-header\">\n ${i18n.get('Danmu opacity')}: <span class=\"art-value\">100</span>%\n </div>\n <div class=\"art-setting-range\">\n <input type=\"range\" value=\"1\" min=\"0.1\" max=\"1\" step=\"0.1\">\n </div>\n `,\n mounted: $setting => {\n const $range = $setting.querySelector('input[type=range]');\n const $value = $setting.querySelector('.art-value');\n proxy($range, 'change', () => {\n const { value } = $range;\n $value.innerText = Number(value) * 100;\n\n art.plugins.artplayerPluginDanmuku.config({\n opacity: Number(value),\n });\n });\n\n art.on('artplayerPluginDanmuku:config', config => {\n if ($range.value !== config.opacity) {\n $range.value = config.opacity;\n $value.innerText = config.opacity * 100;\n }\n });\n },\n };\n}\n\nexport function size(art) {\n const {\n i18n,\n events: { proxy },\n } = art;\n\n return {\n name: 'danmuku-size',\n index: 11,\n html: `\n <div class=\"art-setting-header\">\n ${i18n.get('Danmu size')}: <span class=\"art-value\">25</span>px\n </div>\n <div class=\"art-setting-range\">\n <input type=\"range\" value=\"25\" min=\"14\" max=\"30\" step=\"1\">\n </div>\n `,\n mounted: $setting => {\n Line truncated
|
||||||
@@ -25,20 +25,7 @@ export default class Danmuku {
|
|||||||
art.on('video:waiting', this.stop.bind(this));
|
art.on('video:waiting', this.stop.bind(this));
|
||||||
art.on('resize', this.resize.bind(this));
|
art.on('resize', this.resize.bind(this));
|
||||||
art.on('destroy', this.stop.bind(this));
|
art.on('destroy', this.stop.bind(this));
|
||||||
if (typeof this.option.danmuku === 'function') {
|
this.load();
|
||||||
this.option.danmuku().then((danmus) => {
|
|
||||||
danmus.forEach(this.emit.bind(this));
|
|
||||||
art.emit('artplayerPluginDanmuku:loaded');
|
|
||||||
});
|
|
||||||
} else if (typeof this.option.danmuku === 'string') {
|
|
||||||
bilibiliDanmuParseFromUrl(this.option.danmuku).then((danmus) => {
|
|
||||||
danmus.forEach(this.emit.bind(this));
|
|
||||||
art.emit('artplayerPluginDanmuku:loaded');
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.option.danmuku.forEach(this.emit.bind(this));
|
|
||||||
art.emit('artplayerPluginDanmuku:loaded');
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
static get option() {
|
static get option() {
|
||||||
@@ -65,6 +52,24 @@ export default class Danmuku {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
load() {
|
||||||
|
if (typeof this.option.danmuku === 'function') {
|
||||||
|
this.option.danmuku().then((danmus) => {
|
||||||
|
danmus.forEach(this.emit.bind(this));
|
||||||
|
this.art.emit('artplayerPluginDanmuku:loaded');
|
||||||
|
});
|
||||||
|
} else if (typeof this.option.danmuku === 'string') {
|
||||||
|
bilibiliDanmuParseFromUrl(this.option.danmuku).then((danmus) => {
|
||||||
|
danmus.forEach(this.emit.bind(this));
|
||||||
|
this.art.emit('artplayerPluginDanmuku:loaded');
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.option.danmuku.forEach(this.emit.bind(this));
|
||||||
|
this.art.emit('artplayerPluginDanmuku:loaded');
|
||||||
|
}
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
|
||||||
config(option) {
|
config(option) {
|
||||||
const {
|
const {
|
||||||
utils: { clamp },
|
utils: { clamp },
|
||||||
@@ -79,6 +84,7 @@ export default class Danmuku {
|
|||||||
this.option.opacity = clamp(this.option.opacity, 0, 1);
|
this.option.opacity = clamp(this.option.opacity, 0, 1);
|
||||||
this.option.fontSize = clamp(this.option.fontSize, 12, 30);
|
this.option.fontSize = clamp(this.option.fontSize, 12, 30);
|
||||||
this.art.emit('artplayerPluginDanmuku:config', this.option);
|
this.art.emit('artplayerPluginDanmuku:config', this.option);
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
continue() {
|
continue() {
|
||||||
@@ -94,6 +100,7 @@ export default class Danmuku {
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
suspend() {
|
suspend() {
|
||||||
@@ -113,6 +120,7 @@ export default class Danmuku {
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
resize() {
|
resize() {
|
||||||
@@ -127,6 +135,7 @@ export default class Danmuku {
|
|||||||
danmu.$ref.style.transition = 'transform 0s linear 0s';
|
danmu.$ref.style.transition = 'transform 0s linear 0s';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
update() {
|
update() {
|
||||||
@@ -198,6 +207,7 @@ export default class Danmuku {
|
|||||||
this.update();
|
this.update();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
stop() {
|
stop() {
|
||||||
@@ -205,6 +215,7 @@ export default class Danmuku {
|
|||||||
this.suspend();
|
this.suspend();
|
||||||
window.cancelAnimationFrame(this.animationFrameTimer);
|
window.cancelAnimationFrame(this.animationFrameTimer);
|
||||||
this.art.emit('artplayerPluginDanmuku:stop');
|
this.art.emit('artplayerPluginDanmuku:stop');
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
start() {
|
start() {
|
||||||
@@ -212,18 +223,21 @@ export default class Danmuku {
|
|||||||
this.continue();
|
this.continue();
|
||||||
this.update();
|
this.update();
|
||||||
this.art.emit('artplayerPluginDanmuku:start');
|
this.art.emit('artplayerPluginDanmuku:start');
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
show() {
|
show() {
|
||||||
this.isHide = false;
|
this.isHide = false;
|
||||||
this.$danmuku.style.display = 'block';
|
this.$danmuku.style.display = 'block';
|
||||||
this.art.emit('artplayerPluginDanmuku:show');
|
this.art.emit('artplayerPluginDanmuku:show');
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
hide() {
|
hide() {
|
||||||
this.isHide = true;
|
this.isHide = true;
|
||||||
this.$danmuku.style.display = 'none';
|
this.$danmuku.style.display = 'none';
|
||||||
this.art.emit('artplayerPluginDanmuku:hide');
|
this.art.emit('artplayerPluginDanmuku:hide');
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
emit(danmu) {
|
emit(danmu) {
|
||||||
@@ -243,12 +257,12 @@ export default class Danmuku {
|
|||||||
|
|
||||||
if (!danmu.text.trim()) {
|
if (!danmu.text.trim()) {
|
||||||
notice.show = i18n.get('Danmu text cannot be empty');
|
notice.show = i18n.get('Danmu text cannot be empty');
|
||||||
return;
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (danmu.text.length > this.option.maxlength) {
|
if (danmu.text.length > this.option.maxlength) {
|
||||||
notice.show = `${i18n.get('The length of the danmu does not exceed')} ${this.option.maxlength}`;
|
notice.show = `${i18n.get('The length of the danmu does not exceed')} ${this.option.maxlength}`;
|
||||||
return;
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (danmu.time) {
|
if (danmu.time) {
|
||||||
@@ -266,5 +280,6 @@ export default class Danmuku {
|
|||||||
$lastStartTime: 0,
|
$lastStartTime: 0,
|
||||||
$restWidth: 0,
|
$restWidth: 0,
|
||||||
});
|
});
|
||||||
|
return this;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user