4.3.9

remove autoPlayback from mobile demo
add INDICATOR_SIZE_MOBILE_ICON
2026-10-09 11:56:15 -08:00 · 2022-04-27 11:14:22 +08:00 · 2022-04-27 11:07:53 +08:00 · 2022-04-27 10:48:57 +08:00 · 2022-04-27 10:42:07 +08:00 · 2022-04-27 09:45:47 +08:00
281 changed files with 312712 additions and 5690 deletions
@@ -30,6 +30,12 @@
    </a>
 </p>

+## Home Page
+[https://artplayer.org](https://artplayer.org)
+
+## Mobile Demo
+<img src="./images/qrcode.png" width="250">
+
 ## Features

 [ArtPlayer.js](https://artplayer.org) is an easy-to-use and feature-rich HTML5 video player, and most of the player's functional controls support customization, which makes it easy to connect with your business logic. In addition, it directly supports `.vtt`, `.ass` and `.srt` subtitle formats. Integration with other dependencies such as `flv.js`, `hls.js`, `dash.js`, etc. is also very simple. The code is highly decoupled, the structure and logic are clear, and it is easy to track errors and add new features.
@@ -1,8 +1,8 @@
 /*!
- * artplayer-plugin-danmuku.js v4.1.0
+ * artplayer-plugin-danmuku.js v4.3.0
 * Github: https://github.com/zhw2590582/ArtPlayer#readme
 * (c) 2017-2022 Harvey Zack
 * Released under the MIT License.
 */

-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).artplayerPluginDanmuku=e()}(this,(function(){"use strict";function t(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function e(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var n={"zh-cn":{"Danmu opacity":"弹幕透明度","Danmu speed":"弹幕速度","Danmu size":"弹幕大小","Danmu text cannot be empty":"弹幕文本不能为空","The length of the danmu does not exceed":"弹幕文本字数不能超过","Danmu speed synchronous playback multiple":"弹幕速度同步播放倍数"},"zh-tw":{"Danmu opacity":"彈幕透明度","Danmu speed":"彈幕速度","Danmu size":"弹幕大小","Danmu text cannot be empty":"彈幕文本不能為空","The length of the danmu does not exceed":"彈幕文本字數不能超過","Danmu speed synchronous playback multiple":"彈幕速度同步播放倍數"}};function r(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-opacity",index:10,html:'<div class="art-setting-header">'.concat(e.get("Danmu opacity"),': <span class="art-value">100</span>%</div><div class="art-setting-range"><input type="range" value="1" min="0.1" max="1" step="0.1"></div>'),mounted:function(e){var r=e.querySelector("input[type=range]"),i=e.querySelector(".art-value");n(r,"change",(function(){var e=r.value;i.innerText=100*Number(e),t.plugins.artplayerPluginDanmuku.config({opacity:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){r.value!==t.opacity&&(r.value=t.opacity,i.innerText=100*t.opacity)}))}}}function i(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-size",index:11,html:'<div class="art-setting-header">'.concat(e.get("Danmu size"),': <span class="art-value">25</span>px</div><div class="art-setting-range"><input type="range" value="25" min="14" max="30" step="1"></div>'),mounted:function(e){var r=e.querySelector("input[type=range]"),i=e.querySelector(".art-value");n(r,"change",(function(){var e=r.value;i.innerText=e,t.plugins.artplayerPluginDanmuku.config({fontSize:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){r.value!==t.fontSize&&(r.value=t.fontSize,i.innerText=t.fontSize)}))}}}function a(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-speed",index:12,html:'<div class="art-setting-header">'.concat(e.get("Danmu speed"),': <span class="art-value">5</span>s</div><div class="art-setting-range"><input type="range" value="5" min="1" max="10" step="1"></div>'),mounted:function(e){var r=e.querySelector("input[type=range]"),i=e.querySelector(".art-value");n(r,"change",(function(){var e=r.value;i.innerText=e,t.plugins.artplayerPluginDanmuku.config({speed:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){r.value!==t.speed&&(r.value=t.speed,i.innerText=t.speed)}))}}}function o(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-synchronousPlayback",index:13,html:'<label class="art-setting-checkbox"><input type="checkbox"/>'.concat(e.get("Danmu speed synchronous playback multiple"),"</label>"),mounted:function(e){var r=e.querySelector("input[type=checkbox]");n(r,"change",(function(){t.plugins.artplayerPluginDanmuku.config({synchronousPlayback:r.checked})})),t.on("artplayerPluginDanmuku:config",(function(t){r.checked!==t.synchronousPlayback&&(r.checked=t.synchronousPlayback)}))}}}function u(t,e,n){return t.filter((function(t){return t.$state===e})).map(n)}function s(t,e){var n=t.getBoundingClientRect();return e?n[e]:n}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function c(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,a=[],o=!0,u=!1;try{for(n=n.call(t);!(o=(r=n.next()).done)&&(a.push(r.value),!e||a.length!==e);o=!0);}catch(t){u=!0,i=t}finally{try{o||null==n.return||n.return()}finally{if(u)throw i}}return a}}(t,e)||function(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(t){switch(t){case 1:case 2:case 3:default:return 0;case 4:case 5:return 1}}function f(t){return fetch(t).then((function(t){return t.text()})).then((function(t){return function(t){if("string"!=typeof t)return[];var e=t.match(/<d([\S ]*?>[\S ]*?)<\/d>/gi);return e&&e.length?e.map((function(t){var e=c(t.match(/<d p="(.+)">(.+)<\/d>/)Line truncated
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).artplayerPluginDanmuku=e()}(this,(function(){"use strict";function t(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function e(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var n={"zh-cn":{"Danmu opacity":"弹幕透明度","Danmu speed":"弹幕速度","Danmu size":"弹幕大小","Danmu text cannot be empty":"弹幕文本不能为空","The length of the danmu does not exceed":"弹幕文本字数不能超过","Danmu speed synchronous playback multiple":"弹幕速度同步播放倍数"},"zh-tw":{"Danmu opacity":"彈幕透明度","Danmu speed":"彈幕速度","Danmu size":"弹幕大小","Danmu text cannot be empty":"彈幕文本不能為空","The length of the danmu does not exceed":"彈幕文本字數不能超過","Danmu speed synchronous playback multiple":"彈幕速度同步播放倍數"}};function r(t,e,n){return t.filter((function(t){return t.$state===e})).map(n)}function i(t,e){var n=t.getBoundingClientRect();return e?n[e]:n}function o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function a(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,o=[],a=!0,s=!1;try{for(n=n.call(t);!(a=(r=n.next()).done)&&(o.push(r.value),!e||o.length!==e);a=!0);}catch(t){s=!0,i=t}finally{try{a||null==n.return||n.return()}finally{if(s)throw i}}return o}}(t,e)||function(t,e){if(t){if("string"==typeof t)return o(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(t){switch(t){case 1:case 2:case 3:default:return 0;case 4:case 5:return 1}}function u(t){return fetch(t).then((function(t){return t.text()})).then((function(t){return function(t){if("string"!=typeof t)return[];var e=t.match(/<d([\S ]*?>[\S ]*?)<\/d>/gi);return e&&e.length?e.map((function(t){var e=a(t.match(/<d p="(.+)">(.+)<\/d>/),3),n=e[1],r=e[2],i=n.split(",");return 8===i.length&&r.trim()?{text:r,time:Number(i[0]),mode:s(Number(i[1])),fontSize:Number(i[2]),color:"#".concat(Number(i[3]).toString(16)),timestamp:Number(i[4]),pool:Number(i[5]),userID:i[6],rowID:Number(i[7])}:null})):[]}(t)}))}function l(t,e){var n=a(t.option.margin,2),r=n[0],o=n[1],s=i(t.art.template.$player),u=t.queue.filter((function(t){return t.mode===e.mode&&"emit"===t.$state&&t.$ref&&t.$ref.style.fontSize===e.$ref.style.fontSize&&parseFloat(t.$ref.style.top)<=s.height-o})).map((function(t){var e=i(t.$ref),n=e.width,r=e.height,o=e.top-s.top,a=e.left-s.left;return{top:o,left:a,height:r,width:n,right:s.width-a-n}})).sort((function(t,e){return t.top-e.top}));return 0===u.length?r:(u.unshift({top:0,left:0,right:0,height:r,width:s.width}),u.push({top:s.height-o,left:0,right:0,height:o,width:s.width}),function(t){for(var e=0,n={},r=0;r<t.length;r+=1){var i=t[r];n[i.top]?n[i.top].push(i):n[i.top]=[i]}for(var o=Object.keys(n),s=0,u=1;u<t.length;u+=1){var l=t[u],f=t[u-1],c=f.top+f.height,p=l.top-c;p>s&&(e=c,s=p)}if(0===e)for(var h=0,m=0;m<o.length;m+=1){for(var d=t[0].width,y=o[m],g=n[y],b=0;b<g.length;b+=1){var $=g[b];$.right<d&&(d=$.right)}d>h&&(h=d,e=a(g,1)[0].top)}if(0===e){var v=o.filter((function(t,e){return 0!==e&&e!==o.length-1})).sort((function(t,e){return n[t].length-n[e].length}));e=a(v,1)[0]}return e}(u))}function f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function c(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?f(Object(r),!0).forEach((function(n){t(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var p=function(){function t(e,r){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),e.i18n.update(n),this.art=e,this.queue=[],this.option={},this.config(r),this.isStop=!1,this.isHide=!1,this.animationFrameTimer=null,this.$danmuku=e.template.$danmuku,e.on("video:play",this.start.bind(this)),e.on("video:playing",this.start.bind(this)),e.on("video:pause",this.stop.bind(this)),e.on("video:waiting",Line truncated
@@ -5,4 +5,4 @@
 * Released under the MIT License.
 */

-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).ArtplayerToolThumbnail=e()}(this,(function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(t,e){return i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function r(t,e){if(e&&("object"===o(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return n(t)}function a(t){return a=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},a(t)}var s={exports:{}};function u(){}function h(t){return new Promise((function(e){return setTimeout(e,t)}))}function l(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function c(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=a(t);if(e){var o=a(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return r(this,n)}}u.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function o(){i.off(t,o),e.apply(n,arguments)}return o._=e,this.on(t,o,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,o=n.length;i<o;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],o=[];if(i&&e)for(var r=0,a=i.length;r<a;r++)i[r].fn!==e&&i[r].fn._!==e&&o.push(i[r]);return o.length?n[t]=o:delete n[t],this}},s.exports=u,s.exports.TinyEmitter=u;var f=function(o){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}(f,o);var r,a,s,u=c(f);function f(){var e,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t(this,f),(e=u.call(this)).processing=!1,e.option={},e.setup(Object.assign({},f.DEFAULTS,i)),e.video=f.creatVideo(),e.duration=0,e.inputChange=e.inputChange.bind(n(e)),e.ondrop=e.ondrop.bind(n(e)),e.option.fileInput.addEventListener("change",e.inputChange),e.option.fileInput.addEventListener("dragover",f.ondragover),e.option.fileInput.addEventListener("drop",f.ondrop),e}return r=f,a=[{key:"ondrop",value:function(t){t.preventDefault();var e=t.dataTransfer.files[0];this.loadVideo(e)}},{key:"setup",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,e);var n=this.option,i=n.fileInput,o=n.delay,r=n.number,a=n.width,s=n.height,u=n.column;if(this.errorHandle(i instanceof Element,"The 'fileInput' is not a Element"),"INPUT"!==i.tagName||"file"!==i.type){i.style.position="relative";var h=document.createElement("input");h.type="file",h.style.position="absolute",h.style.width="100%",h.style.height="100%",h.style.left="0",h.style.top="0",h.style.right="0",h.style.bottom="0",h.style.opacity="0",i.appendChild(h),this.option.fileInput=h}return["delay","number","width","height","column","begin","end"].forEach((function(e){t.errorHandle("number"==typeof t.option[e],"The '".concat(e,"' is not a number"))})),this.option.delay=l(o,10,1e3),this.option.number=l(r,10,1e3),this.option.width=l(a,10,1e3),this.option.height=l(s,10,1e3),this.option.column=l(u,1,1e3),this}},{key:"inputChange",value:function(){var t=this.option.fileInput.files[0];this.loadVideo(t)}},{key:"loadVideo",value:function(t){var e=this,n=this.option.delay;if(t){var i=this.video.canPlayType(t.type);this.errorHandle("maybe"===i||"probably"===i,"Playback of this file format is not supported: ".concat(t.type));var o=URL.createObjectURL(t);this.videoUrl=o,this.file=t,this.emit("file",this.file),this.video.src=o,h(n).then((function(){e.emit("video",e.video)})).catch((function(t){throw e.emit("error",t.message),t}))}}},{key:"start",value:function(){var t=this;if(!this.video.duration)return h(1e3).then(this.start);var e=this.option,n=e.width,i=e.height,o=e.number,r=e.delay,a=e.begin,s=e.end;this.option.begin=l(a,0,this.video.duration),this.optionLine truncated
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).ArtplayerToolThumbnail=e()}(this,(function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(t,e){return i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function r(t,e){if(e&&("object"===o(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return n(t)}function a(t){return a=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},a(t)}var s={exports:{}};function u(){}function l(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function c(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=a(t);if(e){var o=a(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return r(this,n)}}u.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function o(){i.off(t,o),e.apply(n,arguments)}return o._=e,this.on(t,o,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,o=n.length;i<o;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],o=[];if(i&&e)for(var r=0,a=i.length;r<a;r++)i[r].fn!==e&&i[r].fn._!==e&&o.push(i[r]);return o.length?n[t]=o:delete n[t],this}},s.exports=u,s.exports.TinyEmitter=u;var h=function(o){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&i(t,e)}(h,o);var r,a,s,u=c(h);function h(){var e,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t(this,h),(e=u.call(this)).processing=!1,e.option={},e.setup(Object.assign({},h.DEFAULTS,i)),e.video=h.creatVideo(),e.duration=0,e.inputChange=e.inputChange.bind(n(e)),e.ondrop=e.ondrop.bind(n(e)),e.option.fileInput.addEventListener("change",e.inputChange),e.option.fileInput.addEventListener("dragover",h.ondragover),e.option.fileInput.addEventListener("drop",h.ondrop),e}return r=h,a=[{key:"ondrop",value:function(t){t.preventDefault();var e=t.dataTransfer.files[0];this.loadVideo(e)}},{key:"setup",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,e);var n=this.option,i=n.fileInput,o=n.number,r=n.width,a=n.column;if(this.errorHandle(i instanceof Element,"The 'fileInput' is not a Element"),"INPUT"!==i.tagName||"file"!==i.type){i.style.position="relative";var s=document.createElement("input");s.type="file",s.style.position="absolute",s.style.width="100%",s.style.height="100%",s.style.left="0",s.style.top="0",s.style.right="0",s.style.bottom="0",s.style.opacity="0",i.appendChild(s),this.option.fileInput=s}return["number","width","column","begin","end"].forEach((function(e){t.errorHandle("number"==typeof t.option[e],"The '".concat(e,"' is not a number"))})),this.option.number=l(o,10,1e3),this.option.width=l(r,10,1e3),this.option.column=l(a,1,1e3),this}},{key:"inputChange",value:function(t){var e=this.option.fileInput.files[0];this.loadVideo(e),t.target.value=""}},{key:"loadVideo",value:function(t){if(t){var e=this.video.canPlayType(t.type);this.errorHandle("maybe"===e||"probably"===e,"Playback of this file format is not supported: ".concat(t.type));var n=URL.createObjectURL(t);this.videoUrl=n,this.file=t,this.emit("file",this.file),this.video.src=n,this.emit("video",this.video)}}},{key:"start",value:function(){var t,e=this;if(!this.video.duration)return(t=1e3,new Promise((function(e){return setTimeout(e,t)}))).then((function(){return e.start()}));var n=this.option,i=n.width,o=n.number,r=n.begin,a=n.end,s=this.video.videoHeight/this.video.videoWidth*i;this.option.height=s,this.option.begin=l(r,0,this.video.duration),this.option.end=l(a||this.video.duration,r,this.video.duration),this.errorHandle(this.option.endLine truncated
@@ -1,8 +1,8 @@
 /*!
- * artplayer.js v4.2.3
+ * artplayer.js v4.3.9
 * Github: https://github.com/zhw2590582/ArtPlayer#readme
 * (c) 2017-2022 Harvey Zack
 * Released under the MIT License.
 */

-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Artplayer=e()}(this,(function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function r(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function o(t,e){return o=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},o(t,e)}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e){if(e&&("object"===a(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return n(t)}function s(t){return s=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},s(t)}!function(t,e){void 0===e&&(e={});var r=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}('.art-video-player{zoom:1;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-high-contrast-adjust:none;background-color:#000;color:#eee;direction:ltr;display:flex;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:14px;height:100%;line-height:1.3;margin:0 auto;outline:0;position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:20}.art-video-player *{box-sizing:border-box;margin:0;padding:0}.art-video-player ::-webkit-scrollbar{height:5px;width:5px}.art-video-player ::-webkit-scrollbar-thumb{background-color:#666}.art-video-player ::-webkit-scrollbar-thumb:hover{background-color:#ccc}.art-video-player .art-icon{align-items:center;display:inline-flex;justify-content:center;line-height:1.5}.art-video-player .art-icon svg{fill:#fff}.art-video-player img{max-width:100%;vertical-align:top}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{background-color:#000;cursor:pointer;z-index:10}.art-video-player .art-poster,.art-video-player .art-video{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.art-video-player .art-poster{background-position:50%;background-repeat:no-repeat;background-size:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:11}.art-video-player .art-subtitle{bottom:10px;color:#fff;display:none;font-size:20px;padding:0 20px;pointer-events:none;position:absolute;text-align:center;text-shadow:.5px .5px .5px rgba(0,0,0,.5);width:100%;z-index:20}.art-video-player .art-subtitle p{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.2;margin:5px 0 0;word-break:break-all}.art-video-player .art-bilingual p:nth-child(n+2){transform:scale(.6);transform-origin:center top}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:50px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{align-items:center;bottom:0;display:none;height:100%;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:50}.art-video-player .art-mask .art-state{align-items:center;bottom:65px;display:flex;height:60px;justify-content:center;opacity:.6;position:absolute;right:30px;width:60px}.art-video-player.art-mask-show .art-mask{display:flex}.art-video-player .art-loading{align-items:center;bottom:0;display:none;height:100%;justify-content:center;left:0;pointer-events:nonLine truncated
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Artplayer=e()}(this,(function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function n(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function r(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function o(t,e){return o=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},o(t,e)}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&o(t,e)}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e){if(e&&("object"===a(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return r(t)}function l(t){return l=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},l(t)}!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}('.art-video-player{zoom:1;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-high-contrast-adjust:none;background-color:#000;color:#eee;direction:ltr;display:flex;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:14px;height:100%;line-height:1.3;margin:0 auto;outline:0;position:relative;text-align:left;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:20}.art-video-player *{box-sizing:border-box;margin:0;padding:0}.art-video-player ::-webkit-scrollbar{height:5px;width:5px}.art-video-player ::-webkit-scrollbar-thumb{background-color:#666}.art-video-player ::-webkit-scrollbar-thumb:hover{background-color:#ccc}.art-video-player .art-icon{align-items:center;display:inline-flex;justify-content:center;line-height:1.5}.art-video-player .art-icon svg{fill:#fff}.art-video-player img{max-width:100%;vertical-align:top}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{background-color:#000;cursor:pointer;z-index:10}.art-video-player .art-poster,.art-video-player .art-video{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.art-video-player .art-poster{background-position:50%;background-repeat:no-repeat;background-size:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:11}.art-video-player .art-subtitle{bottom:10px;color:#fff;display:none;font-size:20px;padding:0 20px;pointer-events:none;position:absolute;text-align:center;text-shadow:.5px .5px .5px rgba(0,0,0,.5);width:100%;z-index:20}.art-video-player .art-subtitle p{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.2;margin:5px 0 0;word-break:break-all}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:50px}.art-video-player.art-mobile.art-control-show .art-subtitle{bottom:55px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{align-items:center;bottom:0;display:none;height:100%;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:50}.art-video-player .art-mask .art-state{align-items:center;bottom:65px;cursor:pointer;display:flex;height:60px;justify-content:center;opacity:.85;pointer-events:all;position:absolute;right:30px;width:60px}.art-video-player.art-mask-show .art-mask{display:flex}.art-video-player.artLine truncated
@@ -1,18 +0,0 @@
-html, body {
-    height: 100%;
-}
-
-.container {
-    height: 100%;
-    padding: 10px;
-    box-sizing: border-box;
-}
-
-.artplayer-app {
-    width: 100%;
-    height: 50%;
-}
-
-.tip {
-    text-align: center;
-}
@@ -2,9 +2,6 @@ var art = new Artplayer({
    container: '.artplayer-app',
    url: 'https://artplayer.org/assets/sample/video.mp4',
    autoSize: true,
-    setting: true,
-    playbackRate: true,
-    fullscreenWeb: true,
    plugins: [
        artplayerPluginDanmuku({
            danmuku: '/assets/sample/danmuku.xml',
@@ -1,7 +1,7 @@
 var art = new Artplayer({
    container: '.artplayer-app',
-    url: 'https://artplayer.org/assets/sample/video.mp4',
-    title: 'One More Time One More Chance',
+    url: '/assets/sample/video.mp4',
+    title: 'Your Name',
    poster: '/assets/sample/poster.jpg',
    volume: 0.5,
    isLive: false,
@@ -14,29 +14,40 @@ var art = new Artplayer({
    setting: true,
    loop: true,
    flip: true,
-    rotate: true,
    playbackRate: true,
    aspectRatio: true,
    fullscreen: true,
    fullscreenWeb: true,
    subtitleOffset: true,
    miniProgressBar: true,
-    localVideo: true,
-    localSubtitle: true,
    mutex: true,
    backdrop: true,
+    playsInline: true,
+    autoPlayback: true,
    theme: '#23ade5',
    lang: navigator.language.toLowerCase(),
+    whitelist: ['*'],
    moreVideoAttr: {
        crossOrigin: 'anonymous',
    },
    settings: [
        {
-            index: 1,
-            html: 'Custom setting',
-            click: function (setting) {
-                console.info('You clicked on the custom setting');
-                setting.show = false;
+            width: 200,
+            html: 'Custom Setting',
+            tooltip: 'Click This',
+            icon: '<img width="22" heigth="22" src="/assets/img/indicator.svg">',
+            selector: [
+                {
+                    default: true,
+                    html: 'Setting 01',
+                },
+                {
+                    html: 'Setting 02',
+                },
+            ],
+            onSelect: function (item) {
+                console.info('You clicked on the custom setting', item.html);
+                return item.html;
            },
        },
    ],
@@ -51,8 +62,9 @@ var art = new Artplayer({
    ],
    layers: [
        {
-            html: '<img style="width: 100px" src="/assets/sample/layer.png">',
+            html: '<img width="100" src="/assets/sample/layer.png">',
            click: function () {
+                window.open('https://aimu.app');
                console.info('You clicked on the custom layer');
            },
            style: {
@@ -76,37 +88,37 @@ var art = new Artplayer({
    ],
    thumbnails: {
        url: '/assets/sample/thumbnails.png',
-        number: 100,
+        number: 60,
        column: 10,
    },
    subtitle: {
        url: '/assets/sample/subtitle.srt',
        type: 'srt',
        style: {
-            color: '#03A9F4',
+            color: '#fe9200',
+            fontSize: '20px',
        },
        encoding: 'utf-8',
-        bilingual: true,
    },
    highlight: [
        {
-            time: 60,
+            time: 15,
            text: 'One more chance',
        },
        {
-            time: 120,
+            time: 30,
            text: '谁でもいいはずなのに',
        },
        {
-            time: 180,
+            time: 45,
            text: '夏の想い出がまわる',
        },
        {
-            time: 240,
+            time: 60,
            text: 'こんなとこにあるはずもないのに',
        },
        {
-            time: 300,
+            time: 75,
            text: '终わり',
        },
    ],
@@ -120,8 +132,8 @@ var art = new Artplayer({
        },
    ],
    icons: {
-        indicator: '<img width="16" heigth="16" src="/assets/img/indicator.svg">',
        loading: '<img src="/assets/img/ploading.gif">',
        state: '<img width="150" heigth="150" src="/assets/img/state.svg">',
+        indicator: '<img width="16" heigth="16" src="/assets/img/indicator.svg">',
    },
 });
@@ -0,0 +1,589 @@
+var SubtitlesOctopus = function (options) {
+    var supportsWebAssembly = false;
+    try {
+        if (typeof WebAssembly === "object"
+            && typeof WebAssembly.instantiate === "function") {
+            const module = new WebAssembly.Module(Uint8Array.of(0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00));
+            if (module instanceof WebAssembly.Module)
+                supportsWebAssembly = (new WebAssembly.Instance(module) instanceof WebAssembly.Instance);
+        }
+    } catch (e) {
+    }
+    console.log("WebAssembly support detected: " + (supportsWebAssembly ? "yes" : "no"));
+
+    var self = this;
+    self.canvas = options.canvas; // HTML canvas element (optional if video specified)
+    self.lossyRender = options.lossyRender; // Speedup render for heavy subs
+    self.isOurCanvas = false; // (internal) we created canvas and manage it
+    self.video = options.video; // HTML video element (optional if canvas specified)
+    self.canvasParent = null; // (internal) HTML canvas parent element
+    self.fonts = options.fonts || []; // Array with links to fonts used in sub (optional)
+    self.availableFonts = options.availableFonts || []; // Object with all available fonts (optional). Key is font name in lower case, value is link: {"arial": "/font1.ttf"}
+    self.onReadyEvent = options.onReady; // Function called when SubtitlesOctopus is ready (optional)
+    if (supportsWebAssembly) {
+        self.workerUrl = options.workerUrl || 'subtitles-octopus-worker.js'; // Link to WebAssembly worker
+    } else {
+        self.workerUrl = options.legacyWorkerUrl || 'subtitles-octopus-worker-legacy.js'; // Link to legacy worker
+    }
+    self.subUrl = options.subUrl; // Link to sub file (optional if subContent specified)
+    self.subContent = options.subContent || null; // Sub content (optional if subUrl specified)
+    self.onErrorEvent = options.onError; // Function called in case of critical error meaning sub wouldn't be shown and you should use alternative method (for instance it occurs if browser doesn't support web workers).
+    self.debug = options.debug || false; // When debug enabled, some performance info printed in console.
+    self.lastRenderTime = 0; // (internal) Last time we got some frame from worker
+    self.pixelRatio = window.devicePixelRatio || 1; // (internal) Device pixel ratio (for high dpi devices)
+
+    self.timeOffset = options.timeOffset || 0; // Time offset would be applied to currentTime from video (option)
+
+    self.hasAlphaBug = false;
+
+    (function() {
+        if (typeof ImageData.prototype.constructor === 'function') {
+            try {
+                // try actually calling ImageData, as on some browsers it's reported
+                // as existing but calling it errors out as "TypeError: Illegal constructor"
+                new window.ImageData(new Uint8ClampedArray([0, 0, 0, 0]), 1, 1);
+                return;
+            } catch (e) {
+                console.log("detected that ImageData is not constructable despite browser saying so");
+            }
+        }
+
+        var canvas = document.createElement('canvas');
+        var ctx = canvas.getContext('2d');
+
+        window.ImageData = function () {
+            var i = 0;
+            if (arguments[0] instanceof Uint8ClampedArray) {
+                var data = arguments[i++];
+            }
+            var width = arguments[i++];
+            var height = arguments[i];
+
+            var imageData = ctx.createImageData(width, height);
+            if (data) imageData.data.set(data);
+            return imageData;
+        }
+    })();
+
+    self.workerError = function (error) {
+        console.error('Worker error: ', error);
+        if (self.onErrorEvent) {
+            self.onErrorEvent(error);
+        }
+        if (!self.debug) {
+            self.dispose();
+            throw new Error('Worker error: ' + error);
+        }
+    };
+
+    // Not tested for repeated usage yet
+    self.init = function () {
+        if (!window.Worker) {
+            self.workerError('worker not supported');
+            return;
+        }
+        // Worker
+        if (!self.worker) {
+            self.worker = new Worker(self.workerUrl);
+            self.worker.onmessage = self.onWorkerMessage;
+            self.worker.onerror = self.workerError;
+        }
+        self.workerActive = false;
+        self.createCanvas();
+        self.setVideo(options.video);
+        self.setSubUrl(options.subUrl);
+        self.worker.postMessage({
+            target: 'worker-init',
+            width: self.canvas.width,
+            height: self.canvas.height,
+            URL: document.URL,
+            currentScript: self.workerUrl,
+            preMain: true,
+            fastRender: self.lossyRender,
+            subUrl: self.subUrl,
+            subContent: self.subContent,
+            fonts: self.fonts,
+            availableFonts: self.availableFonts,
+            debug: self.debug
+        });
+    };
+
+    self.createCanvas = function () {
+        if (!self.canvas) {
+            if (self.video) {
+                self.isOurCanvas = true;
+                self.canvas = document.createElement('canvas');
+                self.canvas.className = 'libassjs-canvas';
+                self.canvas.style.display = 'none';
+
+                self.canvasParent = document.createElement('div');
+                self.canvasParent.className = 'libassjs-canvas-parent';
+                self.canvasParent.appendChild(self.canvas);
+
+                if (self.video.nextSibling) {
+                    self.video.parentNode.insertBefore(self.canvasParent, self.video.nextSibling);
+                }
+                else {
+                    self.video.parentNode.appendChild(self.canvasParent);
+                }
+            }
+            else {
+                if (!self.canvas) {
+                    self.workerError('Don\'t know where to render: you should give video or canvas in options.');
+                }
+            }
+        }
+        self.ctx = self.canvas.getContext('2d');
+        self.bufferCanvas = document.createElement('canvas');
+        self.bufferCanvasCtx = self.bufferCanvas.getContext('2d');
+
+        // test for alpha bug, where e.g. WebKit can render a transparent pixel
+        // (with alpha == 0) as non-black which then leads to visual artifacts
+        self.bufferCanvas.width = 1;
+        self.bufferCanvas.height = 1;
+        var testBuf = new Uint8ClampedArray([0, 255, 0, 0]);
+        var testImage = new ImageData(testBuf, 1, 1);
+        self.bufferCanvasCtx.clearRect(0, 0, 1, 1);
+        self.ctx.clearRect(0, 0, 1, 1);
+        var prePut = self.ctx.getImageData(0, 0, 1, 1).data;
+        self.bufferCanvasCtx.putImageData(testImage, 0, 0);
+        self.ctx.drawImage(self.bufferCanvas, 0, 0);
+        var postPut = self.ctx.getImageData(0, 0, 1, 1).data;
+        self.hasAlphaBug = prePut[1] != postPut[1];
+        if (self.hasAlphaBug) {
+            console.log("Detected a browser having issue with transparent pixels, applying workaround");
+        }
+    };
+
+    self.setVideo = function (video) {
+        self.video = video;
+        if (self.video) {
+            var timeupdate = function () {
+                self.setCurrentTime(video.currentTime + self.timeOffset);
+            }
+            self.video.addEventListener("timeupdate", timeupdate, false);
+            self.video.addEventListener("playing", function () {
+                self.setIsPaused(false, video.currentTime + self.timeOffset);
+            }, false);
+            self.video.addEventListener("pause", function () {
+                self.setIsPaused(true, video.currentTime + self.timeOffset);
+            }, false);
+            self.video.addEventListener("seeking", function () {
+                self.video.removeEventListener("timeupdate", timeupdate);
+            }, false);
+            self.video.addEventListener("seeked", function () {
+                self.video.addEventListener("timeupdate", timeupdate, false);
+                self.setCurrentTime(video.currentTime + self.timeOffset);
+            }, false);
+            self.video.addEventListener("ratechange", function () {
+                self.setRate(video.playbackRate);
+            }, false);
+            self.video.addEventListener("timeupdate", function () {
+                self.setCurrentTime(video.currentTime + self.timeOffset);
+            }, false);
+            self.video.addEventListener("waiting", function () {
+                self.setIsPaused(true, video.currentTime + self.timeOffset);
+            }, false);
+
+            document.addEventListener("fullscreenchange", self.resizeWithTimeout, false);
+            document.addEventListener("mozfullscreenchange", self.resizeWithTimeout, false);
+            document.addEventListener("webkitfullscreenchange", self.resizeWithTimeout, false);
+            document.addEventListener("msfullscreenchange", self.resizeWithTimeout, false);
+            window.addEventListener("resize", self.resizeWithTimeout, false);
+
+            // Support Element Resize Observer
+            if (typeof ResizeObserver !== "undefined") {
+                self.ro = new ResizeObserver(self.resizeWithTimeout);
+                self.ro.observe(self.video);
+            }
+
+            if (self.video.videoWidth > 0) {
+                self.resize();
+            }
+            else {
+                self.video.addEventListener("loadedmetadata", function (e) {
+                    e.target.removeEventListener(e.type, arguments.callee);
+                    self.resize();
+                }, false);
+            }
+        }
+    };
+
+    self.getVideoPosition = function () {
+        var videoRatio = self.video.videoWidth / self.video.videoHeight;
+        var width = self.video.offsetWidth, height = self.video.offsetHeight;
+        var elementRatio = width / height;
+        var realWidth = width, realHeight = height;
+        if (elementRatio > videoRatio) realWidth = Math.floor(height * videoRatio);
+        else realHeight = Math.floor(width / videoRatio);
+
+        var x = (width - realWidth) / 2;
+        var y = (height - realHeight) / 2;
+
+        return {
+            width: realWidth,
+            height: realHeight,
+            x: x,
+            y: y
+        };
+    };
+
+    self.setSubUrl = function (subUrl) {
+        self.subUrl = subUrl;
+    };
+
+    self.renderFrameData = null;
+    function renderFrames() {
+        var data = self.renderFramesData;
+        var beforeDrawTime = performance.now();
+        self.ctx.clearRect(0, 0, self.canvas.width, self.canvas.height);
+        for (var i = 0; i < data.canvases.length; i++) {
+            var image = data.canvases[i];
+            self.bufferCanvas.width = image.w;
+            self.bufferCanvas.height = image.h;
+            var imageBuffer = new Uint8ClampedArray(image.buffer);
+            if (self.hasAlphaBug) {
+                for (var j = 3; j < imageBuffer.length; j = j + 4) {
+                    imageBuffer[j] = (imageBuffer[j] >= 1) ? imageBuffer[j] : 1;
+                }
+            }
+            var imageData = new ImageData(imageBuffer, image.w, image.h);
+            self.bufferCanvasCtx.putImageData(imageData, 0, 0);
+            self.ctx.drawImage(self.bufferCanvas, image.x, image.y);
+        }
+        if (self.debug) {
+            var drawTime = Math.round(performance.now() - beforeDrawTime);
+            console.log(Math.round(data.spentTime) + ' ms (+ ' + drawTime + ' ms draw)');
+            self.renderStart = performance.now();
+        }
+    }
+
+    /**
+     * Lossy Render Mode
+     *
+     */
+    function renderFastFrames() {
+        var data = self.renderFramesData;
+        var beforeDrawTime = performance.now();
+        self.ctx.clearRect(0, 0, self.canvas.width, self.canvas.height);
+        for (var i = 0; i < data.bitmaps.length; i++) {
+            var image = data.bitmaps[i];
+            self.ctx.drawImage(image.bitmap, image.x, image.y);
+        }
+        if (self.debug) {
+            var drawTime = Math.round(performance.now() - beforeDrawTime);
+            console.log(data.bitmaps.length + ' bitmaps, libass: ' + Math.round(data.libassTime) + 'ms, decode: ' + Math.round(data.decodeTime) + 'ms, draw: ' + drawTime + 'ms');
+            self.renderStart = performance.now();
+        }
+    }
+
+    self.workerActive = false;
+    self.frameId = 0;
+    self.onWorkerMessage = function (event) {
+        //dump('\nclient got ' + JSON.stringify(event.data).substr(0, 150) + '\n');
+        if (!self.workerActive) {
+            self.workerActive = true;
+            if (self.onReadyEvent) {
+                self.onReadyEvent();
+            }
+        }
+        var data = event.data;
+        switch (data.target) {
+            case 'stdout': {
+                console.log(data.content);
+                break;
+            }
+            case 'console-log': {
+                console.log.apply(console, JSON.parse(data.content));
+                break;
+            }
+            case 'console-debug': {
+                console.debug.apply(console, JSON.parse(data.content));
+                break;
+            }
+            case 'console-info': {
+                console.info.apply(console, JSON.parse(data.content));
+                break;
+            }
+            case 'console-warn': {
+                console.warn.apply(console, JSON.parse(data.content));
+                break;
+            }
+            case 'console-error': {
+                console.error.apply(console, JSON.parse(data.content));
+                break;
+            }
+            case 'stderr': {
+                console.error(data.content);
+                break;
+            }
+            case 'window': {
+                window[data.method]();
+                break;
+            }
+            case 'canvas': {
+                switch (data.op) {
+                    case 'getContext': {
+                        self.ctx = self.canvas.getContext(data.type, data.attributes);
+                        break;
+                    }
+                    case 'resize': {
+                        self.resize(data.width, data.height);
+                        break;
+                    }
+                    case 'renderCanvas': {
+                        if (self.lastRenderTime < data.time) {
+                            self.lastRenderTime = data.time;
+                            self.renderFramesData = data;
+                            window.requestAnimationFrame(renderFrames);
+                        }
+                        break;
+                    }
+                    case 'renderFastCanvas': {
+                        if (self.lastRenderTime < data.time) {
+                            self.lastRenderTime = data.time;
+                            self.renderFramesData = data;
+                            window.requestAnimationFrame(renderFastFrames);
+                        }
+                        break;
+                    }
+                    case 'setObjectProperty': {
+                        self.canvas[data.object][data.property] = data.value;
+                        break;
+                    }
+                    default:
+                        throw 'eh?';
+                }
+                break;
+            }
+            case 'tick': {
+                self.frameId = data.id;
+                self.worker.postMessage({
+                    target: 'tock',
+                    id: self.frameId
+                });
+                break;
+            }
+            case 'custom': {
+                if (self['onCustomMessage']) {
+                    self['onCustomMessage'](event);
+                } else {
+                    throw 'Custom message received but client onCustomMessage not implemented.';
+                }
+                break;
+            }
+            case 'setimmediate': {
+                self.worker.postMessage({
+                    target: 'setimmediate'
+                });
+                break;
+            }
+            case 'get-events': {
+                console.log(data.target);
+                console.log(data.events);
+                break;
+            }
+            case 'get-styles': {
+                console.log(data.target);
+                console.log(data.styles);
+                break;
+            }
+            default:
+                throw 'what? ' + data.target;
+        }
+    };
+
+    self.resize = function (width, height, top, left) {
+        var videoSize = null;
+        top = top || 0;
+        left = left || 0;
+        if ((!width || !height) && self.video) {
+            videoSize = self.getVideoPosition();
+            width = videoSize.width * self.pixelRatio;
+            height = videoSize.height * self.pixelRatio;
+            var offset = self.canvasParent.getBoundingClientRect().top - self.video.getBoundingClientRect().top;
+            top = videoSize.y - offset;
+            left = videoSize.x;
+        }
+        if (!width || !height) {
+            if (!self.video) {
+                console.error('width or height is 0. You should specify width & height for resize.');
+            }
+            return;
+        }
+
+
+        if (
+          self.canvas.width != width ||
+          self.canvas.height != height ||
+          self.canvas.style.top != top ||
+          self.canvas.style.left != left
+        ) {
+            self.canvas.width = width;
+            self.canvas.height = height;
+
+            if (videoSize != null) {
+                self.canvasParent.style.position = 'relative';
+                self.canvas.style.display = 'block';
+                self.canvas.style.position = 'absolute';
+                self.canvas.style.width = videoSize.width + 'px';
+                self.canvas.style.height = videoSize.height + 'px';
+                self.canvas.style.top = top + 'px';
+                self.canvas.style.left = left + 'px';
+                self.canvas.style.pointerEvents = 'none';
+            }
+
+            self.worker.postMessage({
+                target: 'canvas',
+                width: self.canvas.width,
+                height: self.canvas.height
+            });
+        }
+    };
+
+    self.resizeWithTimeout = function () {
+        self.resize();
+        setTimeout(self.resize, 100);
+    };
+
+    self.runBenchmark = function () {
+        self.worker.postMessage({
+            target: 'runBenchmark'
+        });
+    };
+
+    self.customMessage = function (data, options) {
+        options = options || {};
+        self.worker.postMessage({
+            target: 'custom',
+            userData: data,
+            preMain: options.preMain
+        });
+    };
+
+    self.setCurrentTime = function (currentTime) {
+        self.worker.postMessage({
+            target: 'video',
+            currentTime: currentTime
+        });
+    };
+
+    self.setTrackByUrl = function (url) {
+        self.worker.postMessage({
+            target: 'set-track-by-url',
+            url: url
+        });
+    };
+
+    self.setTrack = function (content) {
+        self.worker.postMessage({
+            target: 'set-track',
+            content: content
+        });
+    };
+
+    self.freeTrack = function (content) {
+        self.worker.postMessage({
+            target: 'free-track'
+        });
+    };
+
+
+    self.render = self.setCurrentTime;
+
+    self.setIsPaused = function (isPaused, currentTime) {
+        self.worker.postMessage({
+            target: 'video',
+            isPaused: isPaused,
+            currentTime: currentTime
+        });
+    };
+
+    self.setRate = function (rate) {
+        self.worker.postMessage({
+            target: 'video',
+            rate: rate
+        });
+    };
+
+    self.dispose = function () {
+        self.worker.postMessage({
+            target: 'destroy'
+        });
+
+        self.worker.terminate();
+        self.workerActive = false;
+        // Remove the canvas element to remove residual subtitles rendered on player
+        if (self.video) {
+            self.video.parentNode.removeChild(self.canvasParent);
+        }
+    };
+
+    self.createEvent = function (event) {
+        self.worker.postMessage({
+            target: 'create-event',
+            event: event
+        });
+    };
+
+    self.getEvents = function () {
+        self.worker.postMessage({
+            target: 'get-events'
+        });
+    };
+
+    self.setEvent = function (event, index) {
+        self.worker.postMessage({
+            target: 'set-event',
+            event: event,
+            index: index
+        });
+    };
+
+    self.removeEvent = function (index) {
+        self.worker.postMessage({
+            target: 'remove-event',
+            index: index
+        });
+    };
+
+    self.createStyle = function (style) {
+        self.worker.postMessage({
+            target: 'create-style',
+            style: style
+        });
+    };
+
+    self.getStyles = function () {
+        self.worker.postMessage({
+            target: 'get-styles'
+        });
+    };
+
+    self.setStyle = function (style, index) {
+        self.worker.postMessage({
+            target: 'set-style',
+            style: style,
+            index: index
+        });
+    };
+
+    self.removeStyle = function (index) {
+        self.worker.postMessage({
+            target: 'remove-style',
+            index: index
+        });
+    };
+
+    self.init();
+};
+
+if (typeof SubtitlesOctopusOnLoad == 'function') {
+    SubtitlesOctopusOnLoad();
+}
+
+if (typeof exports !== 'undefined') {
+    if (typeof module !== 'undefined' && module.exports) {
+        exports = module.exports = SubtitlesOctopus
+    }
+}
@@ -0,0 +1,56 @@
+[Script Info]
+Title:
+ScriptType: v4.00+
+WrapStyle: 0
+PlayResX: 640
+PlayResY: 480
+ScaledBorderAndShadow: yes
+
+[V4+ Styles]
+Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
+Style: Default,Arial,20,&H00FFFFFF,&H000000FF,&H00000000,&H00000000,0,0,0,0,100,100,0,0,1,2,2,2,10,10,10,0
+Style: Alt,Times New Roman,40,&H00FFFFFF,&H000000FF,&H00000000,&H00000000,0,0,0,0,100,100,0,0,1,2,2,8,10,10,10,0
+
+[Events]
+Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
+Comment: 0,0:00:00.00,0:00:05.00,Default,,0000,0000,0000,,This line is a comment and should not display on rendered output. This file is intended to be rendered on a 640x480 video, preferably a single solid colour, or maybe a checkerboard pattern.
+Dialogue: 0,0:00:00.00,0:00:05.00,Default,,0000,0000,0000,,This is a test of the ASS format and some basic features in it.
+Dialogue: 0,0:00:05.00,0:00:07.00,Default,,0000,0000,0000,,This and the previous line should both show at the bottom of the video in 20 pixel high white Arial with a 2 pixel black outline and 2 pixel offset shadow. This line is long so it should automatically be broken into several lines that are approximately even length, with upper lines being longer.
+Dialogue: 0,0:00:07.00,0:00:09.00,Default,,0000,0000,0000,,Now going to test conflict resolution. {By the way, this is a common abuse, "inline-comments" in override tag groups. They should not be rendered and not generate errors, just be ignored.}
+Dialogue: 0,0:00:07.50,0:00:09.00,Default,,0000,0000,0000,,This line should be above the previous.
+Dialogue: 0,0:00:09.00,0:00:11.00,Default,,0000,0000,0000,,{\an1}This line should be lower-left aligned using the \an1 override.
+Dialogue: 0,0:00:11.00,0:00:13.00,Default,,0000,0000,0000,,{\an9}Upper right
+Dialogue: 0,0:00:12.00,0:00:14.00,Alt,,0000,0000,0000,,This one should be below the "Upper right" line and be centered on screen. It should also be in 40 pixel high Times New Roman.
+Dialogue: 0,0:00:14.00,0:00:16.00,Alt,,0000,0000,0000,,{\fs10}This should also be a toptitle in Times New Roman, but much smaller. Using an override tag to change size.
+Dialogue: 0,0:00:16.00,0:00:18.00,Alt,,0000,0000,0000,,{\a5}Top-left using the legacy \a5 tag
+Dialogue: 0,0:00:18.00,0:00:20.00,Default,,0000,0000,0000,,{\an5}This line is centered on screen.\NAt the bottom of the screen should be two lines in different layers, they are rendered on top of each other because conflict resolution only considers lines in the same layer.
+Dialogue: 0,0:00:18.00,0:00:20.00,Default,,0000,0000,0000,,This is in layer 0
+Dialogue: 1,0:00:18.00,0:00:20.00,Default,,0000,0000,0000,,And this line is in layer 1
+Dialogue: 0,0:00:20.00,0:00:22.00,Default,,0000,0000,0000,,Another line in layer 0
+Dialogue: 1,0:00:20.00,0:00:22.00,Default,,0050,0000,0020,,And this line is in layer 1, but has changed its margins so it isn't exactly centered, and it's raised above the other line.
+Dialogue: 0,0:00:22.00,0:00:24.00,Default,,0000,0000,0000,,Switching {\fnTimes New Roman}font inline, {\r}and resetting styles
+Dialogue: 0,0:00:24.00,0:00:26.00,Default,,0000,0000,0000,,Also {\rAlt}switching to a different style {\r}inline
+Dialogue: 0,0:00:26.00,0:00:28.00,Default,,0000,0000,0000,,{\an5\pos(258,131)}Positioning... this line should be in an odd place
+Dialogue: 0,0:00:26.00,0:00:28.00,Default,,0000,0000,0000,,{\an5\pos(222,338)\frz29.559}So should this one, and be rotated
+Dialogue: 0,0:00:28.00,0:00:30.00,Default,,0000,0000,0000,,{\pos(371,314)\frz338.403\frx42\fry30\org(187,165)}Some more rotation tricks, this time in 3D and with a different origin
+Dialogue: 0,0:00:30.00,0:00:32.00,Default,,0000,0000,0000,,{\an5\t(\frz360)}This line is animated and rotates 360 degrees over its duration
+Dialogue: 0,0:00:32.00,0:00:34.00,Default,,0000,0000,0000,,{\an5\move(182,157,414,311)}This line moves
+Dialogue: 0,0:00:34.00,0:00:36.00,Default,,0000,0000,0000,,{\an5\clip(126,192,487,241)}This line is only partially visible\Nso if you can see this, \clip is handled incorrectly
+Dialogue: 0,0:00:36.00,0:00:38.00,Default,,0000,0000,0000,,{\an5\clip(m 178 212 l 163 249 212 302 257 232 309 249 366 241 392 285 473 267 487 210 421 241 353 219 207 258)}And this line has a funnily-shaped clip area
+Dialogue: 0,0:00:38.00,0:00:40.00,Default,,0000,0000,0000,,{\an5\pos(321,193)}Here should be a pretty feather with a thin border and no shadow:
+Dialogue: 0,0:00:38.00,0:00:40.00,Default,,0000,0000,0000,,{\an5\bord1\shad0\p1\fscx300\fscy300\pos(316,312)}m 0 0 b 33 -3 48 -7 61 -19 b 53 -7 31 -1 1 2 m 9 0 b 9 -5 10 -6 14 -12 b 9 -5 10 -3 10 0 m 10 -1 b 10 -5 11 -8 16 -12 b 17 -12 18 -13 22 -14 b 18 -10 16 -6 15 -1 b 17 -6 19 -10 23 -14 l 26 -15 b 22 -11 20 -6 19 -2 b 24 -11 27 -14 28 -15 b 31 -16 35 -16 39 -16 b 37 -14 36 -10 36 -5 b 36 -9 38 -14 39 -16 b 41 -16 43 -16 45 -15 b 44 -13 43 -10 43 -7 l 29 -3 m 43 -7 b 44 -11 45 -13 47 -15 b 46 -13 46 -11 46 -9 b 46 -11 47 -13 49 -15 b 51 -15 48 -13 48 -9 b 49 -11 49 -14 52 -16 b 55 -16 53 -17 51 -11 l 48 -8 m 54 -13 b 53 -14 54 -15 54 -16 b 54 -15 54 -14 55 -13 b 57 -13 60 -12 62 -14 b 61 -12 55 -12 53 -12 b 55 -11 56 -10 61 -10 b 61 -7 53 -9 52 -11 b 53 -8 55 -7 58 -6 b 57 -5 56 -4 54 -3 b 49 -5 48 -6 47 -9 b 47 -6 50 -4 53 -2 b 49 -3 47 -6 45 -8 b 46 -6 49 -3 52 -1 b 46 2 45 3 43 3 b 40 0 39 -3 40 -6 b 39 -3 39 1 42 3 b 40 6 36 1 34 -4 b 35 -1 36 2 38 5 b 32 7 26 9 22 8 b 19 5 17 2 16 -1 b 17 3 19 5 20 7 b 17 4 16 2 15 0 b 15 2 17 5 19 8 b 15 9 13 3 12 0 l 25 -2 l 42 -7 m 12 0 b 13 3 13 7 17 9 b 12 7 10 1 10 0
+Dialogue: 0,0:00:40.00,0:00:42.00,Default,,0000,0000,0000,,Some other basic font style tests:\NNormal, {\b1}Boldface{\r}, {\i1}Italics{\r}, {\u1}Underline{\r}, {\s1}Strikethrough
+Dialogue: 0,0:00:42.00,0:00:44.00,Default,,0000,0000,0000,,There should be no linebreak here,\nbut there should be one here\Nso this is on a separate line.
+Dialogue: 0,0:00:44.00,0:00:46.00,Default,,0000,0000,0000,,This line is pushed left by adding some hard spaces to the right\h\h\h\h\h\h\h\h\h\h\h\h\h\h\h\h\h\h\h\h
+Dialogue: 0,0:00:44.00,0:00:46.00,Default,,0000,0000,0000,,                          Regular spaces at line start/end are ignored, so this line is centered
+Dialogue: 0,0:00:46.00,0:00:48.00,Default,,0000,0000,0000,,{\an8\q2}This is a long line but it is not broken into several because it's using the \q override tag which changes the line-wrapping mode for a single line. The tag can take several values, 0 is the default which is "smart wrapping" with top lines longer, 1 is regular wrapping, 2 is no wrapping and 3 is smart-wrapping with bottom lines longer.
+Dialogue: 0,0:00:46.00,0:00:48.00,Default,,0000,0000,0000,,{\an5\q1}This is a long line using the \q1 override tag to get "dumb" wrapping, make as long lines as possible and first wrap when it'd go off screen. This is mostly visible when the last line generated is short.
+Dialogue: 0,0:00:46.00,0:00:48.00,Default,,0000,0000,0000,,{\q3}And this line uses the \q3 wrapping style, which is similar to the \q0 default smart-wrap style, but has lower lines longer than the upper ones.
+Dialogue: 0,0:00:48.00,0:00:50.00,Default,,0000,0000,0000,,{\an5}{\bord0\t(\bord10)}This text has a growing border\N{\r\shad0\t(\shad10)}This text has an increasing shadow\N{\r\t(\fry360)}This text is rotating around the Y axis\N{\r\t(\frz720)}This text rotates {\t(\frx360)}and this one even more
+Dialogue: 0,0:00:50.00,0:00:52.00,Default,,0000,0000,0000,,{\an5\bord0\shad0}All of this has no border or shadow...\N{\1c&H0000FF&}This is bright red, {\1c&H00FF00&}green, {\1c&HFF0000}blue{\1c&HFFFFFF&}\N{\1a&H80&}50% transparent
+Dialogue: 0,0:00:52.00,0:00:54.00,Default,,0000,0000,0000,,{\fsp10}Large inter-letter spacing
+Dialogue: 0,0:00:54.00,0:00:56.00,Default,,0000,0000,0000,,{\shad0}No shadow here, just regular border, {\be1}but this is \be1 blurred edges!
+Dialogue: 0,0:00:56.00,0:00:58.00,Default,,0000,0000,0000,,{\t(1000,2000,\alpha&HFF&)}Fading out after 1 sec on screen, using \alpha. Everything should fade.
+Dialogue: 0,0:00:58.00,0:01:00.00,Default,,0000,0000,0000,,{\fad(1000,1000)}Fading in and out using \fad
+Dialogue: 0,0:01:00.00,0:01:02.00,Default,,0000,0000,0000,,{\k10}And {\k5}now {\k20}for {\kf50}ka{\kf20}ra{\K70}o{\K10}ke{\k0}!
+Dialogue: 0,0:01:02.00,0:01:04.00,Default,,0000,0000,0000,,{\an5\t()\clip(69,215,573,267)\t(1000,2000,3,\clip(573,267,573,267))}And the last thing on the programme, an animated rectangular \clip, delayed by 1 second. And it even uses acceleration...!
@@ -0,0 +1,49 @@
+[Script Info]
+; // 此字幕由爱幕生成
+Synch Point:1
+ScriptType:v4.00+
+Collisions:Normal
+
+[V4+ Styles]
+Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
+Style: Default, Microsoft YaHei, 20, &H00FFFFFF, &H000092FE, &H00000000, &H82000000, 0, 0, 0, 0, 100, 100, 0, 0, 1, 1, 2, 2, 10, 10, 30, 134
+Style: Style1, Microsoft YaHei, 20, &H0000DCFC, &H0000DCFC, &H00000000, &H82000000, 0, 0, 0, 0, 100, 100, 1, 0, 1, 1, 2, 2, 10, 10, 30, 134
+Style: Style2, ZCOOL KuaiLe, 20, &H0000DDA4, &H0000DDA4, &H00334D19, &H82000000, 0, 0, 0, 0, 100, 100, 1, 0, 4, 1, 3, 2, 10, 10, 50, 134
+Style: Style3, Source Han Sans CN Medium, 28, &H009E14AB, &H009E14AB, &H00009EFB, &H82000000, 0, 0, 0, 0, 100, 100, 1, 0, 1, 1, 2, 2, 10, 10, 100, 134
+
+[Events]
+Format: Layer, Start, End, Style, Actor, MarginL, MarginR, MarginV, Effect, Text
+Dialogue: 0,0:00:00.31,0:00:00.84,Style1,NTP,0000,0000,0000,,那一天\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}あの日
+Dialogue: 0,0:00:01.28,0:00:02.22,Style2,NTP,0000,0000,0000,,星星降落的日子\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}星が降った日
+Dialogue: 0,0:00:03.15,0:00:04.41,Style3,NTP,0000,0000,0000,,那简直是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}それはまるで
+Dialogue: 0,0:00:04.45,0:00:04.97,Default,NTP,0000,0000,0000,,简直\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}まるで
+Dialogue: 0,0:00:05.12,0:00:06.30,Default,NTP,0000,0000,0000,,像梦中的景色一样\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}夢の景色のように
+Dialogue: 0,0:00:07.44,0:00:08.98,Default,NTP,0000,0000,0000,,美丽的景色\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}美しい眺めだった
+Dialogue: 0,0:00:24.60,0:00:25.09,Default,NTP,0000,0000,0000,,放学后\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}放課後
+Dialogue: 0,0:00:25.70,0:00:26.26,Default,NTP,0000,0000,0000,,不好\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}悪い
+Dialogue: 0,0:00:26.48,0:00:27.68,Default,NTP,0000,0000,0000,,我今天开始打工\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}おれ今日これからバイト
+Dialogue: 0,0:00:29.34,0:00:31.69,Default,NTP,0000,0000,0000,,已经讨厌这样的乡下了\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}もうこんな田舎嫌だよー
+Dialogue: 0,0:00:31.97,0:00:33.53,Default,NTP,0000,0000,0000,,讨厌这样的人生\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}こんな人生嫌だ
+Dialogue: 0,0:00:33.93,0:00:37.97,Default,NTP,0000,0000,0000,,来世请让我成为东京的帅哥吧\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}来世は東京のイケメン男子にしてくださーい
+Dialogue: 0,0:00:42.08,0:00:42.87,Default,NTP,0000,0000,0000,,哪里\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}どこ
+Dialogue: 0,0:00:43.05,0:00:44.17,Default,NTP,0000,0000,0000,,那么说来\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}そういえば
+Dialogue: 0,0:00:44.55,0:00:47.08,Default,NTP,0000,0000,0000,,我觉得好像一直做着奇怪的梦\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}ずっと変な夢を見てたような気がするんだけど
+Dialogue: 0,0:00:48.32,0:00:50.63,Default,NTP,0000,0000,0000,,别人的人生中…梦\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}別の人の人生の…夢
+Dialogue: 0,0:00:51.45,0:00:52.74,Default,NTP,0000,0000,0000,,这是什么\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}何だ これ
+Dialogue: 0,0:00:54.78,0:00:55.44,Default,NTP,0000,0000,0000,,这个，这个\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}これって
+Dialogue: 0,0:00:56.72,0:00:57.72,Default,NTP,0000,0000,0000,,这难道是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}これってもしかして
+Dialogue: 0,0:00:58.08,0:00:59.33,Default,NTP,0000,0000,0000,,我们在梦中\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}俺達は夢の中で
+Dialogue: 0,0:01:00.14,0:01:01.20,Default,NTP,0000,0000,0000,,替换着\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}入れ替わってる
+Dialogue: 0,0:01:07.37,0:01:08.30,Default,NTP,0000,0000,0000,,确实的事情\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}確かなことが
+Dialogue: 0,0:01:08.76,0:01:09.54,Default,NTP,0000,0000,0000,,只有一个\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}一つだけある
+Dialogue: 0,0:01:10.33,0:01:11.04,Default,NTP,0000,0000,0000,,我们是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}私達は
+Dialogue: 0,0:01:11.42,0:01:12.32,Default,NTP,0000,0000,0000,,见面的话绝对\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}会えば絶対
+Dialogue: 0,0:01:12.68,0:01:13.53,Default,NTP,0000,0000,0000,,马上就明白\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}すぐにわかる
+Dialogue: 0,0:01:14.25,0:01:15.28,Default,NTP,0000,0000,0000,,我想说\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}言おうと思ったんだ
+Dialogue: 0,0:01:16.08,0:01:17.58,Default,NTP,0000,0000,0000,,你是世界的无论在哪里\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}お前が世界のどこにいても
+Dialogue: 0,0:01:17.95,0:01:19.05,Default,NTP,0000,0000,0000,,一定要去见你\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}必ず会いに行くって
+Dialogue: 0,0:01:20.14,0:01:20.94,Default,NTP,0000,0000,0000,,你是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}あなたは
+Dialogue: 0,0:01:21.36,0:01:21.80,Default,NTP,0000,0000,0000,,谁\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}誰
+Dialogue: 0,0:01:22.20,0:01:22.76,Default,NTP,0000,0000,0000,,你是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}お前は
+Dialogue: 0,0:01:23.48,0:01:24.04,Default,NTP,0000,0000,0000,,谁\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}誰だ
+Dialogue: 0,0:01:25.69,0:01:26.47,Default,NTP,0000,0000,0000,,你的名字是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}君の名は
@@ -1,69 +0,0 @@
-var vConsole = new VConsole();
-
-var art = new Artplayer({
-    container: '.artplayer-app',
-    url: 'https://artplayer.org/assets/sample/video.mp4',
-    title: 'One More Time One More Chance',
-    poster: '/assets/sample/poster.jpg',
-    autoSize: true,
-    loop: true,
-    mutex: true,
-    theme: '#ffad00',
-    fullscreen: true,
-    fullscreenWeb: true,
-    miniProgressBar: true,
-    moreVideoAttr: {
-        playsInline: true,
-        'webkit-playsinline': true,
-        'x5-video-player-type': 'h5',
-        'x5-video-player-fullscreen': false,
-        'x5-video-orientation': 'portraint',
-    },
-    subtitle: {
-        url: '/assets/sample/subtitle.srt',
-        style: {
-            color: '#fff',
-            fontSize: '14px',
-        },
-    },
-    layers: [
-        {
-            html: `<img style="width: 50px" src="/assets/sample/layer.png">`,
-            click: function () {
-                console.info('You clicked on the custom layer');
-            },
-            style: {
-                position: 'absolute',
-                top: '10px',
-                right: '10px',
-                opacity: '.9',
-            },
-        },
-    ],
-    icons: {
-        loading: '<img src="./assets/img/ploading.gif">',
-        state: '<img src="./assets/img/state.svg">',
-    },
-    plugins: [
-        artplayerPluginDanmuku({
-            danmuku: '/assets/sample/danmuku.xml',
-            speed: 5,
-            maxlength: 100,
-            margin: [10, 70],
-            opacity: 1,
-            fontSize: 14,
-            synchronousPlayback: false,
-        }),
-    ],
-    whitelist: ['*'],
-});
-
-Artplayer.config.events.forEach(function (item) {
-    art.on('video:' + item, function (event) {
-        console.log('video: ' + event.type);
-    });
-});
-
-if (Artplayer.utils.isWechat) {
-    document.querySelector('.tip').textContent = '微信环境需手动触发播放';
-}
@@ -1,97 +1,49 @@
-[Script Info]
-; This is an Advanced Sub Station Alpha v4+ script.
-Title: phpNOQ5Gi
-ScriptType: v4.00+
-Collisions: Normal
-PlayDepth: 0
+[Script Info]
+; // 此字幕由爱幕生成
+Synch Point:1
+ScriptType:v4.00+
+Collisions:Normal

 [V4+ Styles]
 Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
-Style: Default,Arial,20,&H00FFFFFF,&H0300FFFF,&H00000000,&H02000000,0,0,0,0,100,100,0,0,1,2,1,2,10,10,10,1
+Style: Default, Microsoft YaHei, 20, &H00FFFFFF, &H000092FE, &H00000000, &H82000000, 0, 0, 0, 0, 100, 100, 0, 0, 1, 1, 2, 2, 10, 10, 30, 134
+Style: Style1, Microsoft YaHei, 20, &H0000DCFC, &H0000DCFC, &H00000000, &H82000000, 0, 0, 0, 0, 100, 100, 1, 0, 1, 1, 2, 2, 10, 10, 30, 134
+Style: Style2, ZCOOL KuaiLe, 20, &H0000DDA4, &H0000DDA4, &H00334D19, &H82000000, 0, 0, 0, 0, 100, 100, 1, 0, 4, 1, 3, 2, 10, 10, 50, 134
+Style: Style3, Source Han Sans CN Medium, 28, &H009E14AB, &H009E14AB, &H00009EFB, &H82000000, 0, 0, 0, 0, 100, 100, 1, 0, 1, 1, 2, 2, 10, 10, 100, 134

 [Events]
 Format: Layer, Start, End, Style, Actor, MarginL, MarginR, MarginV, Effect, Text
-Dialogue: 0,0:00:01.50,0:00:03.95,Default,,0,0,0,,歌名：One More Time,One More Chance\N〖愿往事重来〗
-Dialogue: 0,0:00:04.00,0:00:05.95,Default,,0,0,0,,【新海诚动画】『秒速5センチメートル』\N《秒速5厘米》主题曲
-Dialogue: 0,0:00:06.00,0:00:08.95,Default,,0,0,0,,编曲：森俊之
-Dialogue: 0,0:00:09.00,0:00:11.95,Default,,0,0,0,,作词|作曲|演唱：山崎まさよし <山崎将义>
-Dialogue: 0,0:00:12.00,0:00:15.95,Default,,0,0,0,,
-Dialogue: 0,0:00:16.00,0:00:20.25,Default,,0,0,0,,これ以上何をう失(し)なえば\N【还要再失去什么】
-Dialogue: 0,0:00:20.30,0:00:23.25,Default,,0,0,0,,心は许(ゆる)されるの\N【才能让心得到宽恕?】
-Dialogue: 0,0:00:23.30,0:00:27.25,Default,,0,0,0,,どれ程(ほど)の痛(いた)みならば\N【还要再怎样痛苦】
-Dialogue: 0,0:00:27.30,0:00:30.25,Default,,0,0,0,,もう一度君に会(あ)える\N【才能与你再次相见】
-Dialogue: 0,0:00:30.30,0:00:33.25,Default,,0,0,0,,One more time
-Dialogue: 0,0:00:33.30,0:00:37.95,Default,,0,0,0,,季节(きせつ)よ うつろわないで\N【不愿看到季节的变迁】
-Dialogue: 0,0:00:38.00,0:00:41.05,Default,,0,0,0,,One more time
-Dialogue: 0,0:00:41.10,0:00:45.25,Default,,0,0,0,,ふざけあった时间(じかん)よ\N【曾与你嬉闹的时光啊】
-Dialogue: 0,0:00:45.30,0:00:49.25,Default,,0,0,0,,くいちがうときはいつも\N【每次争执的时候】
-Dialogue: 0,0:00:49.30,0:00:53.10,Default,,0,0,0,,仆が先(さき)に折(お)れたね\N【总是我先让步】
-Dialogue: 0,0:00:53.15,0:00:56.25,Default,,0,0,0,,わがままな性格(せいかく)が\N【你那任性的性格】
-Dialogue: 0,0:00:56.30,0:00:59.25,Default,,0,0,0,,なおさら爱(いと)しくさせた\N【反而令你更加可爱】
-Dialogue: 0,0:00:59.30,0:01:02.95,Default,,0,0,0,,One more chance
-Dialogue: 0,0:01:03.00,0:01:07.25,Default,,0,0,0,,记忆(きおく)に足(あし)を取(と)られて\N【回忆绊住我的脚步】
-Dialogue: 0,0:01:07.30,0:01:10.25,Default,,0,0,0,,One more chance
-Dialogue: 0,0:01:10.30,0:01:14.95,Default,,0,0,0,,次(つぎ)の场所を选(えら)べない\N【无法选择下个地方】
-Dialogue: 0,0:01:15.00,0:01:18.25,Default,,0,0,0,,いつでも捜(さが)しているよ\N【总是在一直寻觅】
-Dialogue: 0,0:01:18.30,0:01:21.95,Default,,0,0,0,,どっかに君の姿(すがた)を\N【寻觅着你的身影】
-Dialogue: 0,0:01:22.00,0:01:23.95,Default,,0,0,0,,向(むか)いのホーム\N【对面的月台上】
-Dialogue: 0,0:01:24.00,0:01:25.95,Default,,0,0,0,,路地裏(ろじうら)の窓(まど)\N【在小巷的窗口里】
-Dialogue: 0,0:01:26.00,0:01:29.25,Default,,0,0,0,,こんなとこにいるはずもないのに\N【尽管明知道你不可能在那里】
-Dialogue: 0,0:01:29.30,0:01:33.25,Default,,0,0,0,,愿(ねが)いがもしも叶(かな)うなら\N【若愿望能够实现】
-Dialogue: 0,0:01:33.30,0:01:36.55,Default,,0,0,0,,いますぐ君のもとへ\N【好想马上去到你身边】
-Dialogue: 0,0:01:36.60,0:01:40.25,Default,,0,0,0,,できないことは もう何もない\N【如今我再也不会有丝毫退缩】
-Dialogue: 0,0:01:40.30,0:01:47.30,Default,,0,0,0,,すべてかけて抱きしめてみせるよ\N【我会不顾一切将你紧紧拥抱】
-Dialogue: 0,0:01:47.35,0:01:51.95,Default,,0,0,0,,
-Dialogue: 0,0:01:52.00,0:01:55.25,Default,,0,0,0,,
-Dialogue: 0,0:01:55.30,0:01:59.25,Default,,0,0,0,,寂(さび)しさ纷(まぎ)らすだけなら\N【如果只是为了排遣寂寞】
-Dialogue: 0,0:01:59.30,0:02:02.95,Default,,0,0,0,,谁でもいいはずなのに\N【其实不管是谁都无所谓】
-Dialogue: 0,0:02:03.00,0:02:07.25,Default,,0,0,0,,星が落(お)ちそうな夜(よる)だから\N【唯有在星辰仿佛要坠落的夜晚】
-Dialogue: 0,0:02:07.30,0:02:10.25,Default,,0,0,0,,自分(じぶん)をいつわれない\N【我无法欺骗自己】
-Dialogue: 0,0:02:10.30,0:02:13.25,Default,,0,0,0,,One more time
-Dialogue: 0,0:02:13.30,0:02:17.25,Default,,0,0,0,,季节(きせつ)よ うつろわないで\N【不愿看到季节的变迁】
-Dialogue: 0,0:02:17.30,0:02:20.25,Default,,0,0,0,,One more time
-Dialogue: 0,0:02:20.30,0:02:24.60,Default,,0,0,0,,ふざけあった时间(じかん)よ\N【曾与你嬉闹的时光啊】
-Dialogue: 0,0:02:24.65,0:02:25.25,Default,,0,0,0,,
-Dialogue: 0,0:02:25.30,0:02:29.05,Default,,0,0,0,,いつでも捜(さが)しているよ\N【总是在一直寻觅】
-Dialogue: 0,0:02:29.10,0:02:32.25,Default,,0,0,0,,どっかに君(きみ)の姿(すがた)を\N【寻觅着你的身影】
-Dialogue: 0,0:02:32.30,0:02:34.25,Default,,0,0,0,,交差点(こうさてん)でも\N【每个十字路口】
-Dialogue: 0,0:02:34.30,0:02:36.25,Default,,0,0,0,,梦の中でも 【每次梦境之中】
-Dialogue: 0,0:02:36.30,0:02:39.95,Default,,0,0,0,,こんなとこにいるはずもないのに\N【尽管明知道你不可能在那里】
-Dialogue: 0,0:02:40.00,0:02:43.25,Default,,0,0,0,,奇迹(きせき)がもしも起(お)こるなら\N【若奇迹将会发生】
-Dialogue: 0,0:02:43.30,0:02:46.95,Default,,0,0,0,,今すぐ君に见せたい\N【我希望马上就能见到你】
-Dialogue: 0,0:02:47.00,0:02:50.25,Default,,0,0,0,,新しい朝(あさ) これからの仆\N【无论崭新的清晨 还是今后的自己】
-Dialogue: 0,0:02:50.30,0:02:57.25,Default,,0,0,0,,言えなかった「好き」という言叶も\N【或是那句没能说出口的「喜欢你」】
-Dialogue: 0,0:02:57.30,0:03:04.45,Default,,0,0,0,,
-Dialogue: 0,0:03:04.50,0:03:05.95,Default,,0,0,0,,
-Dialogue: 0,0:03:06.00,0:03:13.95,Default,,0,0,0,,夏の想い出がまわる\N【夏日的回忆在脑海中回旋】
-Dialogue: 0,0:03:14.00,0:03:20.95,Default,,0,0,0,,ふいに消(き)えた鼓动(こどう)\N【刹那间消失的悸动】
-Dialogue: 0,0:03:21.00,0:03:24.95,Default,,0,0,0,,いつでも捜(さが)しているよ\N【总是在一直寻觅】
-Dialogue: 0,0:03:25.00,0:03:27.95,Default,,0,0,0,,どっかに君の姿(すがた)を\N【寻觅着你的身影】
-Dialogue: 0,0:03:28.00,0:03:29.95,Default,,0,0,0,,明(あ)け方(がた)の街(まち)\N【在拂晓的街头】
-Dialogue: 0,0:03:30.00,0:03:31.95,Default,,0,0,0,,桜木町(さくらぎちょう)で\N【在种满樱树的小镇】
-Dialogue: 0,0:03:32.00,0:03:35.95,Default,,0,0,0,,こんなとこに来(く)るはずもないのに\N【尽管明知道你不可能在那里】
-Dialogue: 0,0:03:36.00,0:03:39.25,Default,,0,0,0,,愿(ねが)いがもしも叶(かな)うなら\N【若愿望能够实现】
-Dialogue: 0,0:03:39.30,0:03:43.05,Default,,0,0,0,,今すぐ君のもとへ\N【现在马上去到你身边】
-Dialogue: 0,0:03:43.10,0:03:46.80,Default,,0,0,0,,できないことは もう何(なに)もない\N【如今我再也不会有丝毫退缩】
-Dialogue: 0,0:03:46.85,0:03:50.60,Default,,0,0,0,,すべてかけて抱きしめてみせるよ\N【我会不顾一切紧紧将你拥抱】
-Dialogue: 0,0:03:50.65,0:03:54.25,Default,,0,0,0,,いつでも捜(さが)しているよ\N【总是在一直寻觅】
-Dialogue: 0,0:03:54.30,0:03:57.70,Default,,0,0,0,,どっかに君のかけらを\N【寻觅着你的片断】
-Dialogue: 0,0:03:57.75,0:03:59.25,Default,,0,0,0,,旅先(たびさき)の店(みせ)\N【在旅途中的小店】
-Dialogue: 0,0:03:59.30,0:04:01.45,Default,,0,0,0,,新闻(しんぶん)の隅(すみ)\N【在报纸的角落】
-Dialogue: 0,0:04:01.50,0:04:04.95,Default,,0,0,0,,こんなとこにあるはずもないのに\N【尽管明知道你不可能在那里】
-Dialogue: 0,0:04:05.00,0:04:08.25,Default,,0,0,0,,奇迹(きせき)がもしも起(お)こるなら\N【若奇迹将会发生】
-Dialogue: 0,0:04:08.30,0:04:12.25,Default,,0,0,0,,今すぐ君に见せたい\N【我希望现在就能见到你】
-Dialogue: 0,0:04:12.30,0:04:16.05,Default,,0,0,0,,新しい朝(あさ) これからの仆\N【无论崭新的清晨 还是今后的自己】
-Dialogue: 0,0:04:16.10,0:04:19.40,Default,,0,0,0,,言えなかった「好き」という言叶も\N【或是那句没能说出口的「喜欢你」】
-Dialogue: 0,0:04:19.45,0:04:19.95,Default,,0,0,0,,
-Dialogue: 0,0:04:20.00,0:04:22.95,Default,,0,0,0,,いつでも捜(さが)してしまう\N【总是在一直寻觅】
-Dialogue: 0,0:04:23.00,0:04:26.95,Default,,0,0,0,,どっかに君の笑颜(えがお)を\N【寻觅着你的笑容】
-Dialogue: 0,0:04:27.00,0:04:30.25,Default,,0,0,0,,急行(きゅうこう)待ちの 踏切(ふみきり)あたり\N【哪怕在等待列车通过的铁路道口】
-Dialogue: 0,0:04:30.30,0:04:34.25,Default,,0,0,0,,こんなとこにいるはずもないのに\N【虽然明明知道你不可能在那里】
-Dialogue: 0,0:04:34.30,0:04:37.95,Default,,0,0,0,,命(いのち)が缲(く)り返(かえ)すならば\N【如果生命能够重来】
-Dialogue: 0,0:04:38.00,0:04:41.05,Default,,0,0,0,,何度(なんど)も君のもとへ\N【无论几次我都要去你身边】
-Dialogue: 0,0:04:41.10,0:04:45.15,Default,,0,0,0,,欲(ほ)しいものなど もう何もない\N【那时我一定别无所求】
-Dialogue: 0,0:04:45.20,0:04:52.75,Default,,0,0,0,,君のほかに大切なものなど\N【再也没有什么比你更加重要】
-Dialogue: 0,0:04:52.80,0:05:10.95,Default,,0,0,0,,
-Dialogue: 0,0:05:11.00,0:05:15.45,Default,,0,0,0,,
-Dialogue: 0,0:05:15.50,0:05:25.50,Default,,0,0,0,,－－终わり－－
+Dialogue: 0,0:00:00.31,0:00:00.84,Style1,NTP,0000,0000,0000,,那一天\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}あの日
+Dialogue: 0,0:00:01.28,0:00:02.22,Style2,NTP,0000,0000,0000,,星星降落的日子\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}星が降った日
+Dialogue: 0,0:00:03.15,0:00:04.41,Style3,NTP,0000,0000,0000,,那简直是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}それはまるで
+Dialogue: 0,0:00:04.45,0:00:04.97,Default,NTP,0000,0000,0000,,简直\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}まるで
+Dialogue: 0,0:00:05.12,0:00:06.30,Default,NTP,0000,0000,0000,,像梦中的景色一样\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}夢の景色のように
+Dialogue: 0,0:00:07.44,0:00:08.98,Default,NTP,0000,0000,0000,,美丽的景色\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}美しい眺めだった
+Dialogue: 0,0:00:24.60,0:00:25.09,Default,NTP,0000,0000,0000,,放学后\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}放課後
+Dialogue: 0,0:00:25.70,0:00:26.26,Default,NTP,0000,0000,0000,,不好\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}悪い
+Dialogue: 0,0:00:26.48,0:00:27.68,Default,NTP,0000,0000,0000,,我今天开始打工\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}おれ今日これからバイト
+Dialogue: 0,0:00:29.34,0:00:31.69,Default,NTP,0000,0000,0000,,已经讨厌这样的乡下了\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}もうこんな田舎嫌だよー
+Dialogue: 0,0:00:31.97,0:00:33.53,Default,NTP,0000,0000,0000,,讨厌这样的人生\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}こんな人生嫌だ
+Dialogue: 0,0:00:33.93,0:00:37.97,Default,NTP,0000,0000,0000,,来世请让我成为东京的帅哥吧\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}来世は東京のイケメン男子にしてくださーい
+Dialogue: 0,0:00:42.08,0:00:42.87,Default,NTP,0000,0000,0000,,哪里\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}どこ
+Dialogue: 0,0:00:43.05,0:00:44.17,Default,NTP,0000,0000,0000,,那么说来\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}そういえば
+Dialogue: 0,0:00:44.55,0:00:47.08,Default,NTP,0000,0000,0000,,我觉得好像一直做着奇怪的梦\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}ずっと変な夢を見てたような気がするんだけど
+Dialogue: 0,0:00:48.32,0:00:50.63,Default,NTP,0000,0000,0000,,别人的人生中…梦\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}別の人の人生の…夢
+Dialogue: 0,0:00:51.45,0:00:52.74,Default,NTP,0000,0000,0000,,这是什么\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}何だ これ
+Dialogue: 0,0:00:54.78,0:00:55.44,Default,NTP,0000,0000,0000,,这个，这个\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}これって
+Dialogue: 0,0:00:56.72,0:00:57.72,Default,NTP,0000,0000,0000,,这难道是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}これってもしかして
+Dialogue: 0,0:00:58.08,0:00:59.33,Default,NTP,0000,0000,0000,,我们在梦中\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}俺達は夢の中で
+Dialogue: 0,0:01:00.14,0:01:01.20,Default,NTP,0000,0000,0000,,替换着\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}入れ替わってる
+Dialogue: 0,0:01:07.37,0:01:08.30,Default,NTP,0000,0000,0000,,确实的事情\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}確かなことが
+Dialogue: 0,0:01:08.76,0:01:09.54,Default,NTP,0000,0000,0000,,只有一个\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}一つだけある
+Dialogue: 0,0:01:10.33,0:01:11.04,Default,NTP,0000,0000,0000,,我们是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}私達は
+Dialogue: 0,0:01:11.42,0:01:12.32,Default,NTP,0000,0000,0000,,见面的话绝对\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}会えば絶対
+Dialogue: 0,0:01:12.68,0:01:13.53,Default,NTP,0000,0000,0000,,马上就明白\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}すぐにわかる
+Dialogue: 0,0:01:14.25,0:01:15.28,Default,NTP,0000,0000,0000,,我想说\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}言おうと思ったんだ
+Dialogue: 0,0:01:16.08,0:01:17.58,Default,NTP,0000,0000,0000,,你是世界的无论在哪里\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}お前が世界のどこにいても
+Dialogue: 0,0:01:17.95,0:01:19.05,Default,NTP,0000,0000,0000,,一定要去见你\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}必ず会いに行くって
+Dialogue: 0,0:01:20.14,0:01:20.94,Default,NTP,0000,0000,0000,,你是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}あなたは
+Dialogue: 0,0:01:21.36,0:01:21.80,Default,NTP,0000,0000,0000,,谁\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}誰
+Dialogue: 0,0:01:22.20,0:01:22.76,Default,NTP,0000,0000,0000,,你是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}お前は
+Dialogue: 0,0:01:23.48,0:01:24.04,Default,NTP,0000,0000,0000,,谁\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}誰だ
+Dialogue: 0,0:01:25.69,0:01:26.47,Default,NTP,0000,0000,0000,,你的名字是\N{\fs12}{\3c&&H00000000&}{\c&&H000092FE&}君の名は
@@ -1,402 +1,169 @@
-1
-00:00:01,500 --> 00:00:03,950
-One More Time,One More Chance
-愿往事重来
+1
+00:00:00,306 --> 00:00:00,844
+那一天
+あの日

 2
