ArtPlayer/docs/document/assets/js/935f2afb.f413d2c2.js

"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[53],{1109:function(e){e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"en":[{"type":"link","label":"Quick start","href":"/document/","docId":"en/Overview"},{"type":"link","label":"Basic options","href":"/document/options","docId":"en/Options"},{"type":"link","label":"Common properties","href":"/document/propertie","docId":"en/Properties"},{"type":"link","label":"Advanced propertys","href":"/document/advance","docId":"en/Advance"},{"type":"link","label":"Static propertys","href":"/document/class","docId":"en/Class"},{"type":"link","label":"Common events","href":"/document/events","docId":"en/Events"},{"type":"link","label":"Third party librarys","href":"/document/libraries","docId":"en/Libraries"},{"type":"category","label":"Official plugins","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Danmuku plugin","href":"/document/en/Plugins/danmuku","docId":"en/Plugins/danmuku"}]},{"type":"category","label":"Common problems","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Add select in the controls","href":"/document/en/Questions/Create_selector_in_the_controls","docId":"en/Questions/Create_selector_in_the_controls"},{"type":"link","label":"Add button to the controls","href":"/document/en/Questions/Create_button_in_the_controls","docId":"en/Questions/Create_button_in_the_controls"},{"type":"link","label":"Handle a single component","href":"/document/en/Questions/Handle_single_component","docId":"en/Questions/Handle_single_component"},{"type":"link","label":"How to import types","href":"/document/en/Questions/How_to_import_types","docId":"en/Questions/How_to_import_types"},{"type":"link","label":"How to add video ads","href":"/document/en/Questions/How_to_add_video_ads","docId":"en/Questions/How_to_add_video_ads"},{"type":"link","label":"How to add setting panel","href":"/document/en/Questions/How_to_add_setting_panel","docId":"en/Questions/How_to_add_setting_panel"},{"type":"link","label":"Use with React Portal","href":"/document/en/Questions/Use_with_react_portal","docId":"en/Questions/Use_with_react_portal"}]}],"zh-cn":[{"type":"link","label":"\u5feb\u901f\u4e0a\u624b","href":"/document/zh-cn","docId":"zh-cn/Overview"},{"type":"link","label":"\u57fa\u7840\u53c2\u6570","href":"/document/zh-cn/options","docId":"zh-cn/Options"},{"type":"link","label":"\u5e38\u7528\u5c5e\u6027","href":"/document/zh-cn/propertie","docId":"zh-cn/Properties"},{"type":"link","label":"\u9ad8\u7ea7\u5c5e\u6027","href":"/document/zh-cn/advance","docId":"zh-cn/Advance"},{"type":"link","label":"\u9759\u6001\u5c5e\u6027","href":"/document/zh-cn/class","docId":"zh-cn/Class"},{"type":"link","label":"\u5b9e\u4f8b\u4e8b\u4ef6","href":"/document/zh-cn/events","docId":"zh-cn/Events"},{"type":"link","label":"\u7b2c\u4e09\u65b9\u5e93","href":"/document/zh-cn/libraries","docId":"zh-cn/Libraries"},{"type":"category","label":"\u5b98\u65b9\u63d2\u4ef6","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"\u5f39\u5e55\u5e93\u63d2\u4ef6","href":"/document/zh-cn/Plugins/danmuku","docId":"zh-cn/Plugins/danmuku"}]},{"type":"category","label":"\u5e38\u89c1\u95ee\u9898","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"\u5728\u63a7\u5236\u680f\u6dfb\u52a0\u5217\u8868","href":"/document/zh-cn/Questions/Create_selector_in_the_controls","docId":"zh-cn/Questions/Create_selector_in_the_controls"},{"type":"link","label":"\u5728\u63a7\u5236\u680f\u6dfb\u52a0\u6309\u94ae","href":"/document/zh-cn/Questions/Create_button_in_the_controls","docId":"zh-cn/Questions/Create_button_in_the_controls"},{"type":"link","label":"\u5904\u7406\u5355\u4e2a\u7ec4\u4ef6","href":"/document/zh-cn/Questions/Handle_single_component","docId":"zh-cn/Questions/Handle_single_component"},{"type":"link","label":"\u5982\u4f55\u5bfc\u5165\u7c7b\u578b","href":"/document/zh-cn/Questions/How_to_import_types","docId":"zh-cn/Questions/How_to_import_types"},{"type":"link","label":"\u5982\u4f55\u6dfb\u52a0\u89c6\u9891\u5e7f\u544a","href":"/document/zh-cn/Questions/How_to_add_video_ads","docId":"zh-cn/Questions/How_to_add_video_ads"},{"type":"link","label":"\u600e\u4e48\u6dfb\u52a0\u8bbe\u7f6e\u9762\u677f","href":"/document/zh-cn/Questions/How_to_add_setting_panel","docId":"zh-cn/Questions/How_to_add_setting_panel"},{"type":"link","label":"\u4e0e React Portal \u4f7f\u7528","href":"/document/zh-cn/Questions/Use_with_react_portal","docId":"zh-cn/Questions/Use_with_react_portal"}]}]},"docs":{"en/Advance":{"id":"en/Advance","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.","sidebar":"en"},"en/Class":{"id":"en/Class","title":"Static propertys","description":"Static attributes exist in the constructor artplayer, and the player instance is not directly associated","sidebar":"en"},"en/Events":{"id":"en/Events","title":"Common events","description":"The event of the player is divided into two, a native event of a video, and another is a custom event. The native event comes from Video Elements, is the original event of the Video Element, in order to distinguish it and custom events, the native event adds a prefix video:","sidebar":"en"},"en/Libraries":{"id":"en/Libraries","title":"Third party librarys","description":"flv.js","sidebar":"en"},"en/Options":{"id":"en/Options","title":"Basic options","description":"container","sidebar":"en"},"en/Overview":{"id":"en/Overview","title":"Quick start","description":"Install","sidebar":"en"},"en/Plugins/danmuku":{"id":"en/Plugins/danmuku","title":"Danmuku plugin","description":"Demo","sidebar":"en"},"en/Properties":{"id":"en/Properties","title":"Common properties","description":"play","sidebar":"en"},"en/Questions/Create_button_in_the_controls":{"id":"en/Questions/Create_button_in_the_controls","title":"Add button to the controls","description":"\u25b6 Run Code","sidebar":"en"},"en/Questions/Create_selector_in_the_controls":{"id":"en/Questions/Create_selector_in_the_controls","title":"Add select in the controls","description":"Sometimes you need to add a list in the controls, then you can use the selector and onSelect attribute when adding controls","sidebar":"en"},"en/Questions/Handle_single_component":{"id":"en/Questions/Handle_single_component","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.","sidebar":"en"},"en/Questions/How_to_add_setting_panel":{"id":"en/Questions/How_to_add_setting_panel","title":"How to add setting panel","description":"Settings panels are similar to a collection of list selections, and support multi-layer nested","sidebar":"en"},"en/Questions/How_to_add_video_ads":{"id":"en/Questions/How_to_add_video_ads","title":"How to add video ads","description":"Video ads play before main video playback, support multiple video ads","sidebar":"en"},"en/Questions/How_to_import_types":{"id":"en/Questions/How_to_import_types","title":"How to import types","description":"Sometimes you lose TypeScript syntax prompt, then you can import types manually","sidebar":"en"},"en/Questions/Use_with_react_portal":{"id":"en/Questions/Use_with_react_portal","title":"Use with React Portal","description":"It is also very easy to use React Components in layers, contextmenu, controls. Handle more complex logic through ReactDOM.createPortal.","sidebar":"en"},"zh-cn/Advance":{"id":"zh-cn/Advance","title":"\u9ad8\u7ea7\u5c5e\u6027","description":"\u8fd9\u9875\u9762\u662f\u5bf9\u5e38\u7528\u5c5e\u6027\u7684\u4e00\u4e9b\u989d\u5916\u8865\u5145\uff0c\u9700\u8981\u6df1\u5165\u5f00\u53d1\u81ea\u5b9a\u4e49\u529f\u80fd\u65f6\u624d\u9700\u8981\u9605\u8bfb","sidebar":"zh-cn"},"zh-cn/Class":{"id":"zh-cn/Class","title":"\u9759\u6001\u5c5e\u6027","description":"\u9759\u6001\u5c5e\u6027\u5b58\u5728\u4e8e\u6784\u9020\u51fd\u6570 Artplayer \u4e0a\uff0c\u548c\u64ad\u653e\u5668\u5b9e\u4f8b\u6ca1\u6709\u76f4\u63a5\u5173\u8054","sidebar":"zh-cn"},"zh-cn/Events":{"id":"zh-cn/Events","title":"\u5b9e\u4f8b\u4e8b\u4ef6","description":"\u64ad\u653e\u5668\u7684\u4e8b\u4ef6\u5206\u4e3a\u4e24\u79cd\uff0c\u4e00\u79cd\u89c6\u9891\u7684\u539f\u751f\u4e8b\u4ef6\uff0c\u53e6\u5916\u4e00\u79cd\u662f\u81ea\u5b9a\u4e49\u7684\u4e8b\u4ef6\u3002\u539f\u751f\u4e8b\u4ef6\u6765\u81ea video \u5143\u7d20\uff0c\u662f\u76f4\u63a5\u76d1\u542cvideo\u5143\u7d20\u7684\u539f\u59cb\u4e8b\u4ef6\uff0c\u4e3a\u4e86\u8ba9\u5b83\u548c\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u533a\u5206\uff0c\u539f\u751f\u4e8b\u4ef6\u6dfb\u52a0\u4e86\u524d\u7f00 video:","sidebar":"zh-cn"},"zh-cn/Libraries":{"id":"zh-cn/Libraries","title":"\u7b2c\u4e09\u65b9\u5e93","description":"flv.js","sidebar":"zh-cn"},"zh-cn/Options":{"id":"zh-cn/Options","title":"\u57fa\u7840\u53c2\u6570","description":"container","sidebar":"zh-cn"},"zh-cn/Overview":{"id":"zh-cn/Overview","title":"\u5feb\u901f\u4e0a\u624b","description":"\u5b89\u88c5","sidebar":"zh-cn"},"zh-cn/Plugins/danmuku":{"id":"zh-cn/Plugins/danmuku","title":"\u5f39\u5e55\u5e93\u63d2\u4ef6","description":"\u6f14\u793a","sidebar":"zh-cn"},"zh-cn/Properties":{"id":"zh-cn/Properties","title":"\u5e38\u7528\u5c5e\u6027","description":"play","sidebar":"zh-cn"},"zh-cn/Questions/Create_button_in_the_controls":{"id":"zh-cn/Questions/Create_button_in_the_controls","title":"\u5728\u63a7\u5236\u680f\u6dfb\u52a0\u6309\u94ae","description":"\u6709\u65f6\u4f60\u9700\u8981\u5728\u63a7\u5236\u680f\u6dfb\u52a0\u6309\u94ae\uff0c\u5982\u5f00\u5173\u6309\u94ae\u6216\u8005\u5355\u9009\u6309\u94ae\u7b49\u7b49\uff0c\u4f60\u751a\u81f3\u53ef\u4ee5\u4f7f\u7528\u7b2c\u4e09\u65b9\u7684\u6837\u5f0f\u5e93\u5982 bootstrap","sidebar":"zh-cn"},"zh-cn/Questions/Create_selector_in_the_controls":{"id":"zh-cn/Questions/Create_selector_in_the_controls","title":"\u5728\u63a7\u5236\u680f\u6dfb\u52a0\u5217\u8868","description":"\u6709\u65f6\u4f60\u9700\u8981\u5728\u63a7\u5236\u680f\u6dfb\u52a0\u5217\u8868\uff0c\u90a3\u4e48\u4f60\u53ef\u4ee5\u5728\u6dfb\u52a0\u63a7\u4ef6\u7684\u65f6\u5019\u4f7f\u7528 selector \u548c onSelect \u5c5e\u6027","sidebar":"zh-cn"},"zh-cn/Questions/Handle_single_component":{"id":"zh-cn/Questions/Handle_single_component","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","sidebar":"zh-cn"},"zh-cn/Questions/How_to_add_setting_panel":{"id":"zh-cn/Questions/How_to_add_setting_panel","title":"\u600e\u4e48\u6dfb\u52a0\u8bbe\u7f6e\u9762\u677f","description":"\u8bbe\u7f6e\u9762\u677f\u7c7b\u4f3c\u4e8e\u5217\u8868\u9009\u62e9\u7684\u96c6\u5408\uff0c\u800c\u4e14\u652f\u6301\u591a\u5c42\u5d4c\u5957","sidebar":"zh-cn"},"zh-cn/Questions/How_to_add_video_ads":{"id":"zh-cn/Questions/How_to_add_video_ads","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","sidebar":"zh-cn"},"zh-cn/Questions/How_to_import_types":{"id":"zh-cn/Questions/How_to_import_types","title":"\u5982\u4f55\u5bfc\u5165\u7c7b\u578b","description":"\u6709\u65f6\u4f60\u4f1a\u4e22\u5931 TypeScript \u7684\u8bed\u6cd5\u63d0\u793a\uff0c\u8fd9\u65f6\u5019\u4f60\u53ef\u4ee5\u624b\u52a8\u5bfc\u5165\u7c7b\u578b","sidebar":"zh-cn"},"zh-cn/Questions/Use_with_react_portal":{"id":"zh-cn/Questions/Use_with_react_portal","title":"\u4e0e React Portal \u4f7f\u7528","description":"\u5728 layers\u3001contextmenu\u3001controls \u91cc\u4f7f\u7528 react \u7ec4\u4ef6\u4e5f\u662f\u975e\u5e38\u5bb9\u6613\u7684\u4e8b\uff0c\u901a\u8fc7 createPortal \u5904\u7406\u66f4\u590d\u6742\u7684\u4e1a\u52a1\u903b\u8f91","sidebar":"zh-cn"}}}')}}]);