x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-08 19:06:15 -08:00
Code Issues Packages Projects Releases Wiki Activity
Files
bcd8010adecf5d4f04377b6ba18b7406eeacb60d
ArtPlayer/docs/document/assets/js/60b6f9d9.2da2818d.js
T
Harvey Zack bcd8010ade update docs
2022-07-18 21:42:18 +08:00

1 line
36 KiB
JavaScript
Raw Blame History

"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[48],{876:function(e,n,t){t.d(n,{Zo:function(){return u},kt:function(){return c}});var a=t(2784);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"},1314:function(e,n,t){t.r(n),t.d(n,{assets:function(){return u},contentTitle:function(){return o},default:function(){return c},frontMatter:function(){return p},metadata:function(){return s},toc:function(){return d}});var a=t(7896),l=t(1461),r=(t(2784),t(876)),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",title:"\u5e38\u7528\u5c5e\u6027",description:"play",source:"@site/docs/zh-cn/Properties.mdx",sourceDirName:"zh-cn",slug:"/zh-cn/propertie",permalink:"/document/zh-cn/propertie",draft:!1,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={},d=[{value:"play",id:"play",level:2},{value:"pause",id:"pause",level:2},{value:"toggle",id:"toggle",level:2},{value:"seek",id:"seek",level:2},{value:"forward",id:"forward",level:2},{value:"backward",id:"backward",level:2},{value:"volume",id:"volume",level:2},{value:"url",id:"url",level:2},{value:"switchUrl",id:"switchurl",level:2},{value:"switchQuality",id:"switchquality",level:2},{value:"muted",id:"muted",level:2},{value:"currentTime",id:"currenttime",level:2},{value:"duration",id:"duration",level:2},{value:"screenshot",id:"screenshot",level:2},{value:"getDataURL",id:"getdataurl",level:2},{value:"getBlobUrl",id:"getbloburl",level:2},{value:"fullscreen",id:"fullscreen",level:2},{value:"fullscreenWeb",id:"fullscreenweb",level:2},{value:"pip",id:"pip",level:2},{value:"poster",id:"poster",level:2},{value:"mini",id:"mini",level:2},{value:"playing",id:"playing",level:2},{value:"autoSize",id:"autosize",level:2},{value:"rect",id:"rect",level:2},{value:"flip",id:"flip",level:2},{value:"playbackRate",id:"playbackrate",level:2},{value:"aspectRatio",id:"aspectratio",level:2},{value:"loop",id:"loop",level:2},{value:"autoHeight",id:"autoheight",level:2},{value:"attr",id:"attr",level:2},{value:"title",id:"title",level:2},{value:"theme",id:"theme",level:2},{value:"airplay",id:"airplay",level:2},{value:"destroy",id:"destroy",level:2}],m={toc:d};function c(e){var n=e.components,t=(0,l.Z)(e,i);return(0,r.kt)("wrapper",(0,a.Z)({},m,t,{components:n,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"play"},"play"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function"))),(0,r.kt)("p",null,"\u64ad\u653e\u89c6\u9891"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n muted: true,\n});\n\nart.on('ready', () => {\n art.play();\n});\n")),(0,r.kt)("h2",{id:"pause"},"pause"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function"))),(0,r.kt)("p",null,"\u6682\u505c\u89c6\u9891"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n muted: true,\n});\n\nart.on('ready', () => {\n art.play();\n\n setTimeout(() => {\n art.pause();\n }, 3000);\n});\n")),(0,r.kt)("h2",{id:"toggle"},"toggle"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function"))),(0,r.kt)("p",null,"\u5207\u6362\u89c6\u9891\u7684\u64ad\u653e\u548c\u6682\u505c"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n muted: true,\n});\n\nart.on('ready', () => {\n art.toggle();\n\n setTimeout(() => {\n art.toggle();\n }, 3000);\n});\n")),(0,r.kt)("h2",{id:"seek"},"seek"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Number"))),(0,r.kt)("p",null,"\u89c6\u9891\u65f6\u95f4\u8df3\u8f6c\uff0c\u5355\u4f4d\u79d2"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.seek = 5;\n});\n")),(0,r.kt)("h2",{id:"forward"},"forward"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Number"))),(0,r.kt)("p",null,"\u89c6\u9891\u65f6\u95f4\u5feb\u8fdb\uff0c\u5355\u4f4d\u79d2"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.forward = 5;\n});\n")),(0,r.kt)("h2",{id:"backward"},"backward"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Number"))),(0,r.kt)("p",null,"\u89c6\u9891\u65f6\u95f4\u5feb\u9000\uff0c\u5355\u4f4d\u79d2"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.seek = 5;\n\n setTimeout(() => {\n art.backward = 2;\n }, 3000);\n});\n")),(0,r.kt)("h2",{id:"volume"},"volume"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Number"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u89c6\u9891\u97f3\u91cf\uff0c\u8303\u56f4\u5728\uff1a",(0,r.kt)("inlineCode",{parentName:"p"},"[0, 1]")),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.volume);\n art.volume = 0.5;\n console.info(art.volume);\n});\n")),(0,r.kt)("h2",{id:"url"},"url"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"String"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u89c6\u9891\u5730\u5740"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.url);\n art.url = '/assets/sample/video.mp4?t=0';\n console.info(art.url);\n});\n")),(0,r.kt)("h2",{id:"switchurl"},"switchUrl"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"String"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u89c6\u9891\u5730\u5740\uff0c\u8bbe\u7f6e\u65f6\u548c ",(0,r.kt)("inlineCode",{parentName:"p"},"url")," \u7c7b\u4f3c\uff0c\u4f46\u4f1a\u6267\u884c\u4e00\u4e9b\u4f18\u5316\u64cd\u4f5c"),(0,r.kt)("p",null,"\u51fd\u6570\u652f\u6301\u4e24\u4e2a\u53c2\u6570\uff0c\u7b2c\u4e00\u4e2a\u4e3a\u65b0\u7684\u89c6\u9891\u5730\u5740\uff0c\u7b2c\u4e8c\u4e2a\u4e3a\u65b0\u7684\u89c6\u9891\u540d\u5b57"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.seek = 10;\n setTimeout(() => {\n art.switchUrl('/assets/sample/video.mp4?t=0', '\u65b0\u89c6\u9891\u540d\u5b57');\n }, 3000);\n});\n")),(0,r.kt)("h2",{id:"switchquality"},"switchQuality"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"String"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u89c6\u9891\u753b\u8d28\u5730\u5740\uff0c\u548c ",(0,r.kt)("inlineCode",{parentName:"p"},"switchUrl")," \u7c7b\u4f3c\uff0c\u4f46\u4f1a\u5e26\u4e0a\u4e4b\u524d\u7684\u64ad\u653e\u8fdb\u5ea6"),(0,r.kt)("p",null,"\u51fd\u6570\u652f\u6301\u4e24\u4e2a\u53c2\u6570\uff0c\u7b2c\u4e00\u4e2a\u4e3a\u65b0\u7684\u89c6\u9891\u5730\u5740\uff0c\u7b2c\u4e8c\u4e2a\u4e3a\u65b0\u7684\u89c6\u9891\u540d\u5b57"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.seek = 10;\n setTimeout(() => {\n art.switchQuality('/assets/sample/video.mp4?t=0', '\u65b0\u89c6\u9891\u5730\u5740');\n }, 3000);\n});\n")),(0,r.kt)("h2",{id:"muted"},"muted"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u89c6\u9891\u662f\u5426\u9759\u97f3"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.muted);\n art.muted = true;\n console.info(art.muted);\n});\n")),(0,r.kt)("h2",{id:"currenttime"},"currentTime"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Number"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u89c6\u9891\u5f53\u524d\u65f6\u95f4\uff0c\u8bbe\u7f6e\u65f6\u95f4\u65f6\u548c ",(0,r.kt)("inlineCode",{parentName:"p"},"seek")," \u7c7b\u4f3c\uff0c\u4f46\u5b83\u4e0d\u4f1a\u89e6\u53d1\u989d\u5916\u7684\u4e8b\u4ef6"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.currentTime);\n art.currentTime = 5;\n console.info(art.currentTime);\n});\n")),(0,r.kt)("h2",{id:"duration"},"duration"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Getter"))),(0,r.kt)("p",null,"\u83b7\u53d6\u89c6\u9891\u65f6\u957f"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.duration);\n});\n")),(0,r.kt)("div",{className:"admonition admonition-tip alert alert--success"},(0,r.kt)("div",{parentName:"div",className:"admonition-heading"},(0,r.kt)("h5",{parentName:"div"},(0,r.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,r.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"16",viewBox:"0 0 12 16"},(0,r.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"}))),"\u63d0\u793a")),(0,r.kt)("div",{parentName:"div",className:"admonition-content"},(0,r.kt)("p",{parentName:"div"},"\u6709\u7684\u89c6\u9891\u662f\u6ca1\u6709\u65f6\u957f\u7684\uff0c\u4f8b\u5982\u76f4\u64ad\u4e2d\u7684\u89c6\u9891\u6216\u8005\u6ca1\u88ab\u89e3\u7801\u5b8c\u6210\u7684\u89c6\u9891\uff0c\u8fd9\u4e2a\u65f6\u5019\u83b7\u53d6\u7684\u65f6\u957f\u4f1a\u662f ",(0,r.kt)("inlineCode",{parentName:"p"},"0")))),(0,r.kt)("h2",{id:"screenshot"},"screenshot"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function"))),(0,r.kt)("p",null,"\u4e0b\u8f7d\u5f53\u524d\u89c6\u9891\u5e27\u7684\u622a\u56fe"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.seek = 10;\n art.once('video:canplay', () => {\n art.screenshot();\n });\n});\n")),(0,r.kt)("h2",{id:"getdataurl"},"getDataURL"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function"))),(0,r.kt)("p",null,"\u83b7\u53d6\u5f53\u524d\u89c6\u9891\u5e27\u7684\u622a\u56fe\u7684",(0,r.kt)("inlineCode",{parentName:"p"},"base64"),"\u5730\u5740\uff0c\u8fd4\u56de\u7684\u662f\u4e00\u4e2a ",(0,r.kt)("inlineCode",{parentName:"p"},"Promise")),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.seek = 10;\n art.getDataURL().then((url) => console.info(url));\n});\n")),(0,r.kt)("h2",{id:"getbloburl"},"getBlobUrl"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function"))),(0,r.kt)("p",null,"\u83b7\u53d6\u5f53\u524d\u89c6\u9891\u5e27\u7684\u622a\u56fe\u7684",(0,r.kt)("inlineCode",{parentName:"p"},"blob"),"\u5730\u5740\uff0c\u8fd4\u56de\u7684\u662f\u4e00\u4e2a ",(0,r.kt)("inlineCode",{parentName:"p"},"Promise")),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.seek = 10;\n art.getBlobUrl().then((url) => console.info(url));\n});\n")),(0,r.kt)("h2",{id:"fullscreen"},"fullscreen"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u64ad\u653e\u5668\u7a97\u53e3\u5168\u5c4f"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n fullscreen: true,\n});\n\nart.on('ready', () => {\n art.fullscreen = true;\n\n setTimeout(() => {\n art.fullscreen = false;\n }, 3000);\n});\n")),(0,r.kt)("div",{className:"admonition admonition-tip alert alert--success"},(0,r.kt)("div",{parentName:"div",className:"admonition-heading"},(0,r.kt)("h5",{parentName:"div"},(0,r.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,r.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"16",viewBox:"0 0 12 16"},(0,r.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"}))),"\u63d0\u793a")),(0,r.kt)("div",{parentName:"div",className:"admonition-content"},(0,r.kt)("p",{parentName:"div"},"\u7531\u4e8e\u6d4f\u89c8\u5668\u5b89\u5168\u673a\u5236\uff0c\u89e6\u53d1\u7a97\u53e3\u5168\u5c4f\u524d\uff0c\u9875\u9762\u5fc5\u987b\u5148\u5b58\u5728\u4ea4\u4e92\uff08\u4f8b\u5982\u7528\u6237\u70b9\u51fb\u8fc7\u9875\u9762\uff09"))),(0,r.kt)("h2",{id:"fullscreenweb"},"fullscreenWeb"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u64ad\u653e\u5668\u7f51\u9875\u5168\u5c4f"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n fullscreenWeb: true,\n});\n\nart.on('ready', () => {\n art.fullscreenWeb = true;\n\n setTimeout(() => {\n art.fullscreenWeb = false;\n }, 3000);\n});\n")),(0,r.kt)("h2",{id:"pip"},"pip"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u64ad\u653e\u5668\u753b\u4e2d\u753b\u6a21\u5f0f"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n fullscreenWeb: true,\n});\n\nart.on('ready', () => {\n art.pip = true;\n\n setTimeout(() => {\n art.pip = false;\n }, 3000);\n});\n")),(0,r.kt)("div",{className:"admonition admonition-tip alert alert--success"},(0,r.kt)("div",{parentName:"div",className:"admonition-heading"},(0,r.kt)("h5",{parentName:"div"},(0,r.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,r.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"16",viewBox:"0 0 12 16"},(0,r.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"}))),"\u63d0\u793a")),(0,r.kt)("div",{parentName:"div",className:"admonition-content"},(0,r.kt)("p",{parentName:"div"},"\u7531\u4e8e\u6d4f\u89c8\u5668\u5b89\u5168\u673a\u5236\uff0c\u89e6\u53d1\u753b\u4e2d\u753b\u524d\uff0c\u9875\u9762\u5fc5\u987b\u5148\u5b58\u5728\u4ea4\u4e92\uff08\u4f8b\u5982\u7528\u6237\u70b9\u51fb\u8fc7\u9875\u9762\uff09"))),(0,r.kt)("h2",{id:"poster"},"poster"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"String"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u89c6\u9891\u6d77\u62a5\uff0c\u53ea\u6709\u5728\u89c6\u9891\u64ad\u653e\u524d\u624d\u80fd\u770b\u5230\u6d77\u62a5\u6548\u679c"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n poster: '/assets/sample/poster.jpg',\n});\n\nart.on('ready', () => {\n console.info(art.poster);\n art.poster = '/assets/sample/poster.jpg?t=0';\n console.info(art.poster);\n});\n")),(0,r.kt)("h2",{id:"mini"},"mini"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u64ad\u653e\u5668\u8ff7\u4f60\u6a21\u5f0f"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.mini = true;\n});\n")),(0,r.kt)("h2",{id:"playing"},"playing"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,r.kt)("p",null,"\u83b7\u53d6\u89c6\u9891\u662f\u5426\u6b63\u5728\u64ad\u653e\u4e2d"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n muted: true,\n});\n\nart.on('ready', () => {\n console.info(art.playing);\n art.play();\n console.info(art.playing);\n});\n")),(0,r.kt)("h2",{id:"autosize"},"autoSize"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u89c6\u9891\u662f\u5426\u81ea\u9002\u5e94\u5c3a\u5bf8\uff0c\u8bbe\u7f6e\u4e3a ",(0,r.kt)("inlineCode",{parentName:"p"},"true")," \u4e4b\u540e\u5b83\u4f1a\u53ea\u6267\u884c\u4e00\u6b21"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.autoSize);\n art.autoSize = true;\n console.info(art.autoSize);\n});\n")),(0,r.kt)("h2",{id:"rect"},"rect"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Getter"))),(0,r.kt)("p",null,"\u83b7\u53d6\u64ad\u653e\u5668\u7684\u5c3a\u5bf8\u548c\u5750\u6807\u4fe1\u606f"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(JSON.stringify(art.rect));\n});\n")),(0,r.kt)("div",{className:"admonition admonition-tip alert alert--success"},(0,r.kt)("div",{parentName:"div",className:"admonition-heading"},(0,r.kt)("h5",{parentName:"div"},(0,r.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,r.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"16",viewBox:"0 0 12 16"},(0,r.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"}))),"\u63d0\u793a")),(0,r.kt)("div",{parentName:"div",className:"admonition-content"},(0,r.kt)("p",{parentName:"div"},"\u5c3a\u5bf8\u548c\u5750\u6807\u4fe1\u606f\u662f\u901a\u8fc7 ",(0,r.kt)("inlineCode",{parentName:"p"},"getBoundingClientRect")," \u83b7\u53d6\u7684"))),(0,r.kt)("h2",{id:"flip"},"flip"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"String"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u64ad\u653e\u5668\u7ffb\u8f6c\uff0c\u652f\u6301",(0,r.kt)("inlineCode",{parentName:"p"},"normal"),"\u3001 ",(0,r.kt)("inlineCode",{parentName:"p"},"horizontal"),"\u3001 ",(0,r.kt)("inlineCode",{parentName:"p"},"vertical")),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.flip);\n art.flip = 'horizontal';\n console.info(art.flip);\n});\n")),(0,r.kt)("h2",{id:"playbackrate"},"playbackRate"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Number"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u64ad\u653e\u5668\u64ad\u653e\u901f\u5ea6\uff0c\u652f\u6301",(0,r.kt)("inlineCode",{parentName:"p"},"0.5"),"\u3001",(0,r.kt)("inlineCode",{parentName:"p"},"0.75"),"\u3001",(0,r.kt)("inlineCode",{parentName:"p"},"1.0"),"\u3001",(0,r.kt)("inlineCode",{parentName:"p"},"1.25"),"\u3001",(0,r.kt)("inlineCode",{parentName:"p"},"1.5"),"\u3001",(0,r.kt)("inlineCode",{parentName:"p"},"1.75"),"\u3001",(0,r.kt)("inlineCode",{parentName:"p"},"2.0")),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.playbackRate);\n art.playbackRate = 2;\n console.info(art.playbackRate);\n});\n")),(0,r.kt)("h2",{id:"aspectratio"},"aspectRatio"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"String"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u64ad\u653e\u5668\u957f\u5bbd\u6bd4\uff0c\u652f\u6301",(0,r.kt)("inlineCode",{parentName:"p"},"default"),"\u3001",(0,r.kt)("inlineCode",{parentName:"p"},"4:3"),"\u3001",(0,r.kt)("inlineCode",{parentName:"p"},"16:9")),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.aspectRatio);\n art.aspectRatio = '16:9';\n console.info(art.aspectRatio);\n});\n")),(0,r.kt)("h2",{id:"loop"},"loop"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Array"))),(0,r.kt)("p",null,"\u8bbe\u7f6e\u548c\u83b7\u53d6\u533a\u95f4\u5faa\u5e8f\u64ad\u653e\uff0c\u5355\u4f4d\u79d2"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.loop);\n art.loop = [5, 10];\n console.info(art.loop);\n});\n")),(0,r.kt)("div",{className:"admonition admonition-tip alert alert--success"},(0,r.kt)("div",{parentName:"div",className:"admonition-heading"},(0,r.kt)("h5",{parentName:"div"},(0,r.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,r.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"16",viewBox:"0 0 12 16"},(0,r.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"}))),"\u63d0\u793a")),(0,r.kt)("div",{parentName:"div",className:"admonition-content"},(0,r.kt)("p",{parentName:"div"},"\u5220\u9664\u533a\u95f4\u5faa\u73af\u64ad\u653e\uff0c\u53ea\u9700\u8981\u8bbe\u7f6e ",(0,r.kt)("inlineCode",{parentName:"p"},"loop")," \u4e3a ",(0,r.kt)("inlineCode",{parentName:"p"},"[]")," \u5373\u53ef"))),(0,r.kt)("h2",{id:"autoheight"},"autoHeight"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,r.kt)("p",null,"\u5f53\u5bb9\u5668\u53ea\u6709\u5bbd\u5ea6\uff0c\u4f46\u4f60\u5e0c\u671b\u5bb9\u5668\u9ad8\u5ea6\u80fd\u81ea\u9002\u5e94\u64ad\u653e\u5668\u7684\u957f\u5bbd\u6bd4"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.autoHeight);\n art.autoHeight = true;\n console.info(art.autoHeight);\n});\n")),(0,r.kt)("h2",{id:"attr"},"attr"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"String"))),(0,r.kt)("p",null,"\u52a8\u6001\u83b7\u53d6\u548c\u8bbe\u7f6e video \u5143\u7d20\u7684\u5c5e\u6027"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.attr('playsInline'));\n art.attr('playsInline', true);\n console.info(art.attr('playsInline'));\n});\n")),(0,r.kt)("h2",{id:"title"},"title"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"String"))),(0,r.kt)("p",null,"\u52a8\u6001\u83b7\u53d6\u548c\u8bbe\u7f6e\u64ad\u653e\u5668\u6807\u9898"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.title);\n art.title = '\u65b0\u6807\u9898';\n console.info(art.title);\n});\n")),(0,r.kt)("h2",{id:"theme"},"theme"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Setter/Getter")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"String"))),(0,r.kt)("p",null,"\u52a8\u6001\u83b7\u53d6\u548c\u8bbe\u7f6e\u64ad\u653e\u5668\u4e3b\u9898\u989c\u8272"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n console.info(art.theme);\n art.theme = '#000';\n console.info(art.theme);\n});\n")),(0,r.kt)("h2",{id:"airplay"},"airplay"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Type: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function"))),(0,r.kt)("p",null,"\u5f00\u542f\u9694\u7a7a\u64ad\u653e"),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n controls: [\n {\n name: 'airplay',\n position: 'right',\n html: 'AirPlay',\n click: function () {\n art.airplay();\n },\n },\n ],\n});\n")),(0,r.kt)("h2",{id:"destroy"},"destroy"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,r.kt)("inlineCode",{parentName:"li"},"Function")),(0,r.kt)("li",{parentName:"ul"},"\u53c2\u6570: ",(0,r.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,r.kt)("p",null,"\u9500\u6bc1\u64ad\u653e\u5668\uff0c\u63a5\u53d7\u4e00\u4e2a\u53c2\u6570\u8868\u793a\u662f\u5426\u9500\u6bc1\u540e\u540c\u65f6\u79fb\u9664\u64ad\u653e\u5668\u7684 ",(0,r.kt)("inlineCode",{parentName:"p"},"html"),"\uff0c\u9ed8\u8ba4\u4e3a ",(0,r.kt)("inlineCode",{parentName:"p"},"true")),(0,r.kt)("div",{className:"run-code"},"\u25b6 Run Code"),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n});\n\nart.on('ready', () => {\n art.destroy();\n});\n")))}c.isMDXComponent=!0}}]);
Reference in new issue View Git Blame Copy Permalink