-00:00:04,000 --> 00:00:05,950
-秒速5センチメートル
-秒速5厘米
+00:00:01,280 --> 00:00:02,220
+星星降落的日子
+星が降った日

 3
-00:00:06,000 --> 00:00:08,950
-编曲：森俊之
+00:00:03,148 --> 00:00:04,412
+那简直是
+それはまるで

 4
-00:00:09,000 --> 00:00:11,950
-山崎まさよし
-山崎将义
+00:00:04,446 --> 00:00:04,966
+简直
+まるで

 5
-00:00:12,000 --> 00:00:15,950
-
+00:00:05,120 --> 00:00:06,300
+像梦中的景色一样
+夢の景色のように

 6
-00:00:16,000 --> 00:00:20,250
-これ以上何をう失(し)なえば 
-还要再失去什么
+00:00:07,438 --> 00:00:08,978
+美丽的景色
+美しい眺めだった

 7
-00:00:20,300 --> 00:00:23,250
-心は许(ゆる)されるの 
-才能让心得到宽恕?
+00:00:24,596 --> 00:00:25,089
+放学后
+放課後

 8
-00:00:23,300 --> 00:00:27,250
-どれ程(ほど)の痛(いた)みならば 
-还要再怎样痛苦
+00:00:25,705 --> 00:00:26,261
+不好
+悪い

 9
