mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-08 19:06:15 -08:00
1 line
20 KiB
JavaScript
1 line
20 KiB
JavaScript
"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[78],{3905:function(n,e,t){t.d(e,{Zo:function(){return s},kt:function(){return c}});var a=t(7294);function r(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function l(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,a)}return t}function u(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?l(Object(t),!0).forEach((function(e){r(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function i(n,e){if(null==n)return{};var t,a,r=function(n,e){if(null==n)return{};var t,a,r={},l=Object.keys(n);for(a=0;a<l.length;a++)t=l[a],e.indexOf(t)>=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(n);for(a=0;a<l.length;a++)t=l[a],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var o=a.createContext({}),p=function(n){var e=a.useContext(o),t=e;return n&&(t="function"==typeof n?n(e):u(u({},e),n)),t},s=function(n){var e=p(n.components);return a.createElement(o.Provider,{value:e},n.children)},m={inlineCode:"code",wrapper:function(n){var e=n.children;return a.createElement(a.Fragment,{},e)}},d=a.forwardRef((function(n,e){var t=n.components,r=n.mdxType,l=n.originalType,o=n.parentName,s=i(n,["components","mdxType","originalType","parentName"]),d=p(t),c=r,k=d["".concat(o,".").concat(c)]||d[c]||m[c]||l;return t?a.createElement(k,u(u({ref:e},s),{},{components:t})):a.createElement(k,u({ref:e},s))}));function c(n,e){var t=arguments,r=e&&e.mdxType;if("string"==typeof n||r){var l=t.length,u=new Array(l);u[0]=d;var i={};for(var o in e)hasOwnProperty.call(e,o)&&(i[o]=e[o]);i.originalType=n,i.mdxType="string"==typeof n?n:r,u[1]=i;for(var p=2;p<l;p++)u[p]=t[p];return a.createElement.apply(null,u)}return a.createElement.apply(null,t)}d.displayName="MDXCreateElement"},9489:function(n,e,t){t.r(e),t.d(e,{assets:function(){return s},contentTitle:function(){return o},default:function(){return c},frontMatter:function(){return i},metadata:function(){return p},toc:function(){return m}});var a=t(7462),r=t(3366),l=(t(7294),t(3905)),u=["components"],i={title:"\u5f39\u5e55\u5e93\u63d2\u4ef6",sidebar_position:1},o=void 0,p={unversionedId:"zh-cn/Plugins/danmuku",id:"zh-cn/Plugins/danmuku",title:"\u5f39\u5e55\u5e93\u63d2\u4ef6",description:"\u6f14\u793a",source:"@site/docs/zh-cn/Plugins/danmuku.mdx",sourceDirName:"zh-cn/Plugins",slug:"/zh-cn/Plugins/danmuku",permalink:"/document/zh-cn/Plugins/danmuku",draft:!1,tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"\u5f39\u5e55\u5e93\u63d2\u4ef6",sidebar_position:1},sidebar:"zh-cn",previous:{title:"\u7b2c\u4e09\u65b9\u5e93",permalink:"/document/zh-cn/libraries"},next:{title:"\u5e7f\u544a\u63d2\u4ef6",permalink:"/document/zh-cn/Plugins/ads"}},s={},m=[{value:"\u6f14\u793a",id:"\u6f14\u793a",level:2},{value:"\u5b89\u88c5",id:"\u5b89\u88c5",level:2},{value:"\u901a\u8fc7 <code>npm</code> \u5b89\u88c5\uff1a",id:"\u901a\u8fc7-npm-\u5b89\u88c5",level:3},{value:"\u901a\u8fc7 <code>yarn</code> \u5b89\u88c5\uff1a",id:"\u901a\u8fc7-yarn-\u5b89\u88c5",level:3},{value:"\u901a\u8fc7 <code>script</code> \u5b89\u88c5\uff1a",id:"\u901a\u8fc7-script-\u5b89\u88c5",level:3},{value:"\u4f7f\u7528",id:"\u4f7f\u7528",level:2},{value:"\u4f7f\u7528\u5f39\u5e55\u6570\u7ec4",id:"\u4f7f\u7528\u5f39\u5e55\u6570\u7ec4",level:3},{value:"\u4f7f\u7528\u5f39\u5e55 XML",id:"\u4f7f\u7528\u5f39\u5e55-xml",level:3},{value:"\u4f7f\u7528\u5f02\u6b65\u8c03\u7528",id:"\u4f7f\u7528\u5f02\u6b65\u8c03\u7528",level:3},{value:"\u63a5\u53e3",id:"\u63a5\u53e3",level:2},{value:"hide/show",id:"hideshow",level:3},{value:"isHide",id:"ishide",level:3},{value:"emit",id:"emit",level:3},{value:"config",id:"config",level:3},{value:"load",id:"load",level:3},{value:"\u4e8b\u4ef6",id:"\u4e8b\u4ef6",level:2}],d={toc:m};function c(n){var e=n.components,t=(0,r.Z)(n,u);return(0,l.kt)("wrapper",(0,a.Z)({},d,t,{components:e,mdxType:"MDXLayout"}),(0,l.kt)("h2",{id:"\u6f14\u793a"},"\u6f14\u793a"),(0,l.kt)("p",null,"\ud83d\udc49 ",(0,l.kt)("a",{parentName:"p",href:"https://artplayer.org/?libs=./uncompiled/artplayer-plugin-danmuku/index.js&example=danmuku"},"\u67e5\u770b\u5b8c\u6574\u6f14\u793a")),(0,l.kt)("h2",{id:"\u5b89\u88c5"},"\u5b89\u88c5"),(0,l.kt)("h3",{id:"\u901a\u8fc7-npm-\u5b89\u88c5"},"\u901a\u8fc7 ",(0,l.kt)("inlineCode",{parentName:"h3"},"npm")," \u5b89\u88c5\uff1a"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-bash"},"$ npm install artplayer-plugin-danmuku\n")),(0,l.kt)("h3",{id:"\u901a\u8fc7-yarn-\u5b89\u88c5"},"\u901a\u8fc7 ",(0,l.kt)("inlineCode",{parentName:"h3"},"yarn")," \u5b89\u88c5\uff1a"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-bash"},"$ yarn add artplayer-plugin-danmuku\n")),(0,l.kt)("h3",{id:"\u901a\u8fc7-script-\u5b89\u88c5"},"\u901a\u8fc7 ",(0,l.kt)("inlineCode",{parentName:"h3"},"script")," \u5b89\u88c5\uff1a"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-html"},'\x3c!-- \u672c\u5730 --\x3e\n<script src="path/to/artplayer-plugin-danmuku.js"><\/script>\n\n\x3c!-- jsdelivr --\x3e\n<script src="https://cdn.jsdelivr.net/npm/artplayer-plugin-danmuku/dist/artplayer-plugin-danmuku.js"><\/script>\n\n\x3c!-- unpkg --\x3e\n<script src="https://unpkg.com/artplayer-plugin-danmuku/dist/artplayer-plugin-danmuku.js"><\/script>\n')),(0,l.kt)("p",null,"\u7136\u540e\u4f60\u53ef\u4ee5\u901a\u8fc7 ",(0,l.kt)("inlineCode",{parentName:"p"},"window.artplayerPluginDanmuku")," \u8bbf\u95ee\u5230\u63d2\u4ef6\u51fd\u6570"),(0,l.kt)("h2",{id:"\u4f7f\u7528"},"\u4f7f\u7528"),(0,l.kt)("h3",{id:"\u4f7f\u7528\u5f39\u5e55\u6570\u7ec4"},"\u4f7f\u7528\u5f39\u5e55\u6570\u7ec4"),(0,l.kt)("div",{className:"run-code","data-libs":"./uncompiled/artplayer-plugin-danmuku/index.js"},"\u25b6 Run Code"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n autoSize: true,\n setting: true,\n playbackRate: true,\n fullscreenWeb: true,\n plugins: [\n artplayerPluginDanmuku({\n // \u5f39\u5e55\u6570\u7ec4\n danmuku: [\n {\n text: '111', // \u5f39\u5e55\u6587\u672c\n time: 1, // \u53d1\u9001\u65f6\u95f4\uff0c\u5355\u4f4d\u79d2\n color: '#fff', // \u5f39\u5e55\u5c40\u90e8\u989c\u8272\n border: false, // \u662f\u5426\u663e\u793a\u63cf\u8fb9\n mode: 0, // \u5f39\u5e55\u6a21\u5f0f: 0\u8868\u793a\u6eda\u52a8\u30011\u9759\u6b62\n },\n {\n text: '222',\n time: 2,\n color: 'red',\n border: true,\n mode: 0,\n },\n {\n text: '333',\n time: 3,\n color: 'green',\n border: false,\n mode: 1,\n },\n ],\n speed: 5, // \u5f39\u5e55\u6301\u7eed\u65f6\u95f4\uff0c\u5355\u4f4d\u79d2\uff0c\u8303\u56f4\u5728[1 ~ 10]\n opacity: 1, // \u5f39\u5e55\u900f\u660e\u5ea6\uff0c\u8303\u56f4\u5728[0 ~ 1]\n fontSize: 25, // \u5b57\u4f53\u5927\u5c0f\uff0c\u652f\u6301\u6570\u5b57\u548c\u767e\u5206\u6bd4\n color: '#FFFFFF', // \u9ed8\u8ba4\u5b57\u4f53\u989c\u8272\n mode: 0, // \u9ed8\u8ba4\u6a21\u5f0f\uff0c0-\u6eda\u52a8\uff0c1-\u9759\u6b62\n margin: [10, '25%'], // \u5f39\u5e55\u4e0a\u4e0b\u8fb9\u8ddd\uff0c\u652f\u6301\u6570\u5b57\u548c\u767e\u5206\u6bd4\n antiOverlap: true, // \u662f\u5426\u9632\u91cd\u53e0\n useWorker: true, // \u662f\u5426\u4f7f\u7528 web worker\n synchronousPlayback: false, // \u662f\u5426\u540c\u6b65\u5230\u64ad\u653e\u901f\u5ea6\n filter: (danmu) => danmu.text.length < 50, // \u5f39\u5e55\u8fc7\u6ee4\u51fd\u6570\uff0c\u8fd4\u56de true \u5219\u53ef\u4ee5\u53d1\u9001\n lockTime: 5, // \u8f93\u5165\u6846\u9501\u5b9a\u65f6\u95f4\uff0c\u5355\u4f4d\u79d2\uff0c\u8303\u56f4\u5728[1 ~ 60]\n maxLength: 100, // \u8f93\u5165\u6846\u6700\u5927\u53ef\u8f93\u5165\u7684\u5b57\u6570\uff0c\u8303\u56f4\u5728[0 ~ 500]\n minWidth: 200, // \u8f93\u5165\u6846\u6700\u5c0f\u5bbd\u5ea6\uff0c\u8303\u56f4\u5728[0 ~ 500]\uff0c\u586b 0 \u5219\u4e3a\u65e0\u9650\u5236\n maxWidth: 400, // \u8f93\u5165\u6846\u6700\u5927\u5bbd\u5ea6\uff0c\u8303\u56f4\u5728[0 ~ Infinity]\uff0c\u586b 0 \u5219\u4e3a 100% \u5bbd\u5ea6\n theme: 'dark', // \u8f93\u5165\u6846\u81ea\u5b9a\u4e49\u6302\u8f7d\u65f6\u7684\u4e3b\u9898\u8272\uff0c\u9ed8\u8ba4\u4e3a dark\uff0c\u53ef\u4ee5\u9009\u586b\u4eae\u8272 light\n beforeEmit: (danmu) => !!danmu.text.trim(), // \u53d1\u9001\u5f39\u5e55\u524d\u7684\u81ea\u5b9a\u4e49\u6821\u9a8c\uff0c\u8fd4\u56de true \u5219\u53ef\u4ee5\u53d1\u9001\n\n // \u901a\u8fc7 mount \u9009\u9879\u53ef\u4ee5\u81ea\u5b9a\u4e49\u8f93\u5165\u6846\u6302\u8f7d\u7684\u4f4d\u7f6e\uff0c\u9ed8\u8ba4\u6302\u8f7d\u4e8e\u64ad\u653e\u5668\u5e95\u90e8\uff0c\u4ec5\u5728\u5f53\u5bbd\u5ea6\u5c0f\u4e8e\u6700\u5c0f\u503c\u65f6\u751f\u6548\n // mount: document.querySelector('.artplayer-danmuku'),\n }),\n ],\n});\n")),(0,l.kt)("h3",{id:"\u4f7f\u7528\u5f39\u5e55-xml"},"\u4f7f\u7528\u5f39\u5e55 XML"),(0,l.kt)("div",{className:"run-code","data-libs":"./uncompiled/artplayer-plugin-danmuku/index.js"},"\u25b6 Run Code"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n plugins: [\n artplayerPluginDanmuku({\n // \u5f39\u5e55 XML \u6587\u4ef6\uff0c\u548c Bilibili \u7f51\u7ad9\u7684\u5f39\u5e55\u683c\u5f0f\u4e00\u81f4\n danmuku: '/assets/sample/danmuku.xml',\n }),\n ],\n});\n")),(0,l.kt)("h3",{id:"\u4f7f\u7528\u5f02\u6b65\u8c03\u7528"},"\u4f7f\u7528\u5f02\u6b65\u8c03\u7528"),(0,l.kt)("div",{className:"run-code","data-libs":"./uncompiled/artplayer-plugin-danmuku/index.js"},"\u25b6 Run Code"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n plugins: [\n artplayerPluginDanmuku({\n // \u4f7f\u7528 Promise \u5f02\u6b65\u8fd4\u56de\n danmuku: function () {\n return new Promise((resovle) => {\n return resovle([\n {\n text: '111',\n time: 1,\n },\n {\n text: '222',\n time: 2,\n },\n {\n text: '333',\n time: 3,\n },\n ]);\n });\n },\n }),\n ],\n});\n")),(0,l.kt)("h2",{id:"\u63a5\u53e3"},"\u63a5\u53e3"),(0,l.kt)("h3",{id:"hideshow"},"hide/show"),(0,l.kt)("ul",null,(0,l.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,l.kt)("inlineCode",{parentName:"li"},"Function"))),(0,l.kt)("p",null,"\u901a\u8fc7\u65b9\u6cd5 ",(0,l.kt)("inlineCode",{parentName:"p"},"hide")," \u548c ",(0,l.kt)("inlineCode",{parentName:"p"},"show")," \u8fdb\u884c\u9690\u85cf\u6216\u8005\u663e\u793a\u5f39\u5e55"),(0,l.kt)("div",{className:"run-code","data-libs":"./uncompiled/artplayer-plugin-danmuku/index.js"},"\u25b6 Run Code"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n plugins: [\n artplayerPluginDanmuku({\n danmuku: '/assets/sample/danmuku.xml',\n }),\n ],\n controls: [\n {\n position: 'right',\n html: '\u9690\u85cf\u5f39\u5e55',\n click: function () {\n art.plugins.artplayerPluginDanmuku.hide();\n },\n },\n {\n position: 'right',\n html: '\u663e\u793a\u5f39\u5e55',\n click: function () {\n art.plugins.artplayerPluginDanmuku.show();\n },\n },\n ],\n});\n")),(0,l.kt)("h3",{id:"ishide"},"isHide"),(0,l.kt)("ul",null,(0,l.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,l.kt)("inlineCode",{parentName:"li"},"Boolean"))),(0,l.kt)("p",null,"\u901a\u8fc7\u5c5e\u6027 ",(0,l.kt)("inlineCode",{parentName:"p"},"isHide")," \u5224\u65ad\u5f53\u524d\u5f39\u5e55\u662f\u9690\u85cf\u6216\u8005\u663e\u793a"),(0,l.kt)("div",{className:"run-code","data-libs":"./uncompiled/artplayer-plugin-danmuku/index.js"},"\u25b6 Run Code"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n plugins: [\n artplayerPluginDanmuku({\n danmuku: '/assets/sample/danmuku.xml',\n }),\n ],\n controls: [\n {\n position: 'right',\n html: '\u9690\u85cf\u5f39\u5e55',\n click: function (_, event) {\n if (art.plugins.artplayerPluginDanmuku.isHide) {\n art.plugins.artplayerPluginDanmuku.show();\n event.target.innerText = '\u9690\u85cf\u5f39\u5e55';\n } else {\n art.plugins.artplayerPluginDanmuku.hide();\n event.target.innerText = '\u663e\u793a\u5f39\u5e55';\n }\n },\n },\n ],\n});\n")),(0,l.kt)("h3",{id:"emit"},"emit"),(0,l.kt)("ul",null,(0,l.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,l.kt)("inlineCode",{parentName:"li"},"Function"))),(0,l.kt)("p",null,"\u901a\u8fc7\u65b9\u6cd5 ",(0,l.kt)("inlineCode",{parentName:"p"},"emit")," \u53d1\u9001\u4e00\u6761\u5b9e\u65f6\u5f39\u5e55"),(0,l.kt)("div",{className:"run-code","data-libs":"./uncompiled/artplayer-plugin-danmuku/index.js"},"\u25b6 Run Code"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n plugins: [\n artplayerPluginDanmuku({\n danmuku: '/assets/sample/danmuku.xml',\n }),\n ],\n controls: [\n {\n position: 'right',\n html: '\u53d1\u9001\u5f39\u5e55',\n click: function () {\n var text = prompt('\u8bf7\u8f93\u5165\u5f39\u5e55\u6587\u672c', '\u5f39\u5e55\u6d4b\u8bd5\u6587\u672c');\n if (!text || !text.trim()) return;\n var color = '#' + Math.floor(Math.random() * 0xffffff).toString(16);\n art.plugins.artplayerPluginDanmuku.emit({\n text: text,\n color: color,\n border: true,\n });\n },\n },\n ],\n});\n")),(0,l.kt)("h3",{id:"config"},"config"),(0,l.kt)("ul",null,(0,l.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,l.kt)("inlineCode",{parentName:"li"},"Function"))),(0,l.kt)("p",null,"\u901a\u8fc7\u65b9\u6cd5 ",(0,l.kt)("inlineCode",{parentName:"p"},"config")," \u5b9e\u65f6\u6539\u53d8\u5f39\u5e55\u914d\u7f6e\uff0c\u652f\u6301\u5c5e\u6027\u6709\uff1a"),(0,l.kt)("ul",null,(0,l.kt)("li",{parentName:"ul"},"danmuku"),(0,l.kt)("li",{parentName:"ul"},"speed"),(0,l.kt)("li",{parentName:"ul"},"opacity"),(0,l.kt)("li",{parentName:"ul"},"fontSize"),(0,l.kt)("li",{parentName:"ul"},"color"),(0,l.kt)("li",{parentName:"ul"},"mode"),(0,l.kt)("li",{parentName:"ul"},"margin"),(0,l.kt)("li",{parentName:"ul"},"antiOverlap"),(0,l.kt)("li",{parentName:"ul"},"synchronousPlayback"),(0,l.kt)("li",{parentName:"ul"},"filter"),(0,l.kt)("li",{parentName:"ul"},"lockTime"),(0,l.kt)("li",{parentName:"ul"},"beforeEmit")),(0,l.kt)("div",{className:"run-code","data-libs":"./uncompiled/artplayer-plugin-danmuku/index.js"},"\u25b6 Run Code"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n plugins: [\n artplayerPluginDanmuku({\n danmuku: '/assets/sample/danmuku.xml',\n }),\n ],\n controls: [\n {\n position: 'right',\n html: '\u5f39\u5e55\u5927\u5c0f\uff1a<input type=\"range\" min=\"12\" max=\"50\" step=\"1\" value=\"25\">',\n style: {\n display: 'flex',\n alignItems: 'center',\n },\n mounted: function ($setting) {\n const $range = $setting.querySelector('input[type=range]');\n $range.addEventListener('change', () => {\n art.plugins.artplayerPluginDanmuku.config({\n fontSize: Number($range.value),\n });\n });\n },\n },\n ],\n});\n")),(0,l.kt)("h3",{id:"load"},"load"),(0,l.kt)("ul",null,(0,l.kt)("li",{parentName:"ul"},"\u7c7b\u578b: ",(0,l.kt)("inlineCode",{parentName:"li"},"Function"))),(0,l.kt)("p",null,"\u901a\u8fc7 load \u65b9\u6cd5\u53ef\u4ee5\u91cd\u8f7d\u5f39\u5e55\u6e90\uff0c\u6216\u8005\u5207\u6362\u65b0\u5f39\u5e55"),(0,l.kt)("div",{className:"run-code","data-libs":"./uncompiled/artplayer-plugin-danmuku/index.js"},"\u25b6 Run Code"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n container: '.artplayer-app',\n url: '/assets/sample/video.mp4',\n plugins: [\n artplayerPluginDanmuku({\n danmuku: '/assets/sample/danmuku.xml',\n }),\n ],\n controls: [\n {\n position: 'right',\n html: '\u91cd\u8f7d\u5f39\u5e55',\n click: function () {\n art.plugins.artplayerPluginDanmuku.load();\n },\n },\n {\n position: 'right',\n html: '\u5207\u6362\u5f39\u5e55',\n click: function () {\n art.plugins.artplayerPluginDanmuku.config({\n danmuku: '/assets/sample/danmuku-v2.xml',\n });\n art.plugins.artplayerPluginDanmuku.load();\n },\n },\n ],\n});\n")),(0,l.kt)("h2",{id:"\u4e8b\u4ef6"},"\u4e8b\u4ef6"),(0,l.kt)("pre",null,(0,l.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 plugins: [\n artplayerPluginDanmuku({\n danmuku: '/assets/sample/danmuku.xml',\n }),\n ],\n});\n\nart.on('artplayerPluginDanmuku:emit', (danmu) => {\n console.info('\u65b0\u589e\u5f39\u5e55', danmu);\n});\n\nart.on('artplayerPluginDanmuku:loaded', (danmus) => {\n console.info('\u52a0\u8f7d\u5f39\u5e55', danmus.length);\n});\n\nart.on('artplayerPluginDanmuku:error', (error) => {\n console.info('\u52a0\u8f7d\u9519\u8bef', error);\n});\n\nart.on('artplayerPluginDanmuku:config', (option) => {\n console.info('\u914d\u7f6e\u53d8\u5316', option);\n});\n\nart.on('artplayerPluginDanmuku:stop', () => {\n console.info('\u5f39\u5e55\u505c\u6b62');\n});\n\nart.on('artplayerPluginDanmuku:start', () => {\n console.info('\u5f39\u5e55\u5f00\u59cb');\n});\n\nart.on('artplayerPluginDanmuku:hide', () => {\n console.info('\u5f39\u5e55\u9690\u85cf');\n});\n\nart.on('artplayerPluginDanmuku:show', () => {\n console.info('\u5f39\u5e55\u663e\u793a');\n});\n\nart.on('artplayerPluginDanmuku:destroy', () => {\n console.info('\u5f39\u5e55\u9500\u6bc1');\n});\n")))}c.isMDXComponent=!0}}]); |