mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-08 19:06:15 -08:00
修改本地视频类型判断
This commit is contained in:
Harvey Zack committed
1 parent
01e16b042c
commit
f4c5531b80
10 files changed
+73
-29
No files matched your search
@@ -38,6 +38,7 @@ html, body {
|
||||
height: 300px;
|
||||
border: 2px dashed #d9d9d9;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
<div class="container">
|
||||
<div class="left-part">
|
||||
<div class="upload">
|
||||
Click to upload video file, support format: mp4, ogg, webm
|
||||
Drop video file here or click to upload.
|
||||
<input class="file" type="file">
|
||||
</div>
|
||||
<div class="artplayer"></div>
|
||||
|
||||
@@ -209,13 +209,25 @@
|
||||
|
||||
_this.video = ArtplayerToolThumbnail.creatVideo();
|
||||
_this.inputChange = _this.inputChange.bind(assertThisInitialized(assertThisInitialized(_this)));
|
||||
_this.ondrop = _this.ondrop.bind(assertThisInitialized(assertThisInitialized(_this)));
|
||||
|
||||
_this.option.fileInput.addEventListener('change', _this.inputChange);
|
||||
|
||||
_this.option.fileInput.addEventListener('dragover', ArtplayerToolThumbnail.ondragover);
|
||||
|
||||
_this.option.fileInput.addEventListener('drop', ArtplayerToolThumbnail.ondrop);
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
createClass(ArtplayerToolThumbnail, [{
|
||||
key: "ondrop",
|
||||
value: function ondrop(e) {
|
||||
e.preventDefault();
|
||||
var file = e.dataTransfer.files[0];
|
||||
this.loadVideo(file);
|
||||
}
|
||||
}, {
|
||||
key: "setup",
|
||||
value: function setup() {
|
||||
var _this2 = this;
|
||||
@@ -243,14 +255,19 @@
|
||||
}, {
|
||||
key: "inputChange",
|
||||
value: function inputChange() {
|
||||
var file = this.option.fileInput.files[0];
|
||||
this.loadVideo(file);
|
||||
}
|
||||
}, {
|
||||
key: "loadVideo",
|
||||
value: function loadVideo(file) {
|
||||
var _this3 = this;
|
||||
|
||||
var delay = this.option.delay;
|
||||
var fileType = ['video/mp4', 'audio/ogg', 'video/webm'];
|
||||
var file = this.option.fileInput.files[0];
|
||||
|
||||
if (file) {
|
||||
this.errorHandle(fileType.includes(file.type), "Only file types are supported: ".concat(fileType.toString(), ", but got ").concat(file.type));
|
||||
var canPlayType = this.video.canPlayType(file.type);
|
||||
this.errorHandle(canPlayType === 'maybe' || canPlayType === 'probably', "Playback of this file format is not supported: ".concat(file.type));
|
||||
var videoUrl = URL.createObjectURL(file);
|
||||
this.videoUrl = videoUrl;
|
||||
this.file = file;
|
||||
@@ -394,6 +411,8 @@
|
||||
key: "destroy",
|
||||
value: function destroy() {
|
||||
this.option.fileInput.removeEventListener('change', this.inputChange);
|
||||
this.option.fileInput.removeEventListener('dragover', ArtplayerToolThumbnail.ondragover);
|
||||
this.option.fileInput.removeEventListener('drop', ArtplayerToolThumbnail.ondrop);
|
||||
document.body.removeChild(this.video);
|
||||
|
||||
if (this.videoUrl) {
|
||||
@@ -407,6 +426,11 @@
|
||||
this.emit('destroy');
|
||||
}
|
||||
}], [{
|
||||
key: "ondragover",
|
||||
value: function ondragover(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
}, {
|
||||
key: "creatVideo",
|
||||
value: function creatVideo() {
|
||||
var video = document.createElement('video');
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"artplayer-tool-thumbnail.js","sources":["../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../node_modules/@babel/runtime/helpers/typeof.js","../../node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../node_modules/@babel/runtime/helpers/inherits.js","../../packages/artplayer-tool-thumbnail/node_modules/tiny-emitter/index.js","../../packages/artplayer-tool-thumbnail/src/utils.js","../../packages/artplayer-tool-thumbnail/src/index.js"],"sourcesContent":["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;","function _typeof2(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof2(obj); }\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && _typeof2(Symbol.iterator) === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return _typeof2(obj);\n };\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : _typeof2(obj);\n };\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;","function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nmodule.exports = _assertThisInitialized;","var _typeof = require(\"../helpers/typeof\");\n\nvar assertThisInitialized = require(\"./assertThisInitialized\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;","function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;","function _setPrototypeOf(o, p) {\n module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nmodule.exports = _setPrototypeOf;","var setPrototypeOf = require(\"./setPrototypeOf\");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;","function E () {\n // Keep this empty so it's easier to inherit from\n // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)\n}\n\nE.prototype = {\n on: function (name, callback, ctx) {\n var e = this.e || (this.e = {});\n\n (e[name] || (e[name] = [])).push({\n fn: callback,\n ctx: ctx\n });\n\n return this;\n },\n\n once: function (name, callback, ctx) {\n var self = this;\n function listener () {\n self.off(name, listener);\n callback.apply(ctx, arguments);\n };\n\n listener._ = callback\n return this.on(name, listener, ctx);\n },\n\n emit: function (name) {\n var data = [].slice.call(arguments, 1);\n var evtArr = ((this.e || (this.e = {}))[name] || []).slice();\n var i = 0;\n var len = evtArr.length;\n\n for (i; i < len; i++) {\n evtArr[i].fn.apply(evtArr[i].ctx, data);\n Line truncated
|
||||
{"version":3,"file":"artplayer-tool-thumbnail.js","sources":["../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../node_modules/@babel/runtime/helpers/typeof.js","../../node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../node_modules/@babel/runtime/helpers/inherits.js","../../packages/artplayer-tool-thumbnail/node_modules/tiny-emitter/index.js","../../packages/artplayer-tool-thumbnail/src/utils.js","../../packages/artplayer-tool-thumbnail/src/index.js"],"sourcesContent":["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;","function _typeof2(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof2(obj); }\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && _typeof2(Symbol.iterator) === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return _typeof2(obj);\n };\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : _typeof2(obj);\n };\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;","function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nmodule.exports = _assertThisInitialized;","var _typeof = require(\"../helpers/typeof\");\n\nvar assertThisInitialized = require(\"./assertThisInitialized\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;","function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;","function _setPrototypeOf(o, p) {\n module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nmodule.exports = _setPrototypeOf;","var setPrototypeOf = require(\"./setPrototypeOf\");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;","function E () {\n // Keep this empty so it's easier to inherit from\n // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)\n}\n\nE.prototype = {\n on: function (name, callback, ctx) {\n var e = this.e || (this.e = {});\n\n (e[name] || (e[name] = [])).push({\n fn: callback,\n ctx: ctx\n });\n\n return this;\n },\n\n once: function (name, callback, ctx) {\n var self = this;\n function listener () {\n self.off(name, listener);\n callback.apply(ctx, arguments);\n };\n\n listener._ = callback\n return this.on(name, listener, ctx);\n },\n\n emit: function (name) {\n var data = [].slice.call(arguments, 1);\n var evtArr = ((this.e || (this.e = {}))[name] || []).slice();\n var i = 0;\n var len = evtArr.length;\n\n for (i; i < len; i++) {\n evtArr[i].fn.apply(evtArr[i].ctx, data);\n Line truncated
|
||||
@@ -1,17 +1,17 @@
|
||||
.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}
|
||||
.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}
|
||||
.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}
|
||||
.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}
|
||||
.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}
|
||||
.artplayer-video-player .artplayer-layers{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:all}
|
||||
.artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}
|
||||
.artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:60;left:0;top:0;right:0;bottom:0;width:100%;height:100%;align-items:center;justify-content:center;pointer-events:none}
|
||||
.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:flex;align-items:center;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:flex;align-items:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplaLine truncated
|
||||
.artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}
|
||||
.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:70;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}
|
||||
.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:flex;align-items:center;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:flex;align-items:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplaLine truncated
|
||||
.artplayer-video-player .artplayer-contextmenu{display:none;position:absolute;z-index:110;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}
|
||||
.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}
|
||||
.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}
|
||||
.artplayer-video-player .artplayer-setting{display:none;position:absolute;z-index:80;left:0;top:0;height:100%;width:100%;align-items:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:relative;width:300px;height:250px;font-size:12px;background:rgba(0,0,0,.8);border-radius:3px;pointer-events:all;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 20px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{color:#fff;margin-bottom:10px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-body{color:hsla(0,0%,100%,.8)}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-close{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);font-size:20px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns{display:flex;margin-left:-4px;margin-right:-4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn{flex:1;padding:0 4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn span{display:block;height:20px;line-height:20px;text-align:center;color:#fff;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn.current span,.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn:hover span{color:#fff;background:#00a1d6}
|
||||
.artplayer-video-player[data-aspect-ratio] video{box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
|
||||
.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}
|
||||
.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}
|
||||
.artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
|
||||
.artplayer-video-player[data-aspect-ratio] video{box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
|
||||
.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:100;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);align-items:center;justify-content:space-between;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;right:20px;bottom:20px;width:400px;height:225px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:flex}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask{display:flex;align-items:center;justify-content:center}.artplayer-video-player.artplayer-pip .artplayer-mask .art-playBig{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}
|
||||
.artplayer-auto-size{display:flex;align-items:center;justify-content:center}
|
||||
.artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["docs/uncompiled/video.scss","docs/uncompiled/artplayer.scss","docs/uncompiled/subtitle.scss","docs/uncompiled/layers.scss","docs/uncompiled/mask.scss","docs/uncompiled/loading.scss","docs/uncompiled/bottom.scss","docs/uncompiled/notice.scss","docs/uncompiled/contextmenu.scss","docs/uncompiled/hideCursor.scss","docs/uncompiled/info.scss","docs/uncompiled/setting.scss","docs/uncompiled/aspectRatio.scss","docs/uncompiled/fullscreenWeb.scss","docs/uncompiled/pip.scss","docs/uncompiled/autoSize.scss","docs/uncompiled/flip.scss","docs/uncompiled/balloon.min.css"],"names":[],"mappings":"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 truncated
|
||||
{"version":3,"sources":["docs/uncompiled/subtitle.scss","docs/uncompiled/artplayer.scss","docs/uncompiled/video.scss","docs/uncompiled/layers.scss","docs/uncompiled/loading.scss","docs/uncompiled/mask.scss","docs/uncompiled/notice.scss","docs/uncompiled/bottom.scss","docs/uncompiled/contextmenu.scss","docs/uncompiled/setting.scss","docs/uncompiled/info.scss","docs/uncompiled/hideCursor.scss","docs/uncompiled/fullscreenWeb.scss","docs/uncompiled/aspectRatio.scss","docs/uncompiled/pip.scss","docs/uncompiled/autoSize.scss","docs/uncompiled/flip.scss","docs/uncompiled/balloon.min.css"],"names":[],"mappings":"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 truncated
|
||||
@@ -5550,11 +5550,11 @@
|
||||
function i18nMix$1(i18n) {
|
||||
i18n.update({
|
||||
'zh-cn': {
|
||||
'Only file types are supported': '只支持文件类型',
|
||||
'Playback of this file format is not supported': '不支持播放该文件格式',
|
||||
'Load local video successfully': '加载本地视频成功'
|
||||
},
|
||||
'zh-tw': {
|
||||
'Only file types are supported': '只支持文件類型',
|
||||
'Playback of this file format is not supported': '不支持播放該文件格式',
|
||||
'Load local video successfully': '加載本地視頻成功'
|
||||
}
|
||||
});
|
||||
@@ -5575,10 +5575,10 @@
|
||||
i18nMix$1(i18n);
|
||||
|
||||
function loadVideo(file) {
|
||||
var fileTypes = ['video/mp4', 'audio/ogg', 'video/webm'];
|
||||
|
||||
if (file) {
|
||||
if (fileTypes.includes(file.type)) {
|
||||
var canPlayType = template.$video.canPlayType(file.type);
|
||||
|
||||
if (canPlayType === 'maybe' || canPlayType === 'probably') {
|
||||
var url = URL.createObjectURL(file);
|
||||
player.playbackRateRemove();
|
||||
player.aspectRatioRemove();
|
||||
@@ -5590,7 +5590,7 @@
|
||||
art.emit('switch', url);
|
||||
notice.show(i18n.get('Load local video successfully'));
|
||||
} else {
|
||||
var tip = "".concat(file.type, ", ").concat(i18n.get('Only file types are supported'), ": ").concat(fileTypes.toString());
|
||||
var tip = "".concat(i18n.get('Playback of this file format is not supported'), ": ").concat(file.type);
|
||||
notice.show(tip, true, 3000);
|
||||
console.warn(tip);
|
||||
}
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"artplayer.js","sources":["../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../node_modules/@babel/runtime/helpers/typeof.js","../../node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../node_modules/@babel/runtime/helpers/inherits.js","../../packages/artplayer/node_modules/tiny-emitter/index.js","../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../node_modules/@babel/runtime/helpers/defineProperty.js","../../node_modules/@babel/runtime/helpers/isNativeFunction.js","../../node_modules/@babel/runtime/helpers/construct.js","../../node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../packages/artplayer/src/utils/index.js","../../packages/artplayer/src/scheme/validElement.js","../../packages/artplayer/src/scheme/validStringEmpty.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/mimeCodec.js","../../packages/artplayer/src/config/mse.js","../../packages/artplayer/src/config/video.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n.js","../../packages/artplayer/src/player/attachUrlMix.js","../../packages/artplayer/src/player/attrInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMin.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchQualityMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/node_modules/get-size/get-size.js","../../packages/artplayer/node_modules/ev-emitter/ev-emitter.js","../../packages/artplayer/node_modules/unipointer/unipointer.js","../../packages/artplayer/node_modules/unidragger/unidragger.js","../../packages/artplayer/node_modules/draggabilly/draggabilly.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/index.js","../../packages/artplayer/src/mse.js","../../packages/artplayer/src/utils/component.js","../../node_modules/@babel/runtime/helpers/objectSpread.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/src/icons/index.js","../../packages/artplayer/src/controls/fullscreen.js","../../packages/artplayer/src/controls/fullscreenWeb.js","../../packages/artplayer/src/controls/pip.js","../../packages/artplayer/src/controls/playAndPause.js","../../packages/artplayer/src/controls/progress.js","../../packages/artplayer/src/controls/subtitle.js","../../packages/artplayer/src/controls/time.js","../../packages/artplayer/src/controls/volume.js","../../packages/artplayer/src/controls/setting.js","../../packages/artplayer/src/controls/thumbnails.js","../../packages/artplayer/src/controls/screenshot.js","../../packages/artplayer/src/controls/quality.js","../../packages/artplayer/src/controls/index.js","../../packages/artplayer/src/contextmenu/playbackRate.js","../../packages/artplayer/src/contextmenu/aspectRatio.js","../../packages/artplayer/src/contextmenu/info.js","../../packages/artplayer/src/contextmenu/version.js","../../packages/artplayer/src/contextmenu/close.js","../../packages/artplayer/src/contextmenu/index.js","../../packages/artplayer/src/info.js","../../packages/artplayer/src/subtitle.js","../../packages/artplayer/src/events/clickInit.js","../../packages/artplayer/src/events/hoverInit.js","../../packages/artplayer/src/events/mousemoveInit.js","../../packages/artplayer/node_modules/resize-observer/lib/ContentRect.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObservation.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObserver.js","../../packages/artplayer/Line truncated
|
||||
{"version":3,"file":"artplayer.js","sources":["../../node_modules/@babel/runtime/helpers/classCallCheck.js","../../node_modules/@babel/runtime/helpers/createClass.js","../../node_modules/@babel/runtime/helpers/typeof.js","../../node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../node_modules/@babel/runtime/helpers/inherits.js","../../packages/artplayer/node_modules/tiny-emitter/index.js","../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../node_modules/@babel/runtime/helpers/defineProperty.js","../../node_modules/@babel/runtime/helpers/isNativeFunction.js","../../node_modules/@babel/runtime/helpers/construct.js","../../node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../packages/artplayer/src/utils/index.js","../../packages/artplayer/src/scheme/validElement.js","../../packages/artplayer/src/scheme/validStringEmpty.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/mimeCodec.js","../../packages/artplayer/src/config/mse.js","../../packages/artplayer/src/config/video.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n.js","../../packages/artplayer/src/player/attachUrlMix.js","../../packages/artplayer/src/player/attrInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMin.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchQualityMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/node_modules/get-size/get-size.js","../../packages/artplayer/node_modules/ev-emitter/ev-emitter.js","../../packages/artplayer/node_modules/unipointer/unipointer.js","../../packages/artplayer/node_modules/unidragger/unidragger.js","../../packages/artplayer/node_modules/draggabilly/draggabilly.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/index.js","../../packages/artplayer/src/mse.js","../../packages/artplayer/src/utils/component.js","../../node_modules/@babel/runtime/helpers/objectSpread.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/src/icons/index.js","../../packages/artplayer/src/controls/fullscreen.js","../../packages/artplayer/src/controls/fullscreenWeb.js","../../packages/artplayer/src/controls/pip.js","../../packages/artplayer/src/controls/playAndPause.js","../../packages/artplayer/src/controls/progress.js","../../packages/artplayer/src/controls/subtitle.js","../../packages/artplayer/src/controls/time.js","../../packages/artplayer/src/controls/volume.js","../../packages/artplayer/src/controls/setting.js","../../packages/artplayer/src/controls/thumbnails.js","../../packages/artplayer/src/controls/screenshot.js","../../packages/artplayer/src/controls/quality.js","../../packages/artplayer/src/controls/index.js","../../packages/artplayer/src/contextmenu/playbackRate.js","../../packages/artplayer/src/contextmenu/aspectRatio.js","../../packages/artplayer/src/contextmenu/info.js","../../packages/artplayer/src/contextmenu/version.js","../../packages/artplayer/src/contextmenu/close.js","../../packages/artplayer/src/contextmenu/index.js","../../packages/artplayer/src/info.js","../../packages/artplayer/src/subtitle.js","../../packages/artplayer/src/events/clickInit.js","../../packages/artplayer/src/events/hoverInit.js","../../packages/artplayer/src/events/mousemoveInit.js","../../packages/artplayer/node_modules/resize-observer/lib/ContentRect.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObservation.js","../../packages/artplayer/node_modules/resize-observer/lib/ResizeObserver.js","../../packages/artplayer/Line truncated
|
||||
@@ -9,7 +9,10 @@ class ArtplayerToolThumbnail extends Emitter {
|
||||
this.setup(Object.assign({}, ArtplayerToolThumbnail.DEFAULTS, option));
|
||||
this.video = ArtplayerToolThumbnail.creatVideo();
|
||||
this.inputChange = this.inputChange.bind(this);
|
||||
this.ondrop = this.ondrop.bind(this);
|
||||
this.option.fileInput.addEventListener('change', this.inputChange);
|
||||
this.option.fileInput.addEventListener('dragover', ArtplayerToolThumbnail.ondragover);
|
||||
this.option.fileInput.addEventListener('drop', ArtplayerToolThumbnail.ondrop);
|
||||
}
|
||||
|
||||
static get DEFAULTS() {
|
||||
@@ -22,6 +25,16 @@ class ArtplayerToolThumbnail extends Emitter {
|
||||
};
|
||||
}
|
||||
|
||||
static ondragover(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
ondrop(e) {
|
||||
e.preventDefault();
|
||||
const file = e.dataTransfer.files[0];
|
||||
this.loadVideo(file);
|
||||
}
|
||||
|
||||
setup(option = {}) {
|
||||
this.option = Object.assign({}, this.option, option);
|
||||
const { fileInput, delay, number, width, height, column } = this.option;
|
||||
@@ -55,13 +68,17 @@ class ArtplayerToolThumbnail extends Emitter {
|
||||
}
|
||||
|
||||
inputChange() {
|
||||
const { delay } = this.option;
|
||||
const fileType = ['video/mp4', 'audio/ogg', 'video/webm'];
|
||||
const file = this.option.fileInput.files[0];
|
||||
this.loadVideo(file);
|
||||
}
|
||||
|
||||
loadVideo(file) {
|
||||
const { delay } = this.option;
|
||||
if (file) {
|
||||
const canPlayType = this.video.canPlayType(file.type);
|
||||
this.errorHandle(
|
||||
fileType.includes(file.type),
|
||||
`Only file types are supported: ${fileType.toString()}, but got ${file.type}`,
|
||||
canPlayType === 'maybe' || canPlayType === 'probably',
|
||||
`Playback of this file format is not supported: ${file.type}`,
|
||||
);
|
||||
const videoUrl = URL.createObjectURL(file);
|
||||
this.videoUrl = videoUrl;
|
||||
@@ -187,6 +204,8 @@ class ArtplayerToolThumbnail extends Emitter {
|
||||
|
||||
destroy() {
|
||||
this.option.fileInput.removeEventListener('change', this.inputChange);
|
||||
this.option.fileInput.removeEventListener('dragover', ArtplayerToolThumbnail.ondragover);
|
||||
this.option.fileInput.removeEventListener('drop', ArtplayerToolThumbnail.ondrop);
|
||||
document.body.removeChild(this.video);
|
||||
if (this.videoUrl) {
|
||||
URL.revokeObjectURL(this.videoUrl);
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
function i18nMix(i18n) {
|
||||
i18n.update({
|
||||
'zh-cn': {
|
||||
'Only file types are supported': '只支持文件类型',
|
||||
'Playback of this file format is not supported': '不支持播放该文件格式',
|
||||
'Load local video successfully': '加载本地视频成功',
|
||||
},
|
||||
'zh-tw': {
|
||||
'Only file types are supported': '只支持文件類型',
|
||||
'Playback of this file format is not supported': '不支持播放該文件格式',
|
||||
'Load local video successfully': '加載本地視頻成功',
|
||||
},
|
||||
});
|
||||
@@ -24,9 +24,9 @@ export default function localPreview(art) {
|
||||
i18nMix(i18n);
|
||||
|
||||
function loadVideo(file) {
|
||||
const fileTypes = ['video/mp4', 'audio/ogg', 'video/webm'];
|
||||
if (file) {
|
||||
if (fileTypes.includes(file.type)) {
|
||||
const canPlayType = template.$video.canPlayType(file.type);
|
||||
if (canPlayType === 'maybe' || canPlayType === 'probably') {
|
||||
const url = URL.createObjectURL(file);
|
||||
player.playbackRateRemove();
|
||||
player.aspectRatioRemove();
|
||||
@@ -38,7 +38,7 @@ export default function localPreview(art) {
|
||||
art.emit('switch', url);
|
||||
notice.show(i18n.get('Load local video successfully'));
|
||||
} else {
|
||||
const tip = `${file.type}, ${i18n.get('Only file types are supported')}: ${fileTypes.toString()}`;
|
||||
const tip = `${i18n.get('Playback of this file format is not supported')}: ${file.type}`;
|
||||
notice.show(tip, true, 3000);
|
||||
console.warn(tip);
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user