-00:00:27,300 --> 00:00:30,250
-もう一度君に会(あ)える 
-才能与你再次相见
+00:00:26,475 --> 00:00:27,679
+我今天开始打工
+おれ今日これからバイト

 10
-00:00:30,300 --> 00:00:33,250
-One more time
+00:00:29,345 --> 00:00:31,689
+已经讨厌这样的乡下了
+もうこんな田舎嫌だよー

 11
-00:00:33,300 --> 00:00:37,950
-季节(きせつ)よ うつろわないで 
-不愿看到季节的变迁
+00:00:31,969 --> 00:00:33,527
+讨厌这样的人生
+こんな人生嫌だ

 12
-00:00:38,000 --> 00:00:41,050
-One more time
+00:00:33,927 --> 00:00:37,970
+来世请让我成为东京的帅哥吧
+来世は東京のイケメン男子にしてくださーい

 13
-00:00:41,100 --> 00:00:45,250
-ふざけあった时间(じかん)よ 
-曾与你嬉闹的时光啊
+00:00:42,083 --> 00:00:42,874
+哪里
+どこ

 14
-00:00:45,300 --> 00:00:49,250
-くいちがうときはいつも 
-每次争执的时候
+00:00:43,052 --> 00:00:44,166
+那么说来
+そういえば

 15
-00:00:49,300 --> 00:00:53,100
-仆が先(さき)に折(お)れたね 
-总是我先让步
+00:00:44,554 --> 00:00:47,078
+我觉得好像一直做着奇怪的梦
+ずっと変な夢を見てたような気がするんだけど

 16
-00:00:53,150 --> 00:00:56,250
-わがままな性格(せいかく)が 
-你那任性的性格
+00:00:48,324 --> 00:00:50,626
+别人的人生中…梦
+別の人の人生の…夢

 17
-00:00:56,300 --> 00:00:59,250
-なおさら爱(いと)しくさせた 
-反而令你更加可爱
+00:00:51,452 --> 00:00:52,740
+这是什么
+何だ これ

 18
-00:00:59,300 --> 00:01:02,950
-One more chance
+00:00:54,778 --> 00:00:55,442
+这个，这个
+これって

 19
-00:01:03,000 --> 00:01:07,250
-记忆(きおく)に足(あし)を取(と)られて 
-回忆绊住我的脚步
+00:00:56,724 --> 00:00:57,724
+这难道是
+これってもしかして

 20
-00:01:07,300 --> 00:01:10,250
-One more chance
+00:00:58,076 --> 00:00:59,328
+我们在梦中
+俺達は夢の中で

 21
-00:01:10,300 --> 00:01:14,950
-次(つぎ)の场所を选(えら)べない 
-无法选择下个地方
+00:01:00,136 --> 00:01:01,202
+替换着
+入れ替わってる

 22
-00:01:15,000 --> 00:01:18,250
-いつでも捜(さが)しているよ 
-总是在一直寻觅
+00:01:07,369 --> 00:01:08,297
+确实的事情
+確かなことが

 23
-00:01:18,300 --> 00:01:21,950
-どっかに君の姿(すがた)を 
-寻觅着你的身影
+00:01:08,757 --> 00:01:09,541
+只有一个
+一つだけある

 24
-00:01:22,000 --> 00:01:23,950
-向(むか)いのホーム 
-对面的月台上
+00:01:10,325 --> 00:01:11,037
+我们是
+私達は

 25
-00:01:24,000 --> 00:01:25,950
-路地裏(ろじうら)の窓(まど) 
-在小巷的窗口里
+00:01:11,425 --> 00:01:12,317
+见面的话绝对
+会えば絶対

 26
-00:01:26,000 --> 00:01:29,250
-こんなとこにいるはずもないのに
-尽管明知道你不可能在那里
+00:01:12,681 --> 00:01:13,531
+马上就明白
+すぐにわかる

 27
-00:01:29,300 --> 00:01:33,250
-愿(ねが)いがもしも叶(かな)うなら 
-若愿望能够实现
+00:01:14,255 --> 00:01:15,279
+我想说
+言おうと思ったんだ

 28
-00:01:33,300 --> 00:01:36,550
-いますぐ君のもとへ 
-好想马上去到你身边
+00:01:16,075 --> 00:01:17,579
+你是世界的无论在哪里
+お前が世界のどこにいても

 29
-00:01:36,600 --> 00:01:40,250
-できないことは もう何もない 
-如今我再也不会有丝毫退缩
+00:01:17,955 --> 00:01:19,051
+一定要去见你
+必ず会いに行くって

 30
-00:01:40,300 --> 00:01:47,300
-すべてかけて抱きしめてみせるよ 
-我会不顾一切将你紧紧拥抱
+00:01:20,141 --> 00:01:20,943
+你是
+あなたは

 31
-00:01:47,350 --> 00:01:51,950
-
+00:01:21,361 --> 00:01:21,803
+谁
+誰

 32
-00:01:52,000 --> 00:01:55,250
-
+00:01:22,197 --> 00:01:22,759
+你是
+お前は

 33
-00:01:55,300 --> 00:01:59,250
-寂(さび)しさ纷(まぎ)らすだけなら
-如果只是为了排遣寂寞
+00:01:23,483 --> 00:01:24,039
+谁
+誰だ

 34
-00:01:59,300 --> 00:02:02,950
-谁でもいいはずなのに 
-其实不管是谁都无所谓
-
-35
-00:02:03,000 --> 00:02:07,250
-星が落(お)ちそうな夜(よる)だから 
-唯有在星辰仿佛要坠落的夜晚
-
-36
-00:02:07,300 --> 00:02:10,250
-自分(じぶん)をいつわれない 
-我无法欺骗自己
-
-37
-00:02:10,300 --> 00:02:13,250
-One more time
-
-38
-00:02:13,300 --> 00:02:17,250
-季节(きせつ)よ うつろわないで 
-不愿看到季节的变迁
-
-39
-00:02:17,300 --> 00:02:20,250
-One more time
-
-40
-00:02:20,300 --> 00:02:24,600
-ふざけあった时间(じかん)よ 
-曾与你嬉闹的时光啊
-
-41
-00:02:24,650 --> 00:02:25,250
-
-
-42
-00:02:25,300 --> 00:02:29,050
-いつでも捜(さが)しているよ 
-总是在一直寻觅
-
-43
-00:02:29,100 --> 00:02:32,250
-どっかに君(きみ)の姿(すがた)を 
-寻觅着你的身影
-
-44
-00:02:32,300 --> 00:02:34,250
-交差点(こうさてん)でも 
-每个十字路口
-
-45
-00:02:34,300 --> 00:02:36,250
-梦の中でも 每次梦境之中
-
-46
-00:02:36,300 --> 00:02:39,950
-こんなとこにいるはずもないのに 
-尽管明知道你不可能在那里
-
-47
-00:02:40,000 --> 00:02:43,250
-奇迹(きせき)がもしも起(お)こるなら 
-若奇迹将会发生
-
-48
-00:02:43,300 --> 00:02:46,950
-今すぐ君に见せたい 
-我希望马上就能见到你
-
-49
-00:02:47,000 --> 00:02:50,250
-新しい朝(あさ) これからの仆 
-无论崭新的清晨 还是今后的自己
-
-50
-00:02:50,300 --> 00:02:57,250
-言えなかった「好き」という言叶も 
-或是那句没能说出口的「喜欢你」
-
-51
-00:02:57,300 --> 00:03:04,450
-
-
-52
-00:03:04,500 --> 00:03:05,950
-
-
-53
-00:03:06,000 --> 00:03:13,950
-夏の想い出がまわる 
-夏日的回忆在脑海中回旋
-
-54
-00:03:14,000 --> 00:03:20,950
-ふいに消(き)えた鼓动(こどう) 
-刹那间消失的悸动
-
-55
-00:03:21,000 --> 00:03:24,950
-いつでも捜(さが)しているよ 
-总是在一直寻觅
-
-57
-00:03:25,000 --> 00:03:27,950
-どっかに君の姿(すがた)を 
-寻觅着你的身影
-
-58
-00:03:28,000 --> 00:03:29,950
-明(あ)け方(がた)の街(まち) 
-在拂晓的街头
-
-59
-00:03:30,000 --> 00:03:31,950
-桜木町(さくらぎちょう)で 
-在种满樱树的小镇
-
-60
-00:03:32,000 --> 00:03:35,950
-こんなとこに来(く)るはずもないのに 
-尽管明知道你不可能在那里
-
-61
-00:03:36,000 --> 00:03:39,250
-愿(ねが)いがもしも叶(かな)うなら 
-若愿望能够实现
-
-62
-00:03:39,300 --> 00:03:43,050
-今すぐ君のもとへ 
-现在马上去到你身边
-
-63
-00:03:43,100 --> 00:03:46,800
-できないことは もう何(なに)もない 
-如今我再也不会有丝毫退缩
-
-64
-00:03:46,850 --> 00:03:50,600
-すべてかけて抱きしめてみせるよ 
-我会不顾一切紧紧将你拥抱
-
-65
-00:03:50,650 --> 00:03:54,250
-いつでも捜(さが)しているよ 
-总是在一直寻觅
-
-66
-00:03:54,300 --> 00:03:57,700
-どっかに君のかけらを 
-寻觅着你的片断
-
-67
-00:03:57,750 --> 00:03:59,250
-旅先(たびさき)の店(みせ) 
-在旅途中的小店
-
-68
-00:03:59,300 --> 00:04:01,450
-新闻(しんぶん)の隅(すみ) 
-在报纸的角落
-
-69
-00:04:01,500 --> 00:04:04,950
-こんなとこにあるはずもないのに 
-尽管明知道你不可能在那里
-
-70
-00:04:05,000 --> 00:04:08,250
-奇迹(きせき)がもしも起(お)こるなら 
-若奇迹将会发生
-
-71
-00:04:08,300 --> 00:04:12,250
-今すぐ君に见せたい 
-我希望现在就能见到你
-
-72
-00:04:12,300 --> 00:04:16,050
-新しい朝(あさ) これからの仆 
-无论崭新的清晨 还是今后的自己
-
-73
-00:04:16,100 --> 00:04:19,400
-言えなかった「好き」という言叶も 
-或是那句没能说出口的「喜欢你」
-
-74
-00:04:19,450 --> 00:04:19,950
-
-
-75
-00:04:20,000 --> 00:04:22,950
-いつでも捜(さが)してしまう 
-总是在一直寻觅
-
-76
-00:04:23,000 --> 00:04:26,950
-どっかに君の笑颜(えがお)を 
-寻觅着你的笑容
-
-77
-00:04:27,000 --> 00:04:30,250
-急行(きゅうこう)待ちの 踏切(ふみきり)あたり
-哪怕在等待列车通过的铁路道口
-
-78
-00:04:30,300 --> 00:04:34,250
-こんなとこにいるはずもないのに 
-虽然明明知道你不可能在那里
-
-79
-00:04:34,300 --> 00:04:37,950
-命(いのち)が缲(く)り返(かえ)すならば 
-如果生命能够重来
-
-80
-00:04:38,000 --> 00:04:41,050
-何度(なんど)も君のもとへ 
-无论几次我都要去你身边
-
-81
-00:04:41,100 --> 00:04:45,150
-欲(ほ)しいものなど もう何もない 
-那时我一定别无所求
-
-82
-00:04:45,200 --> 00:04:52,750
-君のほかに大切なものなど 
-再也没有什么比你更加重要
-
-83
-00:04:52,800 --> 00:05:10,950
-
-
-84
-00:05:11,000 --> 00:05:15,450
-
-
-85
-00:05:15,500 --> 00:05:25,500
-－－终わり－－
-
+00:01:25,693 --> 00:01:26,465
+你的名字是
+君の名は
@@ -1,404 +1,171 @@
-WEBVTT
+WEBVTT

 1
-00:00:01.500 --> 00:00:03.950
-歌名：One More Time,One More Chance
-愿往事重来
+00:00:00.306 --> 00:00:00.844
+那一天
+あの日

 2
-00:00:04.000 --> 00:00:05.950
-秒速5センチメートル
-秒速5厘米
+00:00:01.280 --> 00:00:02.220
+星星降落的日子
+星が降った日

 3
-00:00:06.000 --> 00:00:08.950
-编曲：森俊之
+00:00:03.148 --> 00:00:04.412
+那简直是
+それはまるで

 4
-00:00:09.000 --> 00:00:11.950
-山崎まさよし
-山崎将义
+00:00:04.446 --> 00:00:04.966
+简直
+まるで

 5
-00:00:12.000 --> 00:00:15.950
-
+00:00:05.120 --> 00:00:06.300
+像梦中的景色一样
+夢の景色のように

 6
-00:00:16.000 --> 00:00:20.250
-これ以上何をう失(し)なえば 
-还要再失去什么
+00:00:07.438 --> 00:00:08.978
+美丽的景色
+美しい眺めだった

 7
-00:00:20.300 --> 00:00:23.250
-心は许(ゆる)されるの 
-才能让心得到宽恕?
+00:00:24.596 --> 00:00:25.089
+放学后
+放課後

 8
-00:00:23.300 --> 00:00:27.250
-どれ程(ほど)の痛(いた)みならば 
-还要再怎样痛苦
+00:00:25.705 --> 00:00:26.261
+不好
+悪い

 9
-00:00:27.300 --> 00:00:30.250
-もう一度君に会(あ)える 
-才能与你再次相见
+00:00:26.475 --> 00:00:27.679
+我今天开始打工
+おれ今日これからバイト

 10
-00:00:30.300 --> 00:00:33.250
-One more time
+00:00:29.345 --> 00:00:31.689
+已经讨厌这样的乡下了
+もうこんな田舎嫌だよー

 11
-00:00:33.300 --> 00:00:37.950
-季节(きせつ)よ うつろわないで 
-不愿看到季节的变迁
+00:00:31.969 --> 00:00:33.527
+讨厌这样的人生
+こんな人生嫌だ

 12
-00:00:38.000 --> 00:00:41.050
-One more time
+00:00:33.927 --> 00:00:37.970
+来世请让我成为东京的帅哥吧
+来世は東京のイケメン男子にしてくださーい

 13
-00:00:41.100 --> 00:00:45.250
-ふざけあった时间(じかん)よ 
-曾与你嬉闹的时光啊
+00:00:42.083 --> 00:00:42.874
+哪里
+どこ

 14
-00:00:45.300 --> 00:00:49.250
-くいちがうときはいつも 
-每次争执的时候
+00:00:43.052 --> 00:00:44.166
+那么说来
+そういえば

 15
-00:00:49.300 --> 00:00:53.100
-仆が先(さき)に折(お)れたね 
-总是我先让步
+00:00:44.554 --> 00:00:47.078
+我觉得好像一直做着奇怪的梦
+ずっと変な夢を見てたような気がするんだけど

 16
-00:00:53.150 --> 00:00:56.250
-わがままな性格(せいかく)が 
-你那任性的性格
+00:00:48.324 --> 00:00:50.626
+别人的人生中…梦
+別の人の人生の…夢

 17
-00:00:56.300 --> 00:00:59.250
-なおさら爱(いと)しくさせた 
-反而令你更加可爱
+00:00:51.452 --> 00:00:52.740
+这是什么
+何だ これ

 18
-00:00:59.300 --> 00:01:02.950
-One more chance
+00:00:54.778 --> 00:00:55.442
+这个，这个
+これって

 19
-00:01:03.000 --> 00:01:07.250
-记忆(きおく)に足(あし)を取(と)られて 
-回忆绊住我的脚步
+00:00:56.724 --> 00:00:57.724
+这难道是
+これってもしかして

 20
-00:01:07.300 --> 00:01:10.250
-One more chance
+00:00:58.076 --> 00:00:59.328
+我们在梦中
+俺達は夢の中で

 21
-00:01:10.300 --> 00:01:14.950
-次(つぎ)の场所を选(えら)べない 
-无法选择下个地方
+00:01:00.136 --> 00:01:01.202
+替换着
+入れ替わってる

 22
-00:01:15.000 --> 00:01:18.250
-いつでも捜(さが)しているよ 
-总是在一直寻觅
+00:01:07.369 --> 00:01:08.297
+确实的事情
+確かなことが

 23
-00:01:18.300 --> 00:01:21.950
-どっかに君の姿(すがた)を 
-寻觅着你的身影
+00:01:08.757 --> 00:01:09.541
+只有一个
+一つだけある

 24
-00:01:22.000 --> 00:01:23.950
-向(むか)いのホーム 
-对面的月台上
+00:01:10.325 --> 00:01:11.037
+我们是
+私達は

 25
-00:01:24.000 --> 00:01:25.950
-路地裏(ろじうら)の窓(まど) 
-在小巷的窗口里
+00:01:11.425 --> 00:01:12.317
+见面的话绝对
+会えば絶対

 26
-00:01:26.000 --> 00:01:29.250
-こんなとこにいるはずもないのに
-尽管明知道你不可能在那里
+00:01:12.681 --> 00:01:13.531
+马上就明白
+すぐにわかる

 27
-00:01:29.300 --> 00:01:33.250
-愿(ねが)いがもしも叶(かな)うなら 
-若愿望能够实现
+00:01:14.255 --> 00:01:15.279
+我想说
+言おうと思ったんだ

 28
-00:01:33.300 --> 00:01:36.550
-いますぐ君のもとへ 
-好想马上去到你身边
+00:01:16.075 --> 00:01:17.579
+你是世界的无论在哪里
+お前が世界のどこにいても

 29
-00:01:36.600 --> 00:01:40.250
-できないことは もう何もない 
-如今我再也不会有丝毫退缩
+00:01:17.955 --> 00:01:19.051
+一定要去见你
+必ず会いに行くって

 30
-00:01:40.300 --> 00:01:47.300
-すべてかけて抱きしめてみせるよ 
-我会不顾一切将你紧紧拥抱
+00:01:20.141 --> 00:01:20.943
+你是
+あなたは

 31
-00:01:47.350 --> 00:01:51.950
-
+00:01:21.361 --> 00:01:21.803
+谁
+誰

 32
-00:01:52.000 --> 00:01:55.250
-
+00:01:22.197 --> 00:01:22.759
+你是
+お前は

 33
-00:01:55.300 --> 00:01:59.250
-寂(さび)しさ纷(まぎ)らすだけなら
-如果只是为了排遣寂寞
+00:01:23.483 --> 00:01:24.039
+谁
+誰だ

 34
-00:01:59.300 --> 00:02:02.950
-谁でもいいはずなのに 
-其实不管是谁都无所谓
-
-35
-00:02:03.000 --> 00:02:07.250
-星が落(お)ちそうな夜(よる)だから 
-唯有在星辰仿佛要坠落的夜晚
-
-36
-00:02:07.300 --> 00:02:10.250
-自分(じぶん)をいつわれない 
-我无法欺骗自己
-
-37
-00:02:10.300 --> 00:02:13.250
-One more time
-
-38
-00:02:13.300 --> 00:02:17.250
-季节(きせつ)よ うつろわないで 
-不愿看到季节的变迁
-
-39
-00:02:17.300 --> 00:02:20.250
-One more time
-
-40
-00:02:20.300 --> 00:02:24.600
-ふざけあった时间(じかん)よ 
-曾与你嬉闹的时光啊
-
-41
-00:02:24.650 --> 00:02:25.250
-
-
-42
-00:02:25.300 --> 00:02:29.050
-いつでも捜(さが)しているよ 
-总是在一直寻觅
-
-43
-00:02:29.100 --> 00:02:32.250
-どっかに君(きみ)の姿(すがた)を 
-寻觅着你的身影
-
-44
-00:02:32.300 --> 00:02:34.250
-交差点(こうさてん)でも 
-每个十字路口
-
-45
-00:02:34.300 --> 00:02:36.250
-梦の中でも 每次梦境之中
-
-46
-00:02:36.300 --> 00:02:39.950
-こんなとこにいるはずもないのに 
-尽管明知道你不可能在那里
-
-47
-00:02:40.000 --> 00:02:43.250
-奇迹(きせき)がもしも起(お)こるなら 
-若奇迹将会发生
-
-48
-00:02:43.300 --> 00:02:46.950
-今すぐ君に见せたい 
-我希望马上就能见到你
-
-49
-00:02:47.000 --> 00:02:50.250
-新しい朝(あさ) これからの仆 
-无论崭新的清晨 还是今后的自己
-
-50
-00:02:50.300 --> 00:02:57.250
-言えなかった「好き」という言叶も 
-或是那句没能说出口的「喜欢你」
-
-51
-00:02:57.300 --> 00:03:04.450
-
-
-52
-00:03:04.500 --> 00:03:05.950
-
-
-53
-00:03:06.000 --> 00:03:13.950
-夏の想い出がまわる 
-夏日的回忆在脑海中回旋
-
-54
-00:03:14.000 --> 00:03:20.950
-ふいに消(き)えた鼓动(こどう) 
-刹那间消失的悸动
-
-55
-00:03:21.000 --> 00:03:24.950
-いつでも捜(さが)しているよ 
-总是在一直寻觅
-
-56
-00:03:25.000 --> 00:03:27.950
-どっかに君の姿(すがた)を 
-寻觅着你的身影
-
-57
-00:03:28.000 --> 00:03:29.950
-明(あ)け方(がた)の街(まち) 
-在拂晓的街头
-
-58
-00:03:30.000 --> 00:03:31.950
-桜木町(さくらぎちょう)で 
-在种满樱树的小镇
-
-59
-00:03:32.000 --> 00:03:35.950
-こんなとこに来(く)るはずもないのに 
-尽管明知道你不可能在那里
-
-60
-00:03:36.000 --> 00:03:39.250
-愿(ねが)いがもしも叶(かな)うなら 
-若愿望能够实现
-
-61
-00:03:39.300 --> 00:03:43.050
-今すぐ君のもとへ 
-现在马上去到你身边
-
-62
-00:03:43.100 --> 00:03:46.800
-できないことは もう何(なに)もない 
-如今我再也不会有丝毫退缩
-
-63
-00:03:46.850 --> 00:03:50.600
-すべてかけて抱きしめてみせるよ 
-我会不顾一切紧紧将你拥抱
-
-64
-00:03:50.650 --> 00:03:54.250
-いつでも捜(さが)しているよ 
-总是在一直寻觅
-
-65
-00:03:54.300 --> 00:03:57.700
-どっかに君のかけらを 
-寻觅着你的片断
-
-66
-00:03:57.750 --> 00:03:59.250
-旅先(たびさき)の店(みせ) 
-在旅途中的小店
-
-67
-00:03:59.300 --> 00:04:01.450
-新闻(しんぶん)の隅(すみ) 
-在报纸的角落
-
-68
-00:04:01.500 --> 00:04:04.950
-こんなとこにあるはずもないのに 
-尽管明知道你不可能在那里
-
-69
-00:04:05.000 --> 00:04:08.250
-奇迹(きせき)がもしも起(お)こるなら 
-若奇迹将会发生
-
-70
-00:04:08.300 --> 00:04:12.250
-今すぐ君に见せたい 
-我希望现在就能见到你
-
-71
-00:04:12.300 --> 00:04:16.050
-新しい朝(あさ) これからの仆 
-无论崭新的清晨 还是今后的自己
-
-72
-00:04:16.100 --> 00:04:19.400
-言えなかった「好き」という言叶も 
-或是那句没能说出口的「喜欢你」
-
-73
-00:04:19.450 --> 00:04:19.950
-
-
-74
-00:04:20.000 --> 00:04:22.950
-いつでも捜(さが)してしまう 
-总是在一直寻觅
-
-75
-00:04:23.000 --> 00:04:26.950
-どっかに君の笑颜(えがお)を 
-寻觅着你的笑容
-
-76
-00:04:27.000 --> 00:04:30.250
-急行(きゅうこう)待ちの 踏切(ふみきり)あたり
-哪怕在等待列车通过的铁路道口
-
-77
-00:04:30.300 --> 00:04:34.250
-こんなとこにいるはずもないのに 
-虽然明明知道你不可能在那里
-
-78
-00:04:34.300 --> 00:04:37.950
-命(いのち)が缲(く)り返(かえ)すならば 
-如果生命能够重来
-
-79
-00:04:38.000 --> 00:04:41.050
-何度(なんど)も君のもとへ 
-无论几次我都要去你身边
-
-80
-00:04:41.100 --> 00:04:45.150
-欲(ほ)しいものなど もう何もない 
-那时我一定别无所求
-
-81
-00:04:45.200 --> 00:04:52.750
-君のほかに大切なものなど 
-再也没有什么比你更加重要
-
-82
-00:04:52.800 --> 00:05:10.950
-
-
-83
-00:05:11.000 --> 00:05:15.450
-
-
-84
-00:05:15.500 --> 00:05:25.500
-－－终わり－－
-
+00:01:25.693 --> 00:01:26.465
+你的名字是
+君の名は
@@ -67,7 +67,44 @@ type ComponentOption = {
    /**
     * When selector item click, use in controls
     */
-    onSelect?(selector: Selector, element: HTMLElement): void;
+    onSelect?(selector: Selector, element: HTMLElement, event: Event): void;
+};
+
+type SettingOption = {
+    /**
+     * Html string or html element of setting name
+     */
+    html: string | HTMLElement;
+
+    /**
+     * Html string or html element of setting icon
+     */
+    icon?: string | HTMLElement;
+
+    /**
+     * The width of setting
+     */
+    width?: number;
+
+    /**
+     * The tooltip of setting
+     */
+    tooltip?: string;
+
+    /**
+     * Whether the default is selected
+     */
+    default?: boolean;
+
+    /**
+     * Custom selector list
+     */
+    selector?: SettingOption[];
+
+    /**
+     * When selector item click
+     */
+    onSelect?(selector: SettingOption, element: HTMLElement, event: Event): void;
 };

 type Component = {
@@ -132,11 +169,6 @@ type SubtitleOption = {
     * The subtitle encoding, default utf-8
     */
    encoding?: string;
-
-    /**
-     * Whether bilingual subtitle
-     */
-    bilingual?: boolean;
 };

 type AdsOption = {
@@ -222,11 +254,6 @@ type Option = {
     */
    flip?: boolean;

-    /**
-     * Whether show video rotate button
-     */
-    rotate?: boolean;
-
    /**
     * Whether show video playback rate button
     */
@@ -287,21 +314,31 @@ type Option = {
     */
    miniProgressBar?: boolean;

-    /**
-     * Whether use local video function
-     */
-    localVideo?: boolean;
-
-    /**
-     * Whether use local subtitle function
-     */
-    localSubtitle?: boolean;
-
    /**
     * Whether use SSR function
     */
    useSSR?: boolean;

+    /**
+     * Whether use playsInline in mobile
+     */
+    playsInline?: boolean;
+
+    /**
+     * Whether use lock in mobile
+     */
+    lock?: boolean;
+
+    /**
+     * Whether use auto playback
+     */
+    autoPlayback?: boolean;
+
+    /**
+     * Whether use auto orientation in mobile
+     */
+    autoOrientation?: boolean;
+
    /**
     * Custom plugin list
     */
@@ -335,7 +372,7 @@ type Option = {
    /**
     * Custom setting list
     */
-    settings?: ComponentOption[];
+    settings?: SettingOption[];

    /**
     * Custom video quality list
@@ -419,6 +456,11 @@ type Option = {
        fullscreenWeb?: HTMLElement | string;
        pip?: HTMLElement | string;
        indicator?: HTMLElement | string;
+        arrowLeft?: HTMLElement | string;
+        arrowRight?: HTMLElement | string;
+        playbackRate?: HTMLElement | string;
+        aspectRatio?: HTMLElement | string;
+        config?: HTMLElement | string;
    };

    /**
@@ -431,7 +473,6 @@ type Option = {

 type AspectRatio = 'default' | '4:3' | '16:9' | void;
 type PlaybackRate = 0.5 | 0.75 | 1.0 | 1.25 | 1.5 | 1.75 | 2.0 | void;
-type Rotate = -270 | -180 | -90 | 0 | 90 | 180 | 270 | void;
 type Flip = 'normal' | 'horizontal' | 'vertical' | void;

 declare class Player {
@@ -439,8 +480,6 @@ declare class Player {
    set aspectRatio(ratio: AspectRatio);
    get playbackRate(): PlaybackRate;
    set playbackRate(rate: PlaybackRate);
-    get rotate(): Rotate;
-    set rotate(deg: Rotate);
    get autoSize(): boolean;
    set autoSize(state: boolean);
    get autoHeight(): boolean;
@@ -489,6 +528,8 @@ declare class Player {
    set title(title: string);
    get theme(): string;
    set theme(theme: string);
+    get subtitleOffset(): number;
+    set subtitleOffset(time: number);
    pause(): any;
    play(): any;
    toggle(): any;
@@ -501,7 +542,7 @@ declare class Player {
 }

 declare class Artplayer extends Player {
-    constructor(option: Option);
+    constructor(option: Option, readyCallback: (this: Artplayer) => void);

    static instances: Artplayer[];
    static version: string;
@@ -570,8 +611,6 @@ declare class Artplayer extends Player {
        readonly $mask: HTMLElement;
        readonly $state: HTMLElement;
        readonly $setting: HTMLElement;
-        readonly $settingInner: HTMLElement;
-        readonly $settingBody: HTMLElement;
        readonly $info: HTMLElement;
        readonly $infoPanel: HTMLElement;
        readonly $infoClose: HTMLElement;
@@ -602,7 +641,7 @@ declare class Artplayer extends Player {
        get(key: string): any;
        set(key: string, value: any): void;
        del(key: string): any;
-        clean(): any;
+        clear(): any;
    };

    readonly icons: {
@@ -610,6 +649,7 @@ declare class Artplayer extends Player {
        readonly state: HTMLElement;
        readonly play: HTMLElement;
        readonly pause: HTMLElement;
+        readonly check: HTMLElement;
        readonly volume: HTMLElement;
        readonly volumeClose: HTMLElement;
        readonly subtitle: HTMLElement;
@@ -619,6 +659,11 @@ declare class Artplayer extends Player {
        readonly fullscreenWeb: HTMLElement;
        readonly pip: HTMLElement;
        readonly indicator: HTMLElement;
+        readonly arrowLeft: HTMLElement;
+        readonly arrowRight: HTMLElement;
+        readonly playbackRate: HTMLElement;
+        readonly aspectRatio: HTMLElement;
+        readonly config: HTMLElement;
    };

    readonly hotkey: {
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.9">
 <title data-react-helmet="true">Page Not Found | Artplayer.js</title><meta data-react-helmet="true" property="og:title" content="Page Not Found | Artplayer.js"><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://artplayer.org/document/404.html"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_tag" content="default"><link data-react-helmet="true" rel="shortcut icon" href="/document/img/favicon.ico"><link data-react-helmet="true" rel="canonical" href="https://artplayer.org/document/404.html"><link data-react-helmet="true" rel="alternate" href="https://artplayer.org/document/404.html" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://artplayer.org/document/404.html" hreflang="x-default"><link rel="stylesheet" href="/document/assets/css/styles.f21e1cf1.css">
-<link rel="preload" href="/document/assets/js/runtime~main.24c98358.js" as="script">
-<link rel="preload" href="/document/assets/js/main.77182f2c.js" as="script">
+<link rel="preload" href="/document/assets/js/runtime~main.8a52b7dc.js" as="script">
+<link rel="preload" href="/document/assets/js/main.81aa0a31.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a href="https://artplayer.org/document" target="_self" rel="noopener noreferrer" class="navbar__brand"><div class="navbar__logo"><img src="/document/img/logo.png" alt="Artplayer.js" class="themedImage_TMUO themedImage--light_4Vu1" height="28" width="28"><img src="/document/img/logo.png" alt="Artplayer.js" class="themedImage_TMUO themedImage--dark_uzRr" height="28" width="28"></div><b class="navbar__title">Artplayer.js</b></a><a href="https://artplayer.org" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>Online Editor<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a><a href="https://github.com/zhw2590582/ArtPlayer" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>Github<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div><div class="navbar__items navbar__items--right"><a href="#" class="navbar__item navbar__link">QQ群: 320881312</a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link">v 4.x.x</a><ul class="dropdown__menu"><li><a href="https://artplayer.org/document_v3/" target="_blank" rel="noopener noreferrer" class="dropdown__link"><span>v 3.x.x<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link">English</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/document/">English</a></li><li><a class="dropdown__link" href="/document/zh-cn/">中文</a></li></ul></div><div class="toggle_iYfV toggle_2i4l toggleDisabled_xj38"><div class="toggleTrack_t-f2" role="button" tabindex="-1"><div class="toggleTrackCheck_mk7D"><span class="toggleIcon_pHJ9">🌜</span></div><div class="toggleTrackX_dm8H"><span class="toggleIcon_pHJ9">🌞</span></div><div class="toggleTrackThumb_W6To"></div></div><input type="checkbox" class="toggleScreenReader_h9qa" aria-label="Switch between dark and light mode"></div><div class="navbar__search"><span aria-label="expand searchbar" role="button" class="search-icon" tabindex="0"></span><input type="search" id="search_input_react" placeholder="Search" aria-label="Search" class="navbar__search-input search-bar"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper"><main class="container margin-vert--xl"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Page Not Found</h1><p>We could not find what you were looking for.</p><p>Please contact the owner of the site that linked you to the original URL and let them know their link is broken.</p></div></div></main></div><footer class="footer footer--dark"><div class="container"><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 Artplayer.js, Inc. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/document/assets/js/runtime~main.24c98358.js"></script>
-<script src="/document/assets/js/main.77182f2c.js"></script>
+<script src="/document/assets/js/runtime~main.8a52b7dc.js"></script>
+<script src="/document/assets/js/main.81aa0a31.js"></script>
 </body>
 </html>
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.9">
 <title data-react-helmet="true">Advanced propertys | Artplayer.js</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://artplayer.org/document/advance"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Advanced propertys | Artplayer.js"><meta data-react-helmet="true" name="description" content="This page is some additional supplements to the commonly used properties, you need to read in depth to develop custom functions."><meta data-react-helmet="true" property="og:description" content="This page is some additional supplements to the commonly used properties, you need to read in depth to develop custom functions."><link data-react-helmet="true" rel="shortcut icon" href="/document/img/favicon.ico"><link data-react-helmet="true" rel="canonical" href="https://artplayer.org/document/advance"><link data-react-helmet="true" rel="alternate" href="https://artplayer.org/document/advance" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://artplayer.org/document/advance" hreflang="x-default"><link rel="stylesheet" href="/document/assets/css/styles.f21e1cf1.css">
-<link rel="preload" href="/document/assets/js/runtime~main.24c98358.js" as="script">
-<link rel="preload" href="/document/assets/js/main.77182f2c.js" as="script">
+<link rel="preload" href="/document/assets/js/runtime~main.8a52b7dc.js" as="script">
+<link rel="preload" href="/document/assets/js/main.81aa0a31.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
-<div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a href="https://artplayer.org/document" target="_self" rel="noopener noreferrer" class="navbar__brand"><div class="navbar__logo"><img src="/document/img/logo.png" alt="Artplayer.js" class="themedImage_TMUO themedImage--light_4Vu1" height="28" width="28"><img src="/document/img/logo.png" alt="Artplayer.js" class="themedImage_TMUO themedImage--dark_uzRr" height="28" width="28"></div><b class="navbar__title">Artplayer.js</b></a><a href="https://artplayer.org" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>Online Editor<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a><a href="https://github.com/zhw2590582/ArtPlayer" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>Github<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div><div class="navbar__items navbar__items--right"><a href="#" class="navbar__item navbar__link">QQ群: 320881312</a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link">v 4.x.x</a><ul class="dropdown__menu"><li><a href="https://artplayer.org/document_v3/" target="_blank" rel="noopener noreferrer" class="dropdown__link"><span>v 3.x.x<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link">English</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/document/">English</a></li><li><a class="dropdown__link" href="/document/zh-cn/">中文</a></li></ul></div><div class="toggle_iYfV toggle_2i4l toggleDisabled_xj38"><div class="toggleTrack_t-f2" role="button" tabindex="-1"><div class="toggleTrackCheck_mk7D"><span class="toggleIcon_pHJ9">🌜</span></div><div class="toggleTrackX_dm8H"><span class="toggleIcon_pHJ9">🌞</span></div><div class="toggleTrackThumb_W6To"></div></div><input type="checkbox" class="toggleScreenReader_h9qa" aria-label="Switch between dark and light mode"></div><div class="navbar__search"><span aria-label="expand searchbar" role="button" class="search-icon" tabindex="0"></span><input type="search" id="search_input_react" placeholder="Search" aria-label="Search" class="navbar__search-input search-bar"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/">Quick start</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/options">Basic options</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/propertie">Common properties</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/document/advance">Advanced propertys</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/class">Static propertys</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/events">Common events</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/libraries">Third party librarys</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebaLine truncated
-<script src="/document/assets/js/runtime~main.24c98358.js"></script>
-<script src="/document/assets/js/main.77182f2c.js"></script>
+<div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a href="https://artplayer.org/document" target="_self" rel="noopener noreferrer" class="navbar__brand"><div class="navbar__logo"><img src="/document/img/logo.png" alt="Artplayer.js" class="themedImage_TMUO themedImage--light_4Vu1" height="28" width="28"><img src="/document/img/logo.png" alt="Artplayer.js" class="themedImage_TMUO themedImage--dark_uzRr" height="28" width="28"></div><b class="navbar__title">Artplayer.js</b></a><a href="https://artplayer.org" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>Online Editor<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a><a href="https://github.com/zhw2590582/ArtPlayer" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>Github<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div><div class="navbar__items navbar__items--right"><a href="#" class="navbar__item navbar__link">QQ群: 320881312</a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link">v 4.x.x</a><ul class="dropdown__menu"><li><a href="https://artplayer.org/document_v3/" target="_blank" rel="noopener noreferrer" class="dropdown__link"><span>v 3.x.x<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link">English</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/document/">English</a></li><li><a class="dropdown__link" href="/document/zh-cn/">中文</a></li></ul></div><div class="toggle_iYfV toggle_2i4l toggleDisabled_xj38"><div class="toggleTrack_t-f2" role="button" tabindex="-1"><div class="toggleTrackCheck_mk7D"><span class="toggleIcon_pHJ9">🌜</span></div><div class="toggleTrackX_dm8H"><span class="toggleIcon_pHJ9">🌞</span></div><div class="toggleTrackThumb_W6To"></div></div><input type="checkbox" class="toggleScreenReader_h9qa" aria-label="Switch between dark and light mode"></div><div class="navbar__search"><span aria-label="expand searchbar" role="button" class="search-icon" tabindex="0"></span><input type="search" id="search_input_react" placeholder="Search" aria-label="Search" class="navbar__search-input search-bar"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/">Quick start</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/options">Basic options</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/propertie">Common properties</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/document/advance">Advanced propertys</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/class">Static propertys</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/events">Common events</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/document/libraries">Third party librarys</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebaLine truncated
+<script src="/document/assets/js/runtime~main.8a52b7dc.js"></script>
+<script src="/document/assets/js/main.81aa0a31.js"></script>
 </body>
 </html>
@@ -1 +1 @@
-"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[941],{3905:function(e,t,n){n.d(t,{Zo:function(){return d},kt:function(){return c}});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=a.createContext({}),s=function(e){var t=a.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},d=function(e){var t=s(e.components);return a.createElement(p.Provider,{value:t},e.children)},u={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,l=e.originalType,p=e.parentName,d=o(e,["components","mdxType","originalType","parentName"]),m=s(n),c=r,k=m["".concat(p,".").concat(c)]||m[c]||u[c]||l;return n?a.createElement(k,i(i({ref:t},d),{},{components:n})):a.createElement(k,i({ref:t},d))}));function c(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var l=n.length,i=new Array(l);i[0]=m;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:r,i[1]=o;for(var s=2;s<l;s++)i[s]=n[s];return a.createElement.apply(null,i)}return a.createElement.apply(null,n)}m.displayName="MDXCreateElement"},7498:function(e,t,n){n.r(t),n.d(t,{frontMatter:function(){return o},contentTitle:function(){return p},metadata:function(){return s},toc:function(){return d},default:function(){return m}});var a=n(7462),r=n(3366),l=(n(7294),n(3905)),i=["components"],o={title:"Common properties",sidebar_position:3,slug:"/propertie"},p=void 0,s={unversionedId:"en/Properties",id:"en/Properties",isDocsHomePage:!1,title:"Common properties",description:"play",source:"@site/docs/en/Properties.md",sourceDirName:"en",slug:"/propertie",permalink:"/document/propertie",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Common properties",sidebar_position:3,slug:"/propertie"},sidebar:"en",previous:{title:"Basic options",permalink:"/document/options"},next:{title:"Advanced propertys",permalink:"/document/advance"}},d=[{value:"play",id:"play",children:[],level:2},{value:"pause",id:"pause",children:[],level:2},{value:"toggle",id:"toggle",children:[],level:2},{value:"seek",id:"seek",children:[],level:2},{value:"forward",id:"forward",children:[],level:2},{value:"backward",id:"backward",children:[],level:2},{value:"volume",id:"volume",children:[],level:2},{value:"url",id:"url",children:[],level:2},{value:"switchUrl",id:"switchurl",children:[],level:2},{value:"switchQuality",id:"switchquality",children:[],level:2},{value:"muted",id:"muted",children:[],level:2},{value:"currentTime",id:"currenttime",children:[],level:2},{value:"duration",id:"duration",children:[],level:2},{value:"screenshot",id:"screenshot",children:[],level:2},{value:"getDataURL",id:"getdataurl",children:[],level:2},{value:"getBlobUrl",id:"getbloburl",children:[],level:2},{value:"fullscreen",id:"fullscreen",children:[],level:2},{value:"fullscreenWeb",id:"fullscreenweb",children:[],level:2},{value:"pip",id:"pip",children:[],level:2},{value:"poster",id:"poster",children:[],level:2},{value:"mini",id:"mini",children:[],level:2},{value:"playing",id:"playing",children:[],level:2},{value:"autoSize",id:"autosize",children:[],level:2},{value:"rect",id:"rect",children:[],level:2},{value:"flip",id:"flip",children:[],level:2},{value:"rotate",id:"rotate",children:[],level:2},{value:"playbackRate",id:"playbackrate",children:[],level:2},{value:"aspectRatio",id:"aspectratio",children:[],level:2},{value:"loop",id:"loop",children:[],level:2},{value:"autoHeight",id:"autoheight",children:[],level:2},{value:"attr",id:"attr",children:[],level:2},{value:"title",id:"title",children:[],level:2},{value:"theme",id:"theme",children:[],level:2},{value:"destroy",id:"destroy",children:[],level:2}],u={toc:d};function m(e){var t=e.components,n=(0,r.Z)(e,i);return(0,l.kt)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,l.kt)("h2",{id:"play"},"play"),(0,l.kt)("ul",null,(0,l.Line truncated
+"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[941],{3905:function(e,t,n){n.d(t,{Zo:function(){return d},kt:function(){return c}});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=a.createContext({}),s=function(e){var t=a.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},d=function(e){var t=s(e.components);return a.createElement(p.Provider,{value:t},e.children)},u={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,l=e.originalType,p=e.parentName,d=o(e,["components","mdxType","originalType","parentName"]),m=s(n),c=r,k=m["".concat(p,".").concat(c)]||m[c]||u[c]||l;return n?a.createElement(k,i(i({ref:t},d),{},{components:n})):a.createElement(k,i({ref:t},d))}));function c(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var l=n.length,i=new Array(l);i[0]=m;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:r,i[1]=o;for(var s=2;s<l;s++)i[s]=n[s];return a.createElement.apply(null,i)}return a.createElement.apply(null,n)}m.displayName="MDXCreateElement"},7498:function(e,t,n){n.r(t),n.d(t,{frontMatter:function(){return o},contentTitle:function(){return p},metadata:function(){return s},toc:function(){return d},default:function(){return m}});var a=n(7462),r=n(3366),l=(n(7294),n(3905)),i=["components"],o={title:"Common properties",sidebar_position:3,slug:"/propertie"},p=void 0,s={unversionedId:"en/Properties",id:"en/Properties",isDocsHomePage:!1,title:"Common properties",description:"play",source:"@site/docs/en/Properties.md",sourceDirName:"en",slug:"/propertie",permalink:"/document/propertie",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Common properties",sidebar_position:3,slug:"/propertie"},sidebar:"en",previous:{title:"Basic options",permalink:"/document/options"},next:{title:"Advanced propertys",permalink:"/document/advance"}},d=[{value:"play",id:"play",children:[],level:2},{value:"pause",id:"pause",children:[],level:2},{value:"toggle",id:"toggle",children:[],level:2},{value:"seek",id:"seek",children:[],level:2},{value:"forward",id:"forward",children:[],level:2},{value:"backward",id:"backward",children:[],level:2},{value:"volume",id:"volume",children:[],level:2},{value:"url",id:"url",children:[],level:2},{value:"switchUrl",id:"switchurl",children:[],level:2},{value:"switchQuality",id:"switchquality",children:[],level:2},{value:"muted",id:"muted",children:[],level:2},{value:"currentTime",id:"currenttime",children:[],level:2},{value:"duration",id:"duration",children:[],level:2},{value:"screenshot",id:"screenshot",children:[],level:2},{value:"getDataURL",id:"getdataurl",children:[],level:2},{value:"getBlobUrl",id:"getbloburl",children:[],level:2},{value:"fullscreen",id:"fullscreen",children:[],level:2},{value:"fullscreenWeb",id:"fullscreenweb",children:[],level:2},{value:"pip",id:"pip",children:[],level:2},{value:"poster",id:"poster",children:[],level:2},{value:"mini",id:"mini",children:[],level:2},{value:"playing",id:"playing",children:[],level:2},{value:"autoSize",id:"autosize",children:[],level:2},{value:"rect",id:"rect",children:[],level:2},{value:"flip",id:"flip",children:[],level:2},{value:"rotate",id:"rotate",children:[],level:2},{value:"playbackRate",id:"playbackrate",children:[],level:2},{value:"aspectRatio",id:"aspectratio",children:[],level:2},{value:"loop",id:"loop",children:[],level:2},{value:"autoHeight",id:"autoheight",children:[],level:2},{value:"attr",id:"attr",children:[],level:2},{value:"title",id:"title",children:[],level:2},{value:"theme",id:"theme",children:[],level:2},{value:"destroy",id:"destroy",children:[],level:2}],u={toc:d};function m(e){var t=e.components,n=(0,r.Z)(e,i);return(0,l.kt)("wrapper",(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,l.kt)("h2",{id:"play"},"play"),(0,l.kt)("ul",null,(0,l.Line truncated
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[270],{3905:function(e,t,n){n.d(t,{Zo:function(){return u},kt:function(){return k}});var a=n(7294);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t){if(null==e)return{};var n,a,l=function(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p=a.createContext({}),d=function(e){var t=a.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},u=function(e){var t=d(e.components);return a.createElement(p.Provider,{value:t},e.children)},m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},s=a.forwardRef((function(e,t){var n=e.components,l=e.mdxType,r=e.originalType,p=e.parentName,u=o(e,["components","mdxType","originalType","parentName"]),s=d(n),k=l,c=s["".concat(p,".").concat(k)]||s[k]||m[k]||r;return n?a.createElement(c,i(i({ref:t},u),{},{components:n})):a.createElement(c,i({ref:t},u))}));function k(e,t){var n=arguments,l=t&&t.mdxType;if("string"==typeof e||l){var r=n.length,i=new Array(r);i[0]=s;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:l,i[1]=o;for(var d=2;d<r;d++)i[d]=n[d];return a.createElement.apply(null,i)}return a.createElement.apply(null,n)}s.displayName="MDXCreateElement"},1940:function(e,t,n){n.r(t),n.d(t,{frontMatter:function(){return o},contentTitle:function(){return p},metadata:function(){return d},toc:function(){return u},default:function(){return s}});var a=n(7462),l=n(3366),r=(n(7294),n(3905)),i=["components"],o={title:"Advanced propertys",sidebar_position:4,slug:"/advance"},p=void 0,d={unversionedId:"en/Advance",id:"en/Advance",isDocsHomePage:!1,title:"Advanced propertys",description:"This page is some additional supplements to the commonly used properties, you need to read in depth to develop custom functions.",source:"@site/docs/en/Advance.md",sourceDirName:"en",slug:"/advance",permalink:"/document/advance",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Advanced propertys",sidebar_position:4,slug:"/advance"},sidebar:"en",previous:{title:"Common properties",permalink:"/document/propertie"},next:{title:"Static propertys",permalink:"/document/class"}},u=[{value:"id",id:"id",children:[],level:2},{value:"option",id:"option",children:[],level:2},{value:"isFocus",id:"isfocus",children:[],level:2},{value:"isDestroy",id:"isdestroy",children:[],level:2},{value:"whitelist",id:"whitelist",children:[],level:2},{value:"template",id:"template",children:[{value:"query",id:"query",children:[],level:3}],level:2},{value:"query",id:"query-1",children:[],level:2},{value:"events",id:"events",children:[],level:2},{value:"proxy",id:"proxy",children:[],level:2},{value:"storage",id:"storage",children:[],level:2},{value:"icons",id:"icons",children:[],level:2},{value:"i18n",id:"i18n",children:[{value:"get",id:"get",children:[],level:3},{value:"update",id:"update",children:[],level:3}],level:2},{value:"player",id:"player",children:[],level:2},{value:"subtitle",id:"subtitle",children:[{value:"show",id:"show",children:[],level:3},{value:"style",id:"style",children:[],level:3},{value:"url",id:"url",children:[],level:3},{value:"switch",id:"switch",children:[],level:3}],level:2},{value:"info",id:"info",children:[],level:2},{value:"layers",id:"layers",children:[{value:"show",id:"show-1",children:[],level:3},{value:"add",id:"add",children:[],level:3}],level:2},{value:"notice",id:"notice",children:[{value:"show",id:"show-2",children:[],level:3}],level:2},{value:"controls",id:"controls",children:[{value:"show",id:"show-3",children:[],level:3},{value:"add",id:"add-1",children:[],level:3}],level:2},{value:"contextmenu",id:"contextmenu",children:[{value:"show",id:"show-4",children:[],level:3},{value:"add",id:"add-2",children:[],level:3}],level:2},{value:"loading",id:"loading",children:[{value:"show",id:"show-5",children:[],level:3}],level:2},{value:"mask",id:"mask",children:[{value:"show",id:"show-6",children:[],level:3}],level:2},{value:"hotkey",id:"hotkey",children:[{value:"addLine truncated
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[270],{3905:function(e,t,n){n.d(t,{Zo:function(){return u},kt:function(){return k}});var a=n(7294);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t){if(null==e)return{};var n,a,l=function(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p=a.createContext({}),d=function(e){var t=a.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},u=function(e){var t=d(e.components);return a.createElement(p.Provider,{value:t},e.children)},m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},s=a.forwardRef((function(e,t){var n=e.components,l=e.mdxType,r=e.originalType,p=e.parentName,u=o(e,["components","mdxType","originalType","parentName"]),s=d(n),k=l,c=s["".concat(p,".").concat(k)]||s[k]||m[k]||r;return n?a.createElement(c,i(i({ref:t},u),{},{components:n})):a.createElement(c,i({ref:t},u))}));function k(e,t){var n=arguments,l=t&&t.mdxType;if("string"==typeof e||l){var r=n.length,i=new Array(r);i[0]=s;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:l,i[1]=o;for(var d=2;d<r;d++)i[d]=n[d];return a.createElement.apply(null,i)}return a.createElement.apply(null,n)}s.displayName="MDXCreateElement"},1940:function(e,t,n){n.r(t),n.d(t,{frontMatter:function(){return o},contentTitle:function(){return p},metadata:function(){return d},toc:function(){return u},default:function(){return s}});var a=n(7462),l=n(3366),r=(n(7294),n(3905)),i=["components"],o={title:"Advanced propertys",sidebar_position:4,slug:"/advance"},p=void 0,d={unversionedId:"en/Advance",id:"en/Advance",isDocsHomePage:!1,title:"Advanced propertys",description:"This page is some additional supplements to the commonly used properties, you need to read in depth to develop custom functions.",source:"@site/docs/en/Advance.md",sourceDirName:"en",slug:"/advance",permalink:"/document/advance",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Advanced propertys",sidebar_position:4,slug:"/advance"},sidebar:"en",previous:{title:"Common properties",permalink:"/document/propertie"},next:{title:"Static propertys",permalink:"/document/class"}},u=[{value:"id",id:"id",children:[],level:2},{value:"option",id:"option",children:[],level:2},{value:"isFocus",id:"isfocus",children:[],level:2},{value:"isDestroy",id:"isdestroy",children:[],level:2},{value:"whitelist",id:"whitelist",children:[],level:2},{value:"template",id:"template",children:[{value:"query",id:"query",children:[],level:3}],level:2},{value:"query",id:"query-1",children:[],level:2},{value:"events",id:"events",children:[],level:2},{value:"proxy",id:"proxy",children:[],level:2},{value:"storage",id:"storage",children:[],level:2},{value:"icons",id:"icons",children:[],level:2},{value:"i18n",id:"i18n",children:[{value:"get",id:"get",children:[],level:3},{value:"update",id:"update",children:[],level:3}],level:2},{value:"player",id:"player",children:[],level:2},{value:"subtitle",id:"subtitle",children:[{value:"show",id:"show",children:[],level:3},{value:"style",id:"style",children:[],level:3},{value:"url",id:"url",children:[],level:3},{value:"switch",id:"switch",children:[],level:3}],level:2},{value:"info",id:"info",children:[],level:2},{value:"layers",id:"layers",children:[{value:"show",id:"show-1",children:[],level:3},{value:"add",id:"add",children:[],level:3}],level:2},{value:"notice",id:"notice",children:[{value:"show",id:"show-2",children:[],level:3}],level:2},{value:"controls",id:"controls",children:[{value:"show",id:"show-3",children:[],level:3},{value:"add",id:"add-1",children:[],level:3}],level:2},{value:"contextmenu",id:"contextmenu",children:[{value:"show",id:"show-4",children:[],level:3},{value:"add",id:"add-2",children:[],level:3}],level:2},{value:"loading",id:"loading",children:[{value:"show",id:"show-5",children:[],level:3}],level:2},{value:"mask",id:"mask",children:[{value:"show",id:"show-6",children:[],level:3}],level:2},{value:"hotkey",id:"hotkey",children:[{value:"addLine truncated
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[952],{3905:function(n,e,t){t.d(e,{Zo:function(){return l},kt:function(){return f}});var r=t(7294);function o(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function a(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function i(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?a(Object(t),!0).forEach((function(e){o(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function s(n,e){if(null==n)return{};var t,r,o=function(n,e){if(null==n)return{};var t,r,o={},a=Object.keys(n);for(r=0;r<a.length;r++)t=a[r],e.indexOf(t)>=0||(o[t]=n[t]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(r=0;r<a.length;r++)t=a[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(o[t]=n[t])}return o}var c=r.createContext({}),u=function(n){var e=r.useContext(c),t=e;return n&&(t="function"==typeof n?n(e):i(i({},e),n)),t},l=function(n){var e=u(n.components);return r.createElement(c.Provider,{value:e},n.children)},p={inlineCode:"code",wrapper:function(n){var e=n.children;return r.createElement(r.Fragment,{},e)}},d=r.forwardRef((function(n,e){var t=n.components,o=n.mdxType,a=n.originalType,c=n.parentName,l=s(n,["components","mdxType","originalType","parentName"]),d=u(t),f=o,m=d["".concat(c,".").concat(f)]||d[f]||p[f]||a;return t?r.createElement(m,i(i({ref:e},l),{},{components:t})):r.createElement(m,i({ref:e},l))}));function f(n,e){var t=arguments,o=e&&e.mdxType;if("string"==typeof n||o){var a=t.length,i=new Array(a);i[0]=d;var s={};for(var c in e)hasOwnProperty.call(e,c)&&(s[c]=e[c]);s.originalType=n,s.mdxType="string"==typeof n?n:o,i[1]=s;for(var u=2;u<a;u++)i[u]=t[u];return r.createElement.apply(null,i)}return r.createElement.apply(null,t)}d.displayName="MDXCreateElement"},7245:function(n,e,t){t.r(e),t.d(e,{frontMatter:function(){return s},contentTitle:function(){return c},metadata:function(){return u},toc:function(){return l},default:function(){return d}});var r=t(7462),o=t(3366),a=(t(7294),t(3905)),i=["components"],s={title:"\u5982\u4f55\u6dfb\u52a0\u89c6\u9891\u5e7f\u544a",sidebar_position:5},c=void 0,u={unversionedId:"zh-cn/Questions/How to add video ads",id:"zh-cn/Questions/How to add video ads",isDocsHomePage:!1,title:"\u5982\u4f55\u6dfb\u52a0\u89c6\u9891\u5e7f\u544a",description:"\u89c6\u9891\u5e7f\u544a\u5b58\u5728\u4e8e\u6b63\u5f0f\u89c6\u9891\u64ad\u653e\u4e4b\u524d\uff0c\u652f\u6301\u591a\u4e2a\u89c6\u9891\u5e7f\u544a",source:"@site/docs/zh-cn/Questions/How to add video ads.md",sourceDirName:"zh-cn/Questions",slug:"/zh-cn/Questions/How to add video ads",permalink:"/document/zh-cn/Questions/How to add video ads",tags:[],version:"current",sidebarPosition:5,frontMatter:{title:"\u5982\u4f55\u6dfb\u52a0\u89c6\u9891\u5e7f\u544a",sidebar_position:5},sidebar:"zh-cn",previous:{title:"\u5982\u4f55\u5bfc\u5165\u7c7b\u578b",permalink:"/document/zh-cn/Questions/How to import types"},next:{title:"\u600e\u4e48\u6dfb\u52a0\u8bbe\u7f6e\u9762\u677f",permalink:"/document/zh-cn/Questions/How to add setting panel"}},l=[],p={toc:l};function d(n){var e=n.components,t=(0,o.Z)(n,i);return(0,a.kt)("wrapper",(0,r.Z)({},p,t,{components:e,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"\u89c6\u9891\u5e7f\u544a\u5b58\u5728\u4e8e\u6b63\u5f0f\u89c6\u9891\u64ad\u653e\u4e4b\u524d\uff0c\u652f\u6301\u591a\u4e2a\u89c6\u9891\u5e7f\u544a"),(0,a.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n    container: '.artplayer-app',\n    url: 'https://artplayer.org/assets/sample/video.mp4',\n    muted: true,\n    autoSize: true,\n    autoplay: true,\n    ads: [\n        {\n            url: '/assets/sample/test1.mp4',\n        },\n        {\n            url: '/assets/sample/test2.webm',\n        },\n    ],\n    controls: [\n        {\n            position: 'right',\n            html: '\u8df3\u8fc7\u5e7f\u544a',\n            click: function () {\n                art.ads.end();\n            },\n        },\n    ],\n    layers: [\n        {\n            html: '\u8df3\u8fc7\u5e7f\u544a',\n            style: {\n                position: 'absolute',\n                top: '20px',\n                right: '20px',\n            },\n            click: function () {\n                art.ads.end();\n            },\n        },\n    ],\n});\n\nart.on('ready', function () {\n    // \u5f53\u6bcf\u4e2a\u89c6\u9891\u5e7f\u544a\u64ad\u653e\u65f6\u89e6\u53d1\n    art.on('ads:start', function (item) {\n        console.info('
Line truncated
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[952],{3905:function(n,e,t){t.d(e,{Zo:function(){return l},kt:function(){return f}});var r=t(7294);function o(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function a(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function i(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?a(Object(t),!0).forEach((function(e){o(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function c(n,e){if(null==n)return{};var t,r,o=function(n,e){if(null==n)return{};var t,r,o={},a=Object.keys(n);for(r=0;r<a.length;r++)t=a[r],e.indexOf(t)>=0||(o[t]=n[t]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(r=0;r<a.length;r++)t=a[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(o[t]=n[t])}return o}var s=r.createContext({}),u=function(n){var e=r.useContext(s),t=e;return n&&(t="function"==typeof n?n(e):i(i({},e),n)),t},l=function(n){var e=u(n.components);return r.createElement(s.Provider,{value:e},n.children)},p={inlineCode:"code",wrapper:function(n){var e=n.children;return r.createElement(r.Fragment,{},e)}},d=r.forwardRef((function(n,e){var t=n.components,o=n.mdxType,a=n.originalType,s=n.parentName,l=c(n,["components","mdxType","originalType","parentName"]),d=u(t),f=o,m=d["".concat(s,".").concat(f)]||d[f]||p[f]||a;return t?r.createElement(m,i(i({ref:e},l),{},{components:t})):r.createElement(m,i({ref:e},l))}));function f(n,e){var t=arguments,o=e&&e.mdxType;if("string"==typeof n||o){var a=t.length,i=new Array(a);i[0]=d;var c={};for(var s in e)hasOwnProperty.call(e,s)&&(c[s]=e[s]);c.originalType=n,c.mdxType="string"==typeof n?n:o,i[1]=c;for(var u=2;u<a;u++)i[u]=t[u];return r.createElement.apply(null,i)}return r.createElement.apply(null,t)}d.displayName="MDXCreateElement"},7245:function(n,e,t){t.r(e),t.d(e,{frontMatter:function(){return c},contentTitle:function(){return s},metadata:function(){return u},toc:function(){return l},default:function(){return d}});var r=t(7462),o=t(3366),a=(t(7294),t(3905)),i=["components"],c={title:"\u5982\u4f55\u6dfb\u52a0\u89c6\u9891\u5e7f\u544a",sidebar_position:5},s=void 0,u={unversionedId:"zh-cn/Questions/How to add video ads",id:"zh-cn/Questions/How to add video ads",isDocsHomePage:!1,title:"\u5982\u4f55\u6dfb\u52a0\u89c6\u9891\u5e7f\u544a",description:"\u89c6\u9891\u5e7f\u544a\u5b58\u5728\u4e8e\u6b63\u5f0f\u89c6\u9891\u64ad\u653e\u4e4b\u524d\uff0c\u652f\u6301\u591a\u4e2a\u89c6\u9891\u5e7f\u544a",source:"@site/docs/zh-cn/Questions/How to add video ads.md",sourceDirName:"zh-cn/Questions",slug:"/zh-cn/Questions/How to add video ads",permalink:"/document/zh-cn/Questions/How to add video ads",tags:[],version:"current",sidebarPosition:5,frontMatter:{title:"\u5982\u4f55\u6dfb\u52a0\u89c6\u9891\u5e7f\u544a",sidebar_position:5},sidebar:"zh-cn",previous:{title:"\u5982\u4f55\u5bfc\u5165\u7c7b\u578b",permalink:"/document/zh-cn/Questions/How to import types"},next:{title:"\u4e0e React Portal \u4f7f\u7528",permalink:"/document/zh-cn/Questions/Use with react portal"}},l=[],p={toc:l};function d(n){var e=n.components,t=(0,o.Z)(n,i);return(0,a.kt)("wrapper",(0,r.Z)({},p,t,{components:e,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"\u89c6\u9891\u5e7f\u544a\u5b58\u5728\u4e8e\u6b63\u5f0f\u89c6\u9891\u64ad\u653e\u4e4b\u524d\uff0c\u652f\u6301\u591a\u4e2a\u89c6\u9891\u5e7f\u544a"),(0,a.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n    container: '.artplayer-app',\n    url: 'https://artplayer.org/assets/sample/video.mp4',\n    muted: true,\n    autoSize: true,\n    autoplay: true,\n    ads: [\n        {\n            url: '/assets/sample/test1.mp4',\n        },\n        {\n            url: '/assets/sample/test2.webm',\n        },\n    ],\n    controls: [\n        {\n            position: 'right',\n            html: '\u8df3\u8fc7\u5e7f\u544a',\n            click: function () {\n                art.ads.end();\n            },\n        },\n    ],\n    layers: [\n        {\n            html: '\u8df3\u8fc7\u5e7f\u544a',\n            style: {\n                position: 'absolute',\n                top: '20px',\n                right: '20px',\n            },\n            click: function () {\n                art.ads.end();\n            },\n        },\n    ],\n});\n\nart.on('ready', function () {\n    // \u5f53\u6bcf\u4e2a\u89c6\u9891\u5e7f\u544a\u64ad\u653e\u65f6\u89e6\u53d1\n    art.on('ads:start', function (item) {\n        console.info('\u5e7f\u544a\u5f00\
Line truncated
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[928],{3905:function(e,n,t){t.d(n,{Zo:function(){return u},kt:function(){return c}});var a=t(7294);function l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function r(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?r(Object(t),!0).forEach((function(n){l(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):r(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function p(e,n){if(null==e)return{};var t,a,l=function(e,n){if(null==e)return{};var t,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var o=a.createContext({}),s=function(e){var n=a.useContext(o),t=n;return e&&(t="function"==typeof e?e(n):i(i({},n),e)),t},u=function(e){var n=s(e.components);return a.createElement(o.Provider,{value:n},e.children)},d={inlineCode:"code",wrapper:function(e){var n=e.children;return a.createElement(a.Fragment,{},n)}},m=a.forwardRef((function(e,n){var t=e.components,l=e.mdxType,r=e.originalType,o=e.parentName,u=p(e,["components","mdxType","originalType","parentName"]),m=s(t),c=l,k=m["".concat(o,".").concat(c)]||m[c]||d[c]||r;return t?a.createElement(k,i(i({ref:n},u),{},{components:t})):a.createElement(k,i({ref:n},u))}));function c(e,n){var t=arguments,l=n&&n.mdxType;if("string"==typeof e||l){var r=t.length,i=new Array(r);i[0]=m;var p={};for(var o in n)hasOwnProperty.call(n,o)&&(p[o]=n[o]);p.originalType=e,p.mdxType="string"==typeof e?e:l,i[1]=p;for(var s=2;s<r;s++)i[s]=t[s];return a.createElement.apply(null,i)}return a.createElement.apply(null,t)}m.displayName="MDXCreateElement"},8265:function(e,n,t){t.r(n),t.d(n,{frontMatter:function(){return p},contentTitle:function(){return o},metadata:function(){return s},toc:function(){return u},default:function(){return m}});var a=t(7462),l=t(3366),r=(t(7294),t(3905)),i=["components"],p={title:"\u5e38\u7528\u5c5e\u6027",sidebar_position:3,slug:"/zh-cn/propertie"},o=void 0,s={unversionedId:"zh-cn/Properties",id:"zh-cn/Properties",isDocsHomePage:!1,title:"\u5e38\u7528\u5c5e\u6027",description:"play",source:"@site/docs/zh-cn/Properties.md",sourceDirName:"zh-cn",slug:"/zh-cn/propertie",permalink:"/document/zh-cn/propertie",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"\u5e38\u7528\u5c5e\u6027",sidebar_position:3,slug:"/zh-cn/propertie"},sidebar:"zh-cn",previous:{title:"\u57fa\u7840\u53c2\u6570",permalink:"/document/zh-cn/options"},next:{title:"\u9ad8\u7ea7\u5c5e\u6027",permalink:"/document/zh-cn/advance"}},u=[{value:"play",id:"play",children:[],level:2},{value:"pause",id:"pause",children:[],level:2},{value:"toggle",id:"toggle",children:[],level:2},{value:"seek",id:"seek",children:[],level:2},{value:"forward",id:"forward",children:[],level:2},{value:"backward",id:"backward",children:[],level:2},{value:"volume",id:"volume",children:[],level:2},{value:"url",id:"url",children:[],level:2},{value:"switchUrl",id:"switchurl",children:[],level:2},{value:"switchQuality",id:"switchquality",children:[],level:2},{value:"muted",id:"muted",children:[],level:2},{value:"currentTime",id:"currenttime",children:[],level:2},{value:"duration",id:"duration",children:[],level:2},{value:"screenshot",id:"screenshot",children:[],level:2},{value:"getDataURL",id:"getdataurl",children:[],level:2},{value:"getBlobUrl",id:"getbloburl",children:[],level:2},{value:"fullscreen",id:"fullscreen",children:[],level:2},{value:"fullscreenWeb",id:"fullscreenweb",children:[],level:2},{value:"pip",id:"pip",children:[],level:2},{value:"poster",id:"poster",children:[],level:2},{value:"mini",id:"mini",children:[],level:2},{value:"playing",id:"playing",children:[],level:2},{value:"autoSize",id:"autosize",children:[],level:2},{value:"rect",id:"rect",children:[],level:2},{value:"flip",id:"flip",children:[],level:2},{value:"rotate",id:"rotate",children:[],level:2},{value:"playbackRate",id:"playbackrate",children:[],level:2},{value:"aspectRatio",id:"aspectratio",children:[],level:2},{value:"loop",id:"loop",children:[],level:2},{value:"autoHeight",id:"autoheight",children:[],level:2},{value:"attr",id:"attr",children:[],level:2},{value:"title",id:"title",children:[],level:2},{value:"theme",id:"theme",children:[],level:2},{value:"destroy",id:"destroy",children:[],level:2}],d={toc:u};function m(e){var n=e.components,t=(0,l.Z)(e,i);return(0,r.kt)("wrapper",(0,a.Z)({},d,t,{compLine truncated
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[928],{3905:function(e,n,t){t.d(n,{Zo:function(){return u},kt:function(){return c}});var a=t(7294);function l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function r(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?r(Object(t),!0).forEach((function(n){l(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):r(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function p(e,n){if(null==e)return{};var t,a,l=function(e,n){if(null==e)return{};var t,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var o=a.createContext({}),s=function(e){var n=a.useContext(o),t=n;return e&&(t="function"==typeof e?e(n):i(i({},n),e)),t},u=function(e){var n=s(e.components);return a.createElement(o.Provider,{value:n},e.children)},d={inlineCode:"code",wrapper:function(e){var n=e.children;return a.createElement(a.Fragment,{},n)}},m=a.forwardRef((function(e,n){var t=e.components,l=e.mdxType,r=e.originalType,o=e.parentName,u=p(e,["components","mdxType","originalType","parentName"]),m=s(t),c=l,k=m["".concat(o,".").concat(c)]||m[c]||d[c]||r;return t?a.createElement(k,i(i({ref:n},u),{},{components:t})):a.createElement(k,i({ref:n},u))}));function c(e,n){var t=arguments,l=n&&n.mdxType;if("string"==typeof e||l){var r=t.length,i=new Array(r);i[0]=m;var p={};for(var o in n)hasOwnProperty.call(n,o)&&(p[o]=n[o]);p.originalType=e,p.mdxType="string"==typeof e?e:l,i[1]=p;for(var s=2;s<r;s++)i[s]=t[s];return a.createElement.apply(null,i)}return a.createElement.apply(null,t)}m.displayName="MDXCreateElement"},8265:function(e,n,t){t.r(n),t.d(n,{frontMatter:function(){return p},contentTitle:function(){return o},metadata:function(){return s},toc:function(){return u},default:function(){return m}});var a=t(7462),l=t(3366),r=(t(7294),t(3905)),i=["components"],p={title:"\u5e38\u7528\u5c5e\u6027",sidebar_position:3,slug:"/zh-cn/propertie"},o=void 0,s={unversionedId:"zh-cn/Properties",id:"zh-cn/Properties",isDocsHomePage:!1,title:"\u5e38\u7528\u5c5e\u6027",description:"play",source:"@site/docs/zh-cn/Properties.md",sourceDirName:"zh-cn",slug:"/zh-cn/propertie",permalink:"/document/zh-cn/propertie",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"\u5e38\u7528\u5c5e\u6027",sidebar_position:3,slug:"/zh-cn/propertie"},sidebar:"zh-cn",previous:{title:"\u57fa\u7840\u53c2\u6570",permalink:"/document/zh-cn/options"},next:{title:"\u9ad8\u7ea7\u5c5e\u6027",permalink:"/document/zh-cn/advance"}},u=[{value:"play",id:"play",children:[],level:2},{value:"pause",id:"pause",children:[],level:2},{value:"toggle",id:"toggle",children:[],level:2},{value:"seek",id:"seek",children:[],level:2},{value:"forward",id:"forward",children:[],level:2},{value:"backward",id:"backward",children:[],level:2},{value:"volume",id:"volume",children:[],level:2},{value:"url",id:"url",children:[],level:2},{value:"switchUrl",id:"switchurl",children:[],level:2},{value:"switchQuality",id:"switchquality",children:[],level:2},{value:"muted",id:"muted",children:[],level:2},{value:"currentTime",id:"currenttime",children:[],level:2},{value:"duration",id:"duration",children:[],level:2},{value:"screenshot",id:"screenshot",children:[],level:2},{value:"getDataURL",id:"getdataurl",children:[],level:2},{value:"getBlobUrl",id:"getbloburl",children:[],level:2},{value:"fullscreen",id:"fullscreen",children:[],level:2},{value:"fullscreenWeb",id:"fullscreenweb",children:[],level:2},{value:"pip",id:"pip",children:[],level:2},{value:"poster",id:"poster",children:[],level:2},{value:"mini",id:"mini",children:[],level:2},{value:"playing",id:"playing",children:[],level:2},{value:"autoSize",id:"autosize",children:[],level:2},{value:"rect",id:"rect",children:[],level:2},{value:"flip",id:"flip",children:[],level:2},{value:"rotate",id:"rotate",children:[],level:2},{value:"playbackRate",id:"playbackrate",children:[],level:2},{value:"aspectRatio",id:"aspectratio",children:[],level:2},{value:"loop",id:"loop",children:[],level:2},{value:"autoHeight",id:"autoheight",children:[],level:2},{value:"attr",id:"attr",children:[],level:2},{value:"title",id:"title",children:[],level:2},{value:"theme",id:"theme",children:[],level:2},{value:"destroy",id:"destroy",children:[],level:2}],d={toc:u};function m(e){var n=e.components,t=(0,l.Z)(e,i);return(0,r.kt)("wrapper",(0,a.Z)({},d,t,{compLine truncated
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[338],{3905:function(e,n,t){t.d(n,{Zo:function(){return m},kt:function(){return d}});var o=t(7294);function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function a(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?a(Object(t),!0).forEach((function(n){r(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function c(e,n){if(null==e)return{};var t,o,r=function(e,n){if(null==e)return{};var t,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var l=o.createContext({}),s=function(e){var n=o.useContext(l),t=n;return e&&(t="function"==typeof e?e(n):i(i({},n),e)),t},m=function(e){var n=s(e.components);return o.createElement(l.Provider,{value:n},e.children)},p={inlineCode:"code",wrapper:function(e){var n=e.children;return o.createElement(o.Fragment,{},n)}},u=o.forwardRef((function(e,n){var t=e.components,r=e.mdxType,a=e.originalType,l=e.parentName,m=c(e,["components","mdxType","originalType","parentName"]),u=s(t),d=r,y=u["".concat(l,".").concat(d)]||u[d]||p[d]||a;return t?o.createElement(y,i(i({ref:n},m),{},{components:t})):o.createElement(y,i({ref:n},m))}));function d(e,n){var t=arguments,r=n&&n.mdxType;if("string"==typeof e||r){var a=t.length,i=new Array(a);i[0]=u;var c={};for(var l in n)hasOwnProperty.call(n,l)&&(c[l]=n[l]);c.originalType=e,c.mdxType="string"==typeof e?e:r,i[1]=c;for(var s=2;s<a;s++)i[s]=t[s];return o.createElement.apply(null,i)}return o.createElement.apply(null,t)}u.displayName="MDXCreateElement"},8249:function(e,n,t){t.r(n),t.d(n,{frontMatter:function(){return c},contentTitle:function(){return l},metadata:function(){return s},toc:function(){return m},default:function(){return u}});var o=t(7462),r=t(3366),a=(t(7294),t(3905)),i=["components"],c={title:"Handle a single component",sidebar_position:3},l=void 0,s={unversionedId:"en/Questions/Handle single component",id:"en/Questions/Handle single component",isDocsHomePage:!1,title:"Handle a single component",description:"When we add custom components in layers, contextmenu, controls, It is best to add a name property that is used to position the DOM element of the component.",source:"@site/docs/en/Questions/Handle single component.md",sourceDirName:"en/Questions",slug:"/en/Questions/Handle single component",permalink:"/document/en/Questions/Handle single component",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Handle a single component",sidebar_position:3},sidebar:"en",previous:{title:"Add button to the controls",permalink:"/document/en/Questions/Create button in the controls"},next:{title:"How to import types",permalink:"/document/en/Questions/How to import types"}},m=[],p={toc:m};function u(e){var n=e.components,t=(0,r.Z)(e,i);return(0,a.kt)("wrapper",(0,o.Z)({},p,t,{components:n,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"When we add custom components in ",(0,a.kt)("inlineCode",{parentName:"p"},"layers"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"contextmenu"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"controls"),", It is best to add a ",(0,a.kt)("inlineCode",{parentName:"p"},"name")," property that is used to position the DOM element of the component."),(0,a.kt)("p",null,"Here are three ways to get the DOM element of the component: component method ",(0,a.kt)("inlineCode",{parentName:"p"},"mounted"),", instance method ",(0,a.kt)("inlineCode",{parentName:"p"},"query"),", recommended through ",(0,a.kt)("inlineCode",{parentName:"p"},"name")," direct acquisition."),(0,a.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n    container: '.artplayer-app',\n    url: '/assets/sample/video.mp4',\n    setting: true,\n});\n\nart.on('ready', () => {\n    art.layers.add({\n        name: 'layer1',\n        html: 'your-layer',\n        mounted: function($layer1) {\n            //\n        }\n    });\n\n    art.contextmenu.add({\n        name: 'contextmenu1',\n        html: 'your-contextmenu',\n        mounted: function($contextmenu1) {\n            //\n        }\n    });\n\n    art.controls.add({\n        name: 'control1',\n        html: 'your-control',\n        position: 'right',\n        mounted: function($control1) {\n           
Line truncated
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[338],{3905:function(e,n,t){t.d(n,{Zo:function(){return m},kt:function(){return d}});var o=t(7294);function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function a(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?a(Object(t),!0).forEach((function(n){r(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function c(e,n){if(null==e)return{};var t,o,r=function(e,n){if(null==e)return{};var t,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var s=o.createContext({}),l=function(e){var n=o.useContext(s),t=n;return e&&(t="function"==typeof e?e(n):i(i({},n),e)),t},m=function(e){var n=l(e.components);return o.createElement(s.Provider,{value:n},e.children)},u={inlineCode:"code",wrapper:function(e){var n=e.children;return o.createElement(o.Fragment,{},n)}},p=o.forwardRef((function(e,n){var t=e.components,r=e.mdxType,a=e.originalType,s=e.parentName,m=c(e,["components","mdxType","originalType","parentName"]),p=l(t),d=r,y=p["".concat(s,".").concat(d)]||p[d]||u[d]||a;return t?o.createElement(y,i(i({ref:n},m),{},{components:t})):o.createElement(y,i({ref:n},m))}));function d(e,n){var t=arguments,r=n&&n.mdxType;if("string"==typeof e||r){var a=t.length,i=new Array(a);i[0]=p;var c={};for(var s in n)hasOwnProperty.call(n,s)&&(c[s]=n[s]);c.originalType=e,c.mdxType="string"==typeof e?e:r,i[1]=c;for(var l=2;l<a;l++)i[l]=t[l];return o.createElement.apply(null,i)}return o.createElement.apply(null,t)}p.displayName="MDXCreateElement"},8249:function(e,n,t){t.r(n),t.d(n,{frontMatter:function(){return c},contentTitle:function(){return s},metadata:function(){return l},toc:function(){return m},default:function(){return p}});var o=t(7462),r=t(3366),a=(t(7294),t(3905)),i=["components"],c={title:"Handle a single component",sidebar_position:3},s=void 0,l={unversionedId:"en/Questions/Handle single component",id:"en/Questions/Handle single component",isDocsHomePage:!1,title:"Handle a single component",description:"When we add custom components in layers, contextmenu, controls, setting, It is best to add a name property that is used to position the DOM element of the component.",source:"@site/docs/en/Questions/Handle single component.md",sourceDirName:"en/Questions",slug:"/en/Questions/Handle single component",permalink:"/document/en/Questions/Handle single component",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Handle a single component",sidebar_position:3},sidebar:"en",previous:{title:"Add button to the controls",permalink:"/document/en/Questions/Create button in the controls"},next:{title:"How to import types",permalink:"/document/en/Questions/How to import types"}},m=[],u={toc:m};function p(e){var n=e.components,t=(0,r.Z)(e,i);return(0,a.kt)("wrapper",(0,o.Z)({},u,t,{components:n,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"When we add custom components in ",(0,a.kt)("inlineCode",{parentName:"p"},"layers"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"contextmenu"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"controls"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"setting"),", It is best to add a ",(0,a.kt)("inlineCode",{parentName:"p"},"name")," property that is used to position the DOM element of the component."),(0,a.kt)("p",null,"Here are three ways to get the DOM element of the component: component method ",(0,a.kt)("inlineCode",{parentName:"p"},"mounted"),", instance method ",(0,a.kt)("inlineCode",{parentName:"p"},"query"),", recommended through ",(0,a.kt)("inlineCode",{parentName:"p"},"name")," direct acquisition."),(0,a.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n    container: '.artplayer-app',\n    url: '/assets/sample/video.mp4',\n    setting: true,\n});\n\nart.on('ready', () => {\n    art.layers.add({\n        name: 'layer1',\n        html: 'your-layer',\n        mounted: function($layer1) {\n            //\n        }\n    });\n\n    art.contextmenu.add({\n        name: 'contextmenu1',\n        html: 'your-contextmenu',\n        mounted: function($contextmenu1) {\n            //\n        }\n    });\n\n    art.controls.add({\n        name: 'control1',\n        html: 'your-control',\n        positio
Line truncated
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[388],{3905:function(e,n,t){t.d(n,{Zo:function(){return s},kt:function(){return d}});var r=t(7294);function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function a(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?a(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function c(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var l=r.createContext({}),u=function(e){var n=r.useContext(l),t=n;return e&&(t="function"==typeof e?e(n):i(i({},n),e)),t},s=function(e){var n=u(e.components);return r.createElement(l.Provider,{value:n},e.children)},p={inlineCode:"code",wrapper:function(e){var n=e.children;return r.createElement(r.Fragment,{},n)}},m=r.forwardRef((function(e,n){var t=e.components,o=e.mdxType,a=e.originalType,l=e.parentName,s=c(e,["components","mdxType","originalType","parentName"]),m=u(t),d=o,y=m["".concat(l,".").concat(d)]||m[d]||p[d]||a;return t?r.createElement(y,i(i({ref:n},s),{},{components:t})):r.createElement(y,i({ref:n},s))}));function d(e,n){var t=arguments,o=n&&n.mdxType;if("string"==typeof e||o){var a=t.length,i=new Array(a);i[0]=m;var c={};for(var l in n)hasOwnProperty.call(n,l)&&(c[l]=n[l]);c.originalType=e,c.mdxType="string"==typeof e?e:o,i[1]=c;for(var u=2;u<a;u++)i[u]=t[u];return r.createElement.apply(null,i)}return r.createElement.apply(null,t)}m.displayName="MDXCreateElement"},2921:function(e,n,t){t.r(n),t.d(n,{frontMatter:function(){return c},contentTitle:function(){return l},metadata:function(){return u},toc:function(){return s},default:function(){return m}});var r=t(7462),o=t(3366),a=(t(7294),t(3905)),i=["components"],c={title:"\u5904\u7406\u5355\u4e2a\u7ec4\u4ef6",sidebar_position:3},l=void 0,u={unversionedId:"zh-cn/Questions/Handle single component",id:"zh-cn/Questions/Handle single component",isDocsHomePage:!1,title:"\u5904\u7406\u5355\u4e2a\u7ec4\u4ef6",description:"\u5f53\u6211\u4eec\u5728layers\u3001contextmenu\u3001controls\u91cc\u6dfb\u52a0\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u65f6\uff0c\u6700\u597d\u5e26\u4e0a\u4e00\u4e2a\u552f\u4e00\u7684 name \u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u4e0d\u4f46\u4f1a\u4f5c\u4e3a\u7c7b\u540d\u6dfb\u52a0\u5230 dom \u5143\u7d20\u91cc\uff0c\u8fd8\u53ef\u4ee5\u7528\u4e8e\u5feb\u901f\u5b9a\u4f4d\u5230\u7ec4\u4ef6\u3002",source:"@site/docs/zh-cn/Questions/Handle single component.md",sourceDirName:"zh-cn/Questions",slug:"/zh-cn/Questions/Handle single component",permalink:"/document/zh-cn/Questions/Handle single component",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"\u5904\u7406\u5355\u4e2a\u7ec4\u4ef6",sidebar_position:3},sidebar:"zh-cn",previous:{title:"\u5728\u63a7\u5236\u680f\u6dfb\u52a0\u6309\u94ae",permalink:"/document/zh-cn/Questions/Create button in the controls"},next:{title:"\u5982\u4f55\u5bfc\u5165\u7c7b\u578b",permalink:"/document/zh-cn/Questions/How to import types"}},s=[],p={toc:s};function m(e){var n=e.components,t=(0,o.Z)(e,i);return(0,a.kt)("wrapper",(0,r.Z)({},p,t,{components:n,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"\u5f53\u6211\u4eec\u5728",(0,a.kt)("inlineCode",{parentName:"p"},"layers"),"\u3001",(0,a.kt)("inlineCode",{parentName:"p"},"contextmenu"),"\u3001",(0,a.kt)("inlineCode",{parentName:"p"},"controls"),"\u91cc\u6dfb\u52a0\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u65f6\uff0c\u6700\u597d\u5e26\u4e0a\u4e00\u4e2a\u552f\u4e00\u7684 ",(0,a.kt)("inlineCode",{parentName:"p"},"name")," \u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u4e0d\u4f46\u4f1a\u4f5c\u4e3a\u7c7b\u540d\u6dfb\u52a0\u5230 dom \u5143\u7d20\u91cc\uff0c\u8fd8\u53ef\u4ee5\u7528\u4e8e\u5feb\u901f\u5b9a\u4f4d\u5230\u7ec4\u4ef6\u3002"),(0,a.kt)("p",null,"\u8fd9\u91cc\u6709\u4e09\u79cd\u65b9\u6cd5\u83b7\u53d6\u7ec4\u4ef6\u7684dom\u5143\u7d20\uff1a\u7ec4\u4ef6\u65b9\u6cd5 ",(0,a.kt)("inlineCode",{parentName:"p"},"mounted"),"\u3001\u5b9e\u4f8b\u65b9\u6cd5 ",(0,a.kt)("inlineCode",{parentName:"p"},"query"),"\u3001\u63a8\u8350\u901a\u8fc7 ",(0,a.kt)("inlineCode",{parentName:"p"},"name")," \u76f4\u63a5\u83b7\u53d6"),(0,a.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"var art = new ArtLine truncated
Author	SHA1	Message	Date
Harvey	26fedfa3d1	4.3.9	2022-04-27 11:14:22 +08:00
Harvey	b60326491e	remove autoPlayback from mobile demo	2022-04-27 11:07:53 +08:00
Harvey	9611bc8a0c	add INDICATOR_SIZE_MOBILE_ICON	2022-04-27 10:48:57 +08:00
Harvey	fc3abd7d1d	separate variable constants	2022-04-27 10:42:07 +08:00
Harvey	57a14f63ac	add indicatorGestureInit	2022-04-27 09:45:47 +08:00
Harvey	99ba0f6131	update mobile style	2022-04-26 18:49:19 +08:00
Harvey	d4c67a8a7d	update indicatorSize	2022-04-26 18:41:17 +08:00
Harvey	69d97f4d77	update getPosFromEventMobile	2022-04-26 18:22:06 +08:00
Harvey	e862f8d56c	add getPosFromEventMobile	2022-04-26 18:21:24 +08:00
Harvey	8549661327	update touchmove event	2022-04-26 17:52:15 +08:00
Harvey	3a3c21e059	update touchmove event	2022-04-26 17:50:17 +08:00
Harvey	49aedb0026	update style	2022-04-26 17:31:07 +08:00
Harvey	b86fb446b0	add autoOrientation state	2022-04-26 17:23:42 +08:00
Harvey	b292b769bd	add autoOrientation	2022-04-26 17:23:42 +08:00
Harvey	4539a46a82	update setting	2022-04-26 13:23:25 +08:00
Harvey	df375808d9	update build-sw.js	2022-04-26 12:21:03 +08:00
Harvey	7e58717e07	add build-sw.js	2022-04-26 11:53:11 +08:00
dependabot[bot]	be88f55657	Bump @rollup/plugin-commonjs from 21.1.0 to 22.0.0 Bumps [@rollup/plugin-commonjs](https://github.com/rollup/plugins/tree/HEAD/packages/commonjs) from 21.1.0 to 22.0.0. - [Release notes](https://github.com/rollup/plugins/releases) - [Changelog](https://github.com/rollup/plugins/blob/master/packages/commonjs/CHANGELOG.md) - [Commits](https://github.com/rollup/plugins/commits/commonjs-v22.0.0/packages/commonjs) --- updated-dependencies: - dependency-name: "@rollup/plugin-commonjs" dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2022-04-26 09:05:17 +08:00
Harvey Zack	9aae64d5cf	4.3.8	2022-04-25 22:15:56 +08:00
Harvey Zack	c9e45567ab	bugfix	2022-04-25 22:11:46 +08:00
Harvey Zack	3d37b5e056	update	2022-04-25 22:11:46 +08:00
Harvey	e0ddedaff5	Fix autoPlayback ready	2022-04-25 16:14:12 +08:00
Harvey	65fcc3d128	Fix autoPlayback event	2022-04-25 16:09:24 +08:00
Harvey	9a68d13e1c	typo: clean -> clear	2022-04-25 16:02:54 +08:00
Harvey	c134be8c75	add autoPlayback clear function	2022-04-25 15:55:54 +08:00
Harvey	e490c65f99	update docs	2022-04-25 15:43:09 +08:00
Harvey	429753aa6e	add autoPlayback	2022-04-25 15:38:26 +08:00
Harvey Zack	b46dacd353	update i18n	2022-04-25 15:38:26 +08:00
Harvey Zack	59d19b67c7	add autoPlayback	2022-04-25 15:38:26 +08:00
Harvey Zack	07edda2e22	add subtitle outline style	2022-04-23 17:15:14 +08:00
Harvey Zack	d08ceb3855	Delete artplayer.png	2022-04-23 10:54:33 +08:00
Harvey Zack	f8abfabe17	Update README.md	2022-04-23 10:54:20 +08:00
Harvey Zack	7014cc8e4d	Add files via upload	2022-04-23 10:53:54 +08:00
Harvey Zack	e4e05eb4b3	Add files via upload	2022-04-23 10:51:32 +08:00
Harvey Zack	8e995dd2b6	Update README.md	2022-04-23 10:49:27 +08:00
Harvey Zack	a9bdf0729f	Add files via upload	2022-04-23 10:46:40 +08:00
Harvey Zack	b0a5c2df1c	Create mobile.js	2022-04-23 10:33:19 +08:00
Harvey	87e7b87a1f	add lock state	2022-04-23 09:10:28 +08:00
Harvey	6972cd49af	4.3.7	2022-04-22 16:44:54 +08:00
Harvey	13bccc4cbf	update docs	2022-04-22 16:38:21 +08:00
Harvey	a58e0139b5	Merge branch 'lock'	2022-04-22 16:32:02 +08:00
Harvey	aaeaf87bc2	Fix lock style	2022-04-22 16:30:25 +08:00
Harvey	b22906e0fa	add lock	2022-04-22 16:25:51 +08:00
Harvey	f08c4767c2	update	2022-04-22 16:25:51 +08:00
Harvey	4a9d98ac4d	Create lock.js	2022-04-22 16:25:51 +08:00
Harvey	c4c89ac2b2	add lock	2022-04-22 16:25:28 +08:00
Harvey	39a16f8c36	update	2022-04-22 15:41:49 +08:00
Harvey	f1310a3148	Create lock.js	2022-04-22 13:50:41 +08:00
Harvey	0ed695a899	update docs	2022-04-22 11:19:24 +08:00
Harvey	9e90028be6	update docs	2022-04-22 10:57:06 +08:00
Harvey	03fcc89abf	add readyCallback	2022-04-21 17:49:12 +08:00
Harvey	92393357c7	4.3.6	2022-04-21 17:25:10 +08:00
Harvey	225eea4158	4.3.5	2022-04-21 17:15:22 +08:00
Harvey	9697a61526	add dblclick event	2022-04-21 17:05:01 +08:00
Harvey	6ad6e8fddc	update docs	2022-04-21 16:14:34 +08:00
Harvey	c709b5d7db	update mask mobile style	2022-04-21 16:02:03 +08:00
dependabot[bot]	1191909961	Bump glob from 7.2.0 to 8.0.1 Bumps [glob](https://github.com/isaacs/node-glob) from 7.2.0 to 8.0.1. - [Release notes](https://github.com/isaacs/node-glob/releases) - [Changelog](https://github.com/isaacs/node-glob/blob/main/changelog.md) - [Commits](https://github.com/isaacs/node-glob/compare/v7.2.0...v8.0.1) --- updated-dependencies: - dependency-name: glob dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2022-04-12 09:16:08 +08:00
Harvey	54882b4e25	4.3.4	2022-03-23 18:14:49 +08:00
Harvey	2a5913c658	update style	2022-03-23 17:22:12 +08:00
Harvey	b3e3d2fe62	add setting to mobile demo	2022-03-23 17:09:07 +08:00
Harvey	d43057c8af	add mobile playsInline	2022-03-23 16:44:01 +08:00
dependabot[bot]	cc39bed24d	Bump @mdx-js/react from 1.6.22 to 2.1.0 Bumps [@mdx-js/react](https://github.com/mdx-js/mdx/tree/HEAD/packages/react) from 1.6.22 to 2.1.0. - [Release notes](https://github.com/mdx-js/mdx/releases) - [Changelog](https://github.com/mdx-js/mdx/blob/main/changelog.md) - [Commits](https://github.com/mdx-js/mdx/commits/2.1.0/packages/react) --- updated-dependencies: - dependency-name: "@mdx-js/react" dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2022-03-19 21:05:33 +08:00
zhw2590582	146a8c0256	4.3.3	2022-03-16 23:01:07 +08:00
zhw2590582	c0321f660c	4.3.2	2022-03-16 22:49:04 +08:00
zhw2590582	3b365b7933	update mobile demo	2022-03-16 22:35:08 +08:00
zhw2590582	7db6cb7ef4	Update mobile.html	2022-03-16 22:25:10 +08:00
zhw2590582	fbe6df0939	Update mobile.html	2022-03-16 22:22:09 +08:00
zhw2590582	b88e3be378	Update index.js	2022-03-16 22:20:13 +08:00
zhw2590582	4f10486987	add playsInline option	2022-03-16 22:02:28 +08:00
Harvey	b284381534	update demo	2022-03-11 13:42:08 +08:00
Harvey	5471464dae	update gestureInit	2022-03-10 18:42:50 +08:00
Harvey	0f388c5173	update gestureInit	2022-03-10 18:40:12 +08:00
Harvey	8898ab0078	update mobile demo	2022-03-10 18:33:42 +08:00
Harvey	56df5ad1e7	up[date gestureInit	2022-03-10 18:28:07 +08:00
Harvey	3a3246ee3f	update gestureInit	2022-03-10 18:22:40 +08:00
Harvey	b4500e701f	remove bilingual	2022-03-10 09:48:32 +08:00
Harvey	5defc28505	Update index.js	2022-03-10 09:40:07 +08:00
Harvey	30a0dff4e8	Merge branch 'master' of https://github.com/zhw2590582/ArtPlayer	2022-03-10 09:25:00 +08:00
Harvey	4bc97c5d37	update sample files	2022-03-10 09:24:24 +08:00
zhw2590582	1684c2c7e6	Create SourceHanSansCN-Medium.otf	2022-03-09 20:53:39 +08:00
zhw2590582	d43e4540fb	update JavascriptSubtitlesOctopus	2022-03-09 20:43:47 +08:00
Harvey	08a29d5cb0	Create subtitles-octopus-worker-legacy.js	2022-03-07 14:35:10 +08:00
Harvey	da5e4de861	add JavascriptSubtitlesOctopus to demo	2022-03-07 14:32:50 +08:00
Harvey	fccfd63022	add thumbnails	2022-03-04 10:07:39 +08:00
Harvey	a65596de3e	Merge branch 'master' of https://github.com/zhw2590582/ArtPlayer	2022-03-03 14:51:37 +08:00
Harvey	060bed6e72	Create vite.test.vue	2022-03-03 14:51:34 +08:00
dependabot[bot]	67565203bb	Bump @rollup/plugin-replace from 3.1.0 to 4.0.0 Bumps [@rollup/plugin-replace](https://github.com/rollup/plugins/tree/HEAD/packages/replace) from 3.1.0 to 4.0.0. - [Release notes](https://github.com/rollup/plugins/releases) - [Changelog](https://github.com/rollup/plugins/blob/master/packages/replace/CHANGELOG.md) - [Commits](https://github.com/rollup/plugins/commits/url-v4.0.0/packages/replace) --- updated-dependencies: - dependency-name: "@rollup/plugin-replace" dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-24 10:41:23 +08:00
Harvey	3bf4db8529	update docs	2022-02-14 10:09:58 +08:00
Harvey	5a6a92806c	update ts	2022-02-14 09:57:38 +08:00
Harvey	ce677ef602	4.3.1	2022-02-14 09:49:49 +08:00
Harvey	222f786b88	update	2022-02-14 09:38:14 +08:00
zhw2590582	4420bcaf9b	4.3.0	2022-02-12 09:35:28 +08:00
zhw2590582	32361e62f5	update docs	2022-02-11 21:15:51 +08:00
zhw2590582	62c2e42940	update docs	2022-02-11 21:11:37 +08:00
zhw2590582	e79d96f8f8	update setting	2022-02-11 20:48:44 +08:00
zhw2590582	c9040e5eec	Fix some notice	2022-02-11 20:40:25 +08:00
zhw2590582	1de2d2aaed	update setting	2022-02-11 20:23:27 +08:00
Harvey	81ba45adf9	update setting	2022-02-11 18:24:18 +08:00
Harvey	018b556d6b	update setting	2022-02-11 18:20:35 +08:00
Harvey	5bd2de4179	update demo	2022-02-11 18:03:48 +08:00
Harvey	fd836ec10f	update setting	2022-02-11 17:54:36 +08:00
Harvey	12047d90ef	update setting	2022-02-11 17:33:35 +08:00
Harvey	0616d944c5	update setting	2022-02-11 17:02:56 +08:00
Harvey	7976cc42fe	update setting	2022-02-11 16:23:02 +08:00
Harvey	36f295aebb	update setting	2022-02-11 15:45:23 +08:00
Harvey	97b5d52a89	Update index.js	2022-02-11 15:35:38 +08:00
Harvey	c0ed71881b	update docs	2022-02-11 15:33:28 +08:00
Harvey	7b0dd9618d	add flip in menu	2022-02-11 14:09:49 +08:00
Harvey	ad382b1569	update setting	2022-02-11 13:56:43 +08:00
Harvey	a56553c6f6	update setting	2022-02-11 13:47:44 +08:00
Harvey	292516ab89	update docs	2022-02-11 13:26:41 +08:00
Harvey	f7f4899926	Update mobile.js	2022-02-11 12:56:27 +08:00
Harvey	936617707f	update type	2022-02-11 12:55:21 +08:00
Harvey	aac95549cb	update style	2022-02-11 12:47:45 +08:00
Harvey	8833c310e2	update docs	2022-02-11 12:40:48 +08:00
Harvey	81e107d7ef	update demo	2022-02-11 12:36:17 +08:00
Harvey	fe88ab30d3	update docs	2022-02-11 12:23:52 +08:00
Harvey	d9cad3ef85	bugfix	2022-02-11 11:53:57 +08:00
Harvey	d9f23c40c6	Update package.json	2022-02-11 11:26:04 +08:00
Harvey	6c2c2529ce	update	2022-02-11 11:20:54 +08:00
Harvey	7bb8c3d0e5	update	2022-02-11 11:20:54 +08:00
Harvey	17f79d0b22	update	2022-02-11 11:20:54 +08:00
Harvey	4d66a8538d	update	2022-02-11 11:20:54 +08:00
Harvey	5e9057f060	update	2022-02-11 11:20:54 +08:00
Harvey	b80a30bcc0	update	2022-02-11 11:20:54 +08:00
Harvey	a2b02f44cc	update	2022-02-11 11:20:54 +08:00
Harvey	646e7401b7	update	2022-02-11 11:20:54 +08:00
Harvey	fd8e763ae6	update	2022-02-11 11:20:54 +08:00
Harvey	2d57f6d6d1	update	2022-02-11 11:20:54 +08:00
Harvey	5d97a622bb	update	2022-02-11 11:20:54 +08:00
Harvey	8398305d6a	update	2022-02-11 11:20:54 +08:00
Harvey	c7a60b1084	update	2022-02-11 11:20:54 +08:00
Harvey	80085a1671	update	2022-02-11 11:20:54 +08:00
Harvey	9b10020ba0	update	2022-02-11 11:20:54 +08:00
Harvey	946ca45202	update	2022-02-11 11:20:54 +08:00
Harvey	030913dc48	update	2022-02-11 11:20:54 +08:00
Harvey	eaeb74ef7a	update	2022-02-11 11:20:54 +08:00
Harvey	54ad5c04bb	update	2022-02-11 11:20:54 +08:00
Harvey	96839016ba	update	2022-02-11 11:20:54 +08:00
Harvey	bc0df8e60c	update	2022-02-11 11:20:54 +08:00
Harvey	598ec8410d	update	2022-02-11 11:20:54 +08:00
Harvey	fedbf3b6f7	update	2022-02-11 11:20:54 +08:00
Harvey	dabfb2b8c8	update	2022-02-11 11:20:54 +08:00
Harvey	814a02d14a	update	2022-02-11 11:20:54 +08:00
Harvey	21228216f9	update	2022-02-11 11:20:54 +08:00
Harvey	548334eb0b	update	2022-02-11 11:20:54 +08:00
Harvey	8e9ff63493	update	2022-02-11 11:20:54 +08:00
Harvey	7d01ce5506	update	2022-02-11 11:20:54 +08:00
Harvey	fa0f049a4e	update	2022-02-11 11:20:54 +08:00
Harvey	a3cdd42920	update	2022-02-11 11:20:54 +08:00
Harvey	1101ce0ba9	update	2022-02-11 11:20:54 +08:00
Harvey	aaa5934790	update	2022-02-11 11:20:54 +08:00
Harvey	fc37573482	update	2022-02-11 11:20:54 +08:00
Harvey Zack	bc778a4d07	Merge pull request #224 from zhw2590582/dependabot/npm_and_yarn/mdx-js/react-2.0.0 Bump @mdx-js/react from 1.6.22 to 2.0.0	2022-02-02 10:26:13 +08:00
dependabot[bot]	a35eeab85b	Bump @mdx-js/react from 1.6.22 to 2.0.0 Bumps [@mdx-js/react](https://github.com/mdx-js/mdx/tree/HEAD/packages/react) from 1.6.22 to 2.0.0. - [Release notes](https://github.com/mdx-js/mdx/releases) - [Changelog](https://github.com/mdx-js/mdx/blob/main/changelog.md) - [Commits](https://github.com/mdx-js/mdx/commits/2.0.0/packages/react) --- updated-dependencies: - dependency-name: "@mdx-js/react" dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2022-02-01 19:19:49 +00:00
Harvey Zack	e0ec28a2a8	Merge pull request #219 from zhw2590582/dependabot/npm_and_yarn/docusaurus/core-2.0.0-beta.15 Bump @docusaurus/core from 2.0.0-beta.14 to 2.0.0-beta.15	2022-01-29 16:10:32 +08:00
Harvey Zack	58123a902c	Merge branch 'master' into dependabot/npm_and_yarn/docusaurus/core-2.0.0-beta.15	2022-01-29 16:10:26 +08:00
Harvey Zack	33eb4c14ae	Merge pull request #220 from zhw2590582/dependabot/npm_and_yarn/docusaurus/preset-classic-2.0.0-beta.15 Bump @docusaurus/preset-classic from 2.0.0-beta.14 to 2.0.0-beta.15	2022-01-29 16:09:55 +08:00
Harvey	7edde5ce61	Update package.json	2022-01-28 11:34:17 +08:00
Harvey	f7df500186	Update package.json	2022-01-28 11:23:56 +08:00
Harvey	ef3e0dfe56	Update package.json	2022-01-28 11:13:42 +08:00
Harvey	40f4121c7d	Update package.json	2022-01-28 10:51:49 +08:00
dependabot[bot]	3df69608d4	Bump @docusaurus/preset-classic from 2.0.0-beta.14 to 2.0.0-beta.15 Bumps [@docusaurus/preset-classic](https://github.com/facebook/docusaurus/tree/HEAD/packages/docusaurus-preset-classic) from 2.0.0-beta.14 to 2.0.0-beta.15. - [Release notes](https://github.com/facebook/docusaurus/releases) - [Changelog](https://github.com/facebook/docusaurus/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/docusaurus/commits/v2.0.0-beta.15/packages/docusaurus-preset-classic) --- updated-dependencies: - dependency-name: "@docusaurus/preset-classic" dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com>	2022-01-26 19:22:15 +00:00
dependabot[bot]	0d3afc0e44	Bump @docusaurus/core from 2.0.0-beta.14 to 2.0.0-beta.15 Bumps [@docusaurus/core](https://github.com/facebook/docusaurus/tree/HEAD/packages/docusaurus) from 2.0.0-beta.14 to 2.0.0-beta.15. - [Release notes](https://github.com/facebook/docusaurus/releases) - [Changelog](https://github.com/facebook/docusaurus/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/docusaurus/commits/v2.0.0-beta.15/packages/docusaurus) --- updated-dependencies: - dependency-name: "@docusaurus/core" dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com>	2022-01-26 19:13:56 +00:00
zhw2590582	529f949470	4.2.7	2022-01-26 22:02:59 +08:00
Harvey	31367d839e	4.2.6	2022-01-18 13:29:37 +08:00
Harvey	48269aa553	Update creatRollupConfig.js	2022-01-18 13:20:16 +08:00
Harvey	92cd112aa2	update gestureInit.js	2022-01-18 13:08:58 +08:00
Harvey Zack	ae3ffc8105	Merge pull request #216 from zhw2590582/dependabot/npm_and_yarn/screenfull-6.0.1 Bump screenfull from 5.2.0 to 6.0.1	2022-01-18 09:42:36 +08:00
dependabot[bot]	4ddc9494aa	Bump screenfull from 5.2.0 to 6.0.1 Bumps [screenfull](https://github.com/sindresorhus/screenfull) from 5.2.0 to 6.0.1. - [Release notes](https://github.com/sindresorhus/screenfull/releases) - [Commits](https://github.com/sindresorhus/screenfull/compare/v5.2.0...v6.0.1) --- updated-dependencies: - dependency-name: screenfull dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2022-01-17 19:26:12 +00:00
Harvey	2684c9f229	4.2.5	2022-01-17 09:28:02 +08:00
Harvey	b3208934f4	update mobile demo	2022-01-17 09:08:33 +08:00
zhw2590582	c8cec10869	Update progress.js	2022-01-16 22:29:48 +08:00
				`@@ -1 +0,0 @@`
				"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document\|\|[]).push([[270],{3905:function(e,t,n){n.d(t,{Zo:function(){return u},kt:function(){return k}});var a=n(7294);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t){if(null==e)return{};var n,a,l=function(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0\|\|(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p=a.createContext({}),d=function(e){var t=a.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},u=function(e){var t=d(e.components);return a.createElement(p.Provider,{value:t},e.children)},m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},s=a.forwardRef((function(e,t){var n=e.components,l=e.mdxType,r=e.originalType,p=e.parentName,u=o(e,["components","mdxType","originalType","parentName"]),s=d(n),k=l,c=s["".concat(p,".").concat(k)]\|\|s[k]\|\|m[k]\|\|r;return n?a.createElement(c,i(i({ref:t},u),{},{components:n})):a.createElement(c,i({ref:t},u))}));function k(e,t){var n=arguments,l=t&&t.mdxType;if("string"==typeof e\|\|l){var r=n.length,i=new Array(r);i[0]=s;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:l,i[1]=o;for(var d=2;d<r;d++)i[d]=n[d];return a.createElement.apply(null,i)}return a.createElement.apply(null,n)}s.displayName="MDXCreateElement"},1940:function(e,t,n){n.r(t),n.d(t,{frontMatter:function(){return o},contentTitle:function(){return p},metadata:function(){return d},toc:function(){return u},default:function(){return s}});var a=n(7462),l=n(3366),r=(n(7294),n(3905)),i=["components"],o={title:"Advanced propertys",sidebar_position:4,slug:"/advance"},p=void 0,d={unversionedId:"en/Advance",id:"en/Advance",isDocsHomePage:!1,title:"Advanced propertys",description:"This page is some additional supplements to the commonly used properties, you need to read in depth to develop custom functions.",source:"@site/docs/en/Advance.md",sourceDirName:"en",slug:"/advance",permalink:"/document/advance",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Advanced propertys",sidebar_position:4,slug:"/advance"},sidebar:"en",previous:{title:"Common properties",permalink:"/document/propertie"},next:{title:"Static propertys",permalink:"/document/class"}},u=[{value:"id",id:"id",children:[],level:2},{value:"option",id:"option",children:[],level:2},{value:"isFocus",id:"isfocus",children:[],level:2},{value:"isDestroy",id:"isdestroy",children:[],level:2},{value:"whitelist",id:"whitelist",children:[],level:2},{value:"template",id:"template",children:[{value:"query",id:"query",children:[],level:3}],level:2},{value:"query",id:"query-1",children:[],level:2},{value:"events",id:"events",children:[],level:2},{value:"proxy",id:"proxy",children:[],level:2},{value:"storage",id:"storage",children:[],level:2},{value:"icons",id:"icons",children:[],level:2},{value:"i18n",id:"i18n",children:[{value:"get",id:"get",children:[],level:3},{value:"update",id:"update",children:[],level:3}],level:2},{value:"player",id:"player",children:[],level:2},{value:"subtitle",id:"subtitle",children:[{value:"show",id:"show",children:[],level:3},{value:"style",id:"style",children:[],level:3},{value:"url",id:"url",children:[],level:3},{value:"switch",id:"switch",children:[],level:3}],level:2},{value:"info",id:"info",children:[],level:2},{value:"layers",id:"layers",children:[{value:"show",id:"show-1",children:[],level:3},{value:"add",id:"add",children:[],level:3}],level:2},{value:"notice",id:"notice",children:[{value:"show",id:"show-2",children:[],level:3}],level:2},{value:"controls",id:"controls",children:[{value:"show",id:"show-3",children:[],level:3},{value:"add",id:"add-1",children:[],level:3}],level:2},{value:"contextmenu",id:"contextmenu",children:[{value:"show",id:"show-4",children:[],level:3},{value:"add",id:"add-2",children:[],level:3}],level:2},{value:"loading",id:"loading",children:[{value:"show",id:"show-5",children:[],level:3}],level:2},{value:"mask",id:"mask",children:[{value:"show",id:"show-6",children:[],level:3}],level:2},{value:"hotkey",id:"hotkey",children:[{value:"addLine truncated
				`@@ -0,0 +1 @@`
				"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document\|\|[]).push([[270],{3905:function(e,t,n){n.d(t,{Zo:function(){return u},kt:function(){return k}});var a=n(7294);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t){if(null==e)return{};var n,a,l=function(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0\|\|(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p=a.createContext({}),d=function(e){var t=a.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},u=function(e){var t=d(e.components);return a.createElement(p.Provider,{value:t},e.children)},m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},s=a.forwardRef((function(e,t){var n=e.components,l=e.mdxType,r=e.originalType,p=e.parentName,u=o(e,["components","mdxType","originalType","parentName"]),s=d(n),k=l,c=s["".concat(p,".").concat(k)]\|\|s[k]\|\|m[k]\|\|r;return n?a.createElement(c,i(i({ref:t},u),{},{components:n})):a.createElement(c,i({ref:t},u))}));function k(e,t){var n=arguments,l=t&&t.mdxType;if("string"==typeof e\|\|l){var r=n.length,i=new Array(r);i[0]=s;var o={};for(var p in t)hasOwnProperty.call(t,p)&&(o[p]=t[p]);o.originalType=e,o.mdxType="string"==typeof e?e:l,i[1]=o;for(var d=2;d<r;d++)i[d]=n[d];return a.createElement.apply(null,i)}return a.createElement.apply(null,n)}s.displayName="MDXCreateElement"},1940:function(e,t,n){n.r(t),n.d(t,{frontMatter:function(){return o},contentTitle:function(){return p},metadata:function(){return d},toc:function(){return u},default:function(){return s}});var a=n(7462),l=n(3366),r=(n(7294),n(3905)),i=["components"],o={title:"Advanced propertys",sidebar_position:4,slug:"/advance"},p=void 0,d={unversionedId:"en/Advance",id:"en/Advance",isDocsHomePage:!1,title:"Advanced propertys",description:"This page is some additional supplements to the commonly used properties, you need to read in depth to develop custom functions.",source:"@site/docs/en/Advance.md",sourceDirName:"en",slug:"/advance",permalink:"/document/advance",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Advanced propertys",sidebar_position:4,slug:"/advance"},sidebar:"en",previous:{title:"Common properties",permalink:"/document/propertie"},next:{title:"Static propertys",permalink:"/document/class"}},u=[{value:"id",id:"id",children:[],level:2},{value:"option",id:"option",children:[],level:2},{value:"isFocus",id:"isfocus",children:[],level:2},{value:"isDestroy",id:"isdestroy",children:[],level:2},{value:"whitelist",id:"whitelist",children:[],level:2},{value:"template",id:"template",children:[{value:"query",id:"query",children:[],level:3}],level:2},{value:"query",id:"query-1",children:[],level:2},{value:"events",id:"events",children:[],level:2},{value:"proxy",id:"proxy",children:[],level:2},{value:"storage",id:"storage",children:[],level:2},{value:"icons",id:"icons",children:[],level:2},{value:"i18n",id:"i18n",children:[{value:"get",id:"get",children:[],level:3},{value:"update",id:"update",children:[],level:3}],level:2},{value:"player",id:"player",children:[],level:2},{value:"subtitle",id:"subtitle",children:[{value:"show",id:"show",children:[],level:3},{value:"style",id:"style",children:[],level:3},{value:"url",id:"url",children:[],level:3},{value:"switch",id:"switch",children:[],level:3}],level:2},{value:"info",id:"info",children:[],level:2},{value:"layers",id:"layers",children:[{value:"show",id:"show-1",children:[],level:3},{value:"add",id:"add",children:[],level:3}],level:2},{value:"notice",id:"notice",children:[{value:"show",id:"show-2",children:[],level:3}],level:2},{value:"controls",id:"controls",children:[{value:"show",id:"show-3",children:[],level:3},{value:"add",id:"add-1",children:[],level:3}],level:2},{value:"contextmenu",id:"contextmenu",children:[{value:"show",id:"show-4",children:[],level:3},{value:"add",id:"add-2",children:[],level:3}],level:2},{value:"loading",id:"loading",children:[{value:"show",id:"show-5",children:[],level:3}],level:2},{value:"mask",id:"mask",children:[{value:"show",id:"show-6",children:[],level:3}],level:2},{value:"hotkey",id:"hotkey",children:[{value:"addLine truncated