diff --git a/404.html b/404.html index 9721f19..0cf9974 100644 --- a/404.html +++ b/404.html @@ -63,4 +63,4 @@ } } }) -
Not found

Page not found

Sorry 😔 we couldn’t find what you were looking for.

Go home.

\ No newline at end of file +
Not found

Page not found

Sorry 😔 we couldn’t find what you were looking for.

Go home.

\ No newline at end of file diff --git a/404/index.html b/404/index.html index 09f7c4e..1b54395 100644 --- a/404/index.html +++ b/404/index.html @@ -63,4 +63,4 @@ } } }) -
Not found

Page not found

Sorry 😔 we couldn’t find what you were looking for.

Go home.

\ No newline at end of file +
Not found

Page not found

Sorry 😔 we couldn’t find what you were looking for.

Go home.

\ No newline at end of file diff --git a/chunk-map.json b/chunk-map.json index 19a84c4..5e9f613 100644 --- a/chunk-map.json +++ b/chunk-map.json @@ -1 +1 @@ -{"polyfill":["/polyfill-ce5689966a3a83515f2a.js"],"app":["/app-a79ffb8efcb45576f6c4.js"],"component---src-pages-404-js":["/component---src-pages-404-js-bbf29e2f570f8b7d7b94.js"],"component---src-pages-index-js":["/component---src-pages-index-js-2701798a1bfa903421ac.js"],"component---src-templates-tutorial-js":["/component---src-templates-tutorial-js-b23e74b5dbedfe831ecc.js"]} \ No newline at end of file +{"polyfill":["/polyfill-ce5689966a3a83515f2a.js"],"app":["/app-a79ffb8efcb45576f6c4.js"],"component---src-pages-404-js":["/component---src-pages-404-js-bbf29e2f570f8b7d7b94.js"],"component---src-pages-index-js":["/component---src-pages-index-js-ebcae7bc6c9692b3c303.js"],"component---src-templates-tutorial-js":["/component---src-templates-tutorial-js-b23e74b5dbedfe831ecc.js"]} \ No newline at end of file diff --git a/component---src-pages-index-js-2701798a1bfa903421ac.js b/component---src-pages-index-js-2701798a1bfa903421ac.js deleted file mode 100644 index 3e2fc75..0000000 --- a/component---src-pages-index-js-2701798a1bfa903421ac.js +++ /dev/null @@ -1,2 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{"2W6z":function(e,t,r){"use strict";var n=function(){};e.exports=n},"91je":function(e,t,r){"use strict";r.d(t,"a",(function(){return a}));var n=r("q1tI");function a(e){var t,r,a=(t=e,(r=Object(n.useRef)(t)).current=t,r);Object(n.useEffect)((function(){return function(){return a.current()}}),[])}},RXBc:function(e,t,r){"use strict";r.r(t),r.d(t,"default",(function(){return ve}));var n=r("WlC/"),a=r("q1tI"),c=r.n(a),o=r("rePB"),i=r("Ff2n"),l=r("TSYQ"),s=r.n(l),u=r("vUet"),b=r("nKUr");function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t0,r=e.scrollHeight>Object(I.a)(e).documentElement.clientHeight;Z({paddingRight:t&&!r?M():void 0,paddingLeft:!t&&r?M():void 0})}}var ve=Object(P.a)((function(){le&&ye(le.dialog)}));Object(q.a)((function(){Object(H.a)(window,"resize",ve),null==ce.current||ce.current()}));var ge=function(){ne.current=!0},we=function(e){ne.current&&le&&e.target===le.dialog&&(ae.current=!0),ne.current=!1},he=function(){re(!0),ce.current=Object(K.a)(le.dialog,(function(){re(!1)}))},Ee=function(e){"static"!==y?ae.current||e.target!==e.currentTarget?ae.current=!1:null==h||h():function(e){e.target===e.currentTarget&&he()}(e)},Pe=Object(a.useCallback)((function(e){return Object(b.jsx)("div",se(se({},e),{},{className:s()("".concat(r,"-backdrop"),U,!m&&"show")}))}),[m,U,r]),xe=se(se({},c),Q);m||(xe.display="block");return Object(b.jsx)(V.a.Provider,{value:je,children:Object(b.jsx)(L.a,{show:p,ref:Oe,backdrop:y,container:E,keyboard:!0,autoFocus:x,enforceFocus:N,restoreFocus:D,restoreFocusOptions:k,onEscapeKeyDown:function(e){v||"static"!==y?v&&g&&g(e):(e.preventDefault(),he())},onShow:w,onHide:h,onEnter:function(e,t){e&&(e.style.display="block",ye(e)),null==F||F(e,t)},onEntering:function(e,t){null==z||z(e,t),Object(T.a)(window,"resize",ve)},onEntered:S,onExit:function(e){null==ce.current||ce.current(),null==C||C(e)},onExiting:B,onExited:function(e){e&&(e.style.display=""),null==R||R(e),Object(H.a)(window,"resize",ve)},manager:me(),transition:m?be:void 0,backdropTransition:m?fe:void 0,renderBackdrop:Pe,renderDialog:function(e){return Object(b.jsx)("div",se(se({role:"dialog"},e),{},{style:xe,className:s()(n,r,te&&"".concat(r,"-static")),onClick:y?Ee:void 0,onMouseUp:we,"aria-labelledby":d,children:Object(b.jsx)(O,se(se({},G),{},{onMouseDown:ge,className:o,contentClassName:l,children:f}))}))}})})}));Oe.displayName="Modal",Oe.defaultProps=ue;var de=Object.assign(Oe,{Body:G,Header:ae,Title:ie,Footer:$,Dialog:Z,TRANSITION_DURATION:300,BACKDROP_TRANSITION_DURATION:150}),pe=r("qhky"),je=r("BNza"),me={width:"30vw",height:"18vw"},ye={color:"#232129",padding:"10vw",fontFamily:"-apple-system, Roboto, sans-serif, serif"};function ve(){var e=Object(n.useTranslation)().t;return c.a.createElement("div",null,c.a.createElement(Pe,{title:e("AnimeBoard")}),c.a.createElement(je.a,null),c.a.createElement("div",{style:ye},c.a.createElement("div",{style:{display:"grid",gridTemplateColumns:"50% auto",columnGap:50}},c.a.createElement(we,null),c.a.createElement(ge,null))))}var ge=function(){var e="zh"===Object(n.useI18next)().language?"//player.bilibili.com/player.html?bvid=BV1aa411F7Y2&page=2":"https://www.youtube.com/embed/D4Fj_fieS5w";return c.a.createElement("iframe",{src:e,style:me,scrolling:"no",border:"0",frameBorder:"no",framespacing:"0",allowFullScreen:!0})},we=function(){var e=Object(a.useState)(!1),t=e[0],r=e[1],o=Object(n.useI18next)().language,i=Object(n.useTranslation)().t;return c.a.createElement("div",null,c.a.createElement("h2",null,i("AnimeBoard")," ",c.a.createElement(p,{bg:"secondary",style:{fontSize:".5em"}},"v0.4.6 ("+i("beta")+")")),i("appIntro"),c.a.createElement("br",null),c.a.createElement("div",{style:{margin:"10px 0px"}},c.a.createElement(w,{variant:"success",onClick:function(){return setTimeout((function(){return r(!0)}),3e3)},href:"https://anime-board.oss-cn-beijing.aliyuncs.com/download/anime-board Setup 0.4.6.exe"},i("download"),"(win64)")," ",t&&"zh"===o&&c.a.createElement(Ee,{onCancel:function(){return r(!1)}}),c.a.createElement(w,{variant:"info",as:n.Link,to:"/tutorial/quick-started"},i("quickStarted"))," "),c.a.createElement("div",null,i("onlyWin64")),c.a.createElement("br",null),c.a.createElement("br",null),"zh"===o&&c.a.createElement(he,null),c.a.createElement("br",null))},he=function(){return c.a.createElement("div",null,c.a.createElement("h4",null,"例子:"),c.a.createElement("a",{href:"http://anime-board.oss-cn-beijing.aliyuncs.com/%E8%BF%9B%E7%A8%8B%E5%92%8C%E7%BA%BF%E7%A8%8B%E7%9A%84%E5%8C%BA%E5%88%AB.zip"},"进程和线程的区别"),"（下载压缩包，解压后即可导入）",c.a.createElement("br",null),"发布的视频(",c.a.createElement("a",{href:"https://www.ixigua.com/i6926416351611322891/"},"西瓜视频"),", ",c.a.createElement("a",{href:"https://www.bilibili.com/video/BV1Wr4y1P7Yr/"},"B站"),")")};function Ee(e){var t=Object(n.useTranslation)().t;return c.a.createElement(de,{show:!0,onHide:e.onCancel},c.a.createElement(de.Header,{closeButton:!0},c.a.createElement(de.Title,null,"下载安装遇到问题？")),c.a.createElement(de.Body,null,"请点击",c.a.createElement("a",{href:"https://www.bilibili.com/video/BV1aa411F7Y2?p=2&share_source=copy_web"},"测试版安装教程")),c.a.createElement(de.Footer,null,c.a.createElement(w,{variant:"secondary",onClick:e.onCancel},t("close"))))}function Pe(e){var t=e.title;return c.a.createElement(pe.Helmet,null,c.a.createElement("meta",{charSet:"utf-8"}),c.a.createElement("title",null,t))}}}]); -//# sourceMappingURL=component---src-pages-index-js-2701798a1bfa903421ac.js.map \ No newline at end of file diff --git a/component---src-pages-index-js-2701798a1bfa903421ac.js.map b/component---src-pages-index-js-2701798a1bfa903421ac.js.map deleted file mode 100644 index 73b5ab4..0000000 --- a/component---src-pages-index-js-2701798a1bfa903421ac.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack:///./node_modules/warning/warning.js","webpack:///./node_modules/react-bootstrap/node_modules/@restart/hooks/esm/useWillUnmount.js","webpack:///./node_modules/react-bootstrap/node_modules/@restart/hooks/esm/useUpdatedRef.js","webpack:///./node_modules/react-bootstrap/esm/Badge.js","webpack:///./node_modules/react-bootstrap/esm/Button.js","webpack:///./node_modules/react-bootstrap/esm/ListGroupItem.js","webpack:///./node_modules/react-bootstrap/esm/ListGroup.js","webpack:///./node_modules/dom-helpers/esm/scrollbarSize.js","webpack:///./node_modules/react-bootstrap/esm/ModalBody.js","webpack:///./node_modules/react-bootstrap/esm/ModalDialog.js","webpack:///./node_modules/react-bootstrap/esm/ModalFooter.js","webpack:///./node_modules/react-bootstrap/esm/ModalHeader.js","webpack:///./node_modules/react-bootstrap/esm/ModalTitle.js","webpack:///./node_modules/react-bootstrap/esm/Modal.js","webpack:///./node_modules/react-bootstrap/node_modules/@restart/hooks/esm/useCallbackRef.js","webpack:///./src/pages/index.js"],"names":["warning","module","exports","useWillUnmount","fn","value","valueRef","onUnmount","current","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","getOwnPropertyDescriptors","defineProperties","defineProperty","Badge","_ref","ref","bsPrefix","bg","pill","text","className","_ref$as","as","Component","props","prefix","concat","displayName","defaultProps","variant","size","active","_useButtonProps","tagName","_useButtonProps2","buttonProps","href","disabled","ListGroupItem","eventKey","action","_useNavItem","_useNavItem2","navItemProps","meta","handleClick","useEventCallback","event","preventDefault","stopPropagation","onClick","undefined","tabIndex","isActive","ListGroup","horizontalVariant","_useUncontrolled","activeKey","initialBsPrefix","horizontal","numbered","_useUncontrolled$as","controlledProps","Item","scrollbarSize","recalc","canUseDOM","scrollDiv","document","createElement","style","position","top","width","height","overflow","body","appendChild","offsetWidth","clientWidth","removeChild","createWithBsPrefix","ModalDialog","contentClassName","centered","fullscreen","children","scrollable","dialogClass","fullScreenClass","ModalHeader","AbstractModalHeader","closeLabel","closeButton","DivStyledAsH4","divWithClassName","show","backdrop","keyboard","autoFocus","enforceFocus","restoreFocus","animation","dialogAs","DialogTransition","Fade","timeout","BackdropTransition","dialogClassName","Dialog","ariaLabelledby","onEscapeKeyDown","onShow","onHide","container","restoreFocusOptions","onEntered","onExit","onExiting","onEnter","onEntering","onExited","backdropClassName","propsManager","manager","_useState","_useState2","modalStyle","setStyle","_useState3","_useState4","animateStaticModal","setAnimateStaticModal","waitingForMouseUpRef","ignoreBackdropClickRef","removeStaticModalAnimationRef","_useCallbackRef","_useCallbackRef2","modal","setModalRef","mergedRef","useMergedRefs","handleHide","isRTL","modalContext","getModalManager","updateDialogStyle","node","containerIsOverflowing","getScrollbarWidth","modalIsOverflowing","scrollHeight","ownerDocument","documentElement","clientHeight","paddingRight","paddingLeft","handleWindowResize","dialog","removeEventListener","window","handleDialogMouseDown","handleMouseUp","e","handleStaticModalAnimation","transitionEnd","currentTarget","handleStaticBackdropClick","renderBackdrop","backdropProps","baseModalStyle","display","ModalContext","Provider","isAppearing","addEventListener","transition","backdropTransition","renderDialog","dialogProps","role","onMouseUp","onMouseDown","Body","ModalBody","Header","Title","ModalTitle","Footer","ModalFooter","TRANSITION_DURATION","BACKDROP_TRANSITION_DURATION","VideoStyle","pageStyles","color","padding","fontFamily","IndexPage","t","useTranslation","SEO","title","gridTemplateColumns","columnGap","IntroVideo","src","useI18next","language","scrolling","border","frameBorder","framespacing","allowFullScreen","Intro","useState","downloadPrompt","setDownloadPrompt","lang","fontSize","margin","setTimeout","DownloadPrompt","onCancel","Link","to","Examples","Helmet","charSet"],"mappings":"6FAgBA,IAEIA,EAAU,aA2CdC,EAAOC,QAAUF,G,sFCpDF,SAASG,EAAeC,GACrC,ICFoCC,EAChCC,EDCAC,GCFgCF,EDEND,GCD1BE,EAAW,iBAAOD,IACbG,QAAUH,EACZC,GDAP,qBAAU,WACR,OAAO,WACL,OAAOC,EAAUC,aAElB,M,4LEZL,SAASC,EAAQC,EAAQC,GAAkB,IAAIC,EAAOC,OAAOD,KAAKF,GAAS,GAAIG,OAAOC,sBAAuB,CAAE,IAAIC,EAAUF,OAAOC,sBAAsBJ,GAAaC,IAAgBI,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAOJ,OAAOK,yBAAyBR,EAAQO,GAAKE,eAAgBP,EAAKQ,KAAKC,MAAMT,EAAMG,GAAY,OAAOH,EAE9U,SAASU,EAAcC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAyB,MAAhBF,UAAUD,GAAaC,UAAUD,GAAK,GAAQA,EAAI,EAAKf,EAAQI,OAAOc,IAAS,GAAMC,SAAQ,SAAUC,GAAO,YAAgBN,EAAQM,EAAKF,EAAOE,OAAsBhB,OAAOiB,0BAA6BjB,OAAOkB,iBAAiBR,EAAQV,OAAOiB,0BAA0BH,IAAmBlB,EAAQI,OAAOc,IAASC,SAAQ,SAAUC,GAAOhB,OAAOmB,eAAeT,EAAQM,EAAKhB,OAAOK,yBAAyBS,EAAQE,OAAe,OAAON,EAM7gB,IAIIU,EAAqB,cAAiB,SAAUC,EAAMC,GACxD,IAAIC,EAAWF,EAAKE,SAChBC,EAAKH,EAAKG,GACVC,EAAOJ,EAAKI,KACZC,EAAOL,EAAKK,KACZC,EAAYN,EAAKM,UACjBC,EAAUP,EAAKQ,GACfC,OAAwB,IAAZF,EAAqB,OAASA,EAC1CG,EAAQ,YAAyBV,EAAM,CAAC,WAAY,KAAM,OAAQ,OAAQ,YAAa,OAEvFW,EAAS,YAAmBT,EAAU,SAC1C,OAAoB,cAAKO,EAAWrB,EAAcA,EAAc,CAC9Da,IAAKA,GACJS,GAAQ,GAAI,CACbJ,UAAW,IAAWA,EAAWK,EAAQP,GAAQ,eAAgBC,GAAQ,QAAQO,OAAOP,GAAOF,GAAM,MAAMS,OAAOT,UAGtHJ,EAAMc,YAAc,QACpBd,EAAMe,aAtBa,CACjBX,GAAI,UACJC,MAAM,GAqBO,Q,wBC9Bf,SAAS,EAAQ5B,EAAQC,GAAkB,IAAIC,EAAOC,OAAOD,KAAKF,GAAS,GAAIG,OAAOC,sBAAuB,CAAE,IAAIC,EAAUF,OAAOC,sBAAsBJ,GAAaC,IAAgBI,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAOJ,OAAOK,yBAAyBR,EAAQO,GAAKE,eAAgBP,EAAKQ,KAAKC,MAAMT,EAAMG,GAAY,OAAOH,EAE9U,SAAS,EAAcW,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAyB,MAAhBF,UAAUD,GAAaC,UAAUD,GAAK,GAAQA,EAAI,EAAK,EAAQX,OAAOc,IAAS,GAAMC,SAAQ,SAAUC,GAAO,YAAgBN,EAAQM,EAAKF,EAAOE,OAAsBhB,OAAOiB,0BAA6BjB,OAAOkB,iBAAiBR,EAAQV,OAAOiB,0BAA0BH,IAAmB,EAAQd,OAAOc,IAASC,SAAQ,SAAUC,GAAOhB,OAAOmB,eAAeT,EAAQM,EAAKhB,OAAOK,yBAAyBS,EAAQE,OAAe,OAAON,EAO7gB,IAKI,EAAsB,cAAiB,SAAUW,EAAMC,GACzD,IAAIO,EAAKR,EAAKQ,GACVN,EAAWF,EAAKE,SAChBa,EAAUf,EAAKe,QACfC,EAAOhB,EAAKgB,KACZC,EAASjB,EAAKiB,OACdX,EAAYN,EAAKM,UACjBI,EAAQ,YAAyBV,EAAM,CAAC,KAAM,WAAY,UAAW,OAAQ,SAAU,cAEvFW,EAAS,YAAmBT,EAAU,OAEtCgB,EAAkB,YAAe,EAAc,CACjDC,QAASX,GACRE,IACCU,EAAmB,YAAeF,EAAiB,GACnDG,EAAcD,EAAiB,GAG/BX,EAFUW,EAAiB,GAAGD,QAGlC,OAAoB,cAAKV,EAAW,EAAc,EAAc,EAAc,GAAIC,GAAQW,GAAc,GAAI,CAC1GpB,IAAKA,EACLK,UAAW,IAAWA,EAAWK,EAAQM,GAAU,SAAUF,GAAW,GAAGH,OAAOD,EAAQ,KAAKC,OAAOG,GAAUC,GAAQ,GAAGJ,OAAOD,EAAQ,KAAKC,OAAOI,GAAON,EAAMY,MAAQZ,EAAMa,UAAY,kBAGjM,EAAOV,YAAc,SACrB,EAAOC,aA9BY,CACjBC,QAAS,UACTE,QAAQ,EACRM,UAAU,GA4BG,Q,wECxCf,SAAS,EAAQ/C,EAAQC,GAAkB,IAAIC,EAAOC,OAAOD,KAAKF,GAAS,GAAIG,OAAOC,sBAAuB,CAAE,IAAIC,EAAUF,OAAOC,sBAAsBJ,GAAaC,IAAgBI,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAOJ,OAAOK,yBAAyBR,EAAQO,GAAKE,eAAgBP,EAAKQ,KAAKC,MAAMT,EAAMG,GAAY,OAAOH,EAE9U,SAAS,EAAcW,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAyB,MAAhBF,UAAUD,GAAaC,UAAUD,GAAK,GAAQA,EAAI,EAAK,EAAQX,OAAOc,IAAS,GAAMC,SAAQ,SAAUC,GAAO,YAAgBN,EAAQM,EAAKF,EAAOE,OAAsBhB,OAAOiB,0BAA6BjB,OAAOkB,iBAAiBR,EAAQV,OAAOiB,0BAA0BH,IAAmB,EAAQd,OAAOc,IAASC,SAAQ,SAAUC,GAAOhB,OAAOmB,eAAeT,EAAQM,EAAKhB,OAAOK,yBAAyBS,EAAQE,OAAe,OAAON,EAS7gB,IAAImC,EAA6B,cAAiB,SAAUxB,EAAMC,GAChE,IAAIC,EAAWF,EAAKE,SAChBe,EAASjB,EAAKiB,OACdM,EAAWvB,EAAKuB,SAChBE,EAAWzB,EAAKyB,SAChBnB,EAAYN,EAAKM,UACjBS,EAAUf,EAAKe,QACfW,EAAS1B,EAAK0B,OACdlB,EAAKR,EAAKQ,GACVE,EAAQ,YAAyBV,EAAM,CAAC,WAAY,SAAU,WAAY,WAAY,YAAa,UAAW,SAAU,OAE5HE,EAAW,YAAmBA,EAAU,mBAExC,IAAIyB,EAAc,YAAW,EAAc,CACzChC,IAAK,YAAa8B,EAAUf,EAAMY,MAClCL,OAAQA,GACPP,IACCkB,EAAe,YAAeD,EAAa,GAC3CE,EAAeD,EAAa,GAC5BE,EAAOF,EAAa,GAEpBG,EAAc,OAAAC,EAAA,IAAiB,SAAUC,GAC3C,GAAIV,EAGF,OAFAU,EAAMC,sBACND,EAAME,kBAIRN,EAAaO,QAAQH,MAGnBV,QAA+Bc,IAAnB3B,EAAM4B,WACpB5B,EAAM4B,UAAY,EAClB5B,EAAM,kBAAmB,GAI3B,IAAID,EAAYD,IAAOkB,EAAShB,EAAMY,KAAO,IAAM,SAAW,OAC9D,OAAoB,cAAKb,EAAW,EAAc,EAAc,EAAc,CAC5ER,IAAKA,GACJS,GAAQmB,GAAe,GAAI,CAC5BO,QAASL,EACTzB,UAAW,IAAWA,EAAWJ,EAAU4B,EAAKS,UAAY,SAAUhB,GAAY,WAAYR,GAAW,GAAGH,OAAOV,EAAU,KAAKU,OAAOG,GAAUW,GAAU,GAAGd,OAAOV,EAAU,kBAGrLsB,EAAcX,YAAc,gBACb,QC1Df,SAAS,EAAQrC,EAAQC,GAAkB,IAAIC,EAAOC,OAAOD,KAAKF,GAAS,GAAIG,OAAOC,sBAAuB,CAAE,IAAIC,EAAUF,OAAOC,sBAAsBJ,GAAaC,IAAgBI,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAOJ,OAAOK,yBAAyBR,EAAQO,GAAKE,eAAgBP,EAAKQ,KAAKC,MAAMT,EAAMG,GAAY,OAAOH,EAE9U,SAAS,EAAcW,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAyB,MAAhBF,UAAUD,GAAaC,UAAUD,GAAK,GAAQA,EAAI,EAAK,EAAQX,OAAOc,IAAS,GAAMC,SAAQ,SAAUC,GAAO,YAAgBN,EAAQM,EAAKF,EAAOE,OAAsBhB,OAAOiB,0BAA6BjB,OAAOkB,iBAAiBR,EAAQV,OAAOiB,0BAA0BH,IAAmB,EAAQd,OAAOc,IAASC,SAAQ,SAAUC,GAAOhB,OAAOmB,eAAeT,EAAQM,EAAKhB,OAAOK,yBAAyBS,EAAQE,OAAe,OAAON,EAU7gB,IAAImD,EAAyB,cAAiB,SAAU9B,EAAOT,GAC7D,IAaIwC,EAbAC,EAAmB,YAAgBhC,EAAO,CAC5CiC,UAAW,aAETrC,EAAYoC,EAAiBpC,UAC7BsC,EAAkBF,EAAiBxC,SACnCa,EAAU2B,EAAiB3B,QAC3B8B,EAAaH,EAAiBG,WAC9BC,EAAWJ,EAAiBI,SAC5BC,EAAsBL,EAAiBlC,GACvCA,OAA6B,IAAxBuC,EAAiC,MAAQA,EAC9CC,EAAkB,YAAyBN,EAAkB,CAAC,YAAa,WAAY,UAAW,aAAc,WAAY,OAE5HxC,EAAW,YAAmB0C,EAAiB,cAQnD,OALIC,IACFJ,GAAmC,IAAfI,EAAsB,aAAe,cAAcjC,OAAOiC,IAI5D,cAAK,IAAS,EAAc,EAAc,CAC5D5C,IAAKA,GACJ+C,GAAkB,GAAI,CACvBxC,GAAIA,EACJF,UAAW,IAAWA,EAAWJ,EAAUa,GAAW,GAAGH,OAAOV,EAAU,KAAKU,OAAOG,GAAU0B,GAAqB,GAAG7B,OAAOV,EAAU,KAAKU,OAAO6B,GAAoBK,GAAY,GAAGlC,OAAOV,EAAU,oBAG7MsC,EAAU3B,YAAc,YACTlC,OAAA,UACbsE,KAAM,IADO,IC3CX,E,gDACW,SAASC,EAAcC,GACpC,KAAK,GAAiB,IAAT,GAAcA,IACrBC,EAAA,EAAW,CACb,IAAIC,EAAYC,SAASC,cAAc,OACvCF,EAAUG,MAAMC,SAAW,WAC3BJ,EAAUG,MAAME,IAAM,UACtBL,EAAUG,MAAMG,MAAQ,OACxBN,EAAUG,MAAMI,OAAS,OACzBP,EAAUG,MAAMK,SAAW,SAC3BP,SAASQ,KAAKC,YAAYV,GAC1B,EAAOA,EAAUW,YAAcX,EAAUY,YACzCX,SAASQ,KAAKI,YAAYb,GAI9B,OAAO,E,wFChBM,SAAAc,EAAA,GAAmB,c,YCElC,SAAS,EAAQ3F,EAAQC,GAAkB,IAAIC,EAAOC,OAAOD,KAAKF,GAAS,GAAIG,OAAOC,sBAAuB,CAAE,IAAIC,EAAUF,OAAOC,sBAAsBJ,GAAaC,IAAgBI,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAOJ,OAAOK,yBAAyBR,EAAQO,GAAKE,eAAgBP,EAAKQ,KAAKC,MAAMT,EAAMG,GAAY,OAAOH,EAE9U,SAAS,EAAcW,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAyB,MAAhBF,UAAUD,GAAaC,UAAUD,GAAK,GAAQA,EAAI,EAAK,EAAQX,OAAOc,IAAS,GAAMC,SAAQ,SAAUC,GAAO,YAAgBN,EAAQM,EAAKF,EAAOE,OAAsBhB,OAAOiB,0BAA6BjB,OAAOkB,iBAAiBR,EAAQV,OAAOiB,0BAA0BH,IAAmB,EAAQd,OAAOc,IAASC,SAAQ,SAAUC,GAAOhB,OAAOmB,eAAeT,EAAQM,EAAKhB,OAAOK,yBAAyBS,EAAQE,OAAe,OAAON,EAM7gB,IAAI+E,EAA2B,cAAiB,SAAUpE,EAAMC,GAC9D,IAAIC,EAAWF,EAAKE,SAChBI,EAAYN,EAAKM,UACjB+D,EAAmBrE,EAAKqE,iBACxBC,EAAWtE,EAAKsE,SAChBtD,EAAOhB,EAAKgB,KACZuD,EAAavE,EAAKuE,WAClBC,EAAWxE,EAAKwE,SAChBC,EAAazE,EAAKyE,WAClB/D,EAAQ,YAAyBV,EAAM,CAAC,WAAY,YAAa,mBAAoB,WAAY,OAAQ,aAAc,WAAY,eAEvIE,EAAW,YAAmBA,EAAU,SACxC,IAAIwE,EAAc,GAAG9D,OAAOV,EAAU,WAClCyE,EAAwC,iBAAfJ,EAA0B,GAAG3D,OAAOV,EAAU,gBAAgBU,OAAO2D,GAAc,GAAG3D,OAAOV,EAAU,eACpI,OAAoB,cAAK,MAAO,EAAc,EAAc,GAAIQ,GAAQ,GAAI,CAC1ET,IAAKA,EACLK,UAAW,IAAWoE,EAAapE,EAAWU,GAAQ,GAAGJ,OAAOV,EAAU,KAAKU,OAAOI,GAAOsD,GAAY,GAAG1D,OAAO8D,EAAa,aAAcD,GAAc,GAAG7D,OAAO8D,EAAa,eAAgBH,GAAcI,GACjNH,SAAuB,cAAK,MAAO,CACjClE,UAAW,IAAW,GAAGM,OAAOV,EAAU,YAAamE,GACvDG,SAAUA,UAIhBJ,EAAYvD,YAAc,cACX,QClCA,SAAAsD,EAAA,GAAmB,gB,aCElC,SAAS,GAAQ3F,EAAQC,GAAkB,IAAIC,EAAOC,OAAOD,KAAKF,GAAS,GAAIG,OAAOC,sBAAuB,CAAE,IAAIC,EAAUF,OAAOC,sBAAsBJ,GAAaC,IAAgBI,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAOJ,OAAOK,yBAAyBR,EAAQO,GAAKE,eAAgBP,EAAKQ,KAAKC,MAAMT,EAAMG,GAAY,OAAOH,EAE9U,SAAS,GAAcW,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAyB,MAAhBF,UAAUD,GAAaC,UAAUD,GAAK,GAAQA,EAAI,EAAK,GAAQX,OAAOc,IAAS,GAAMC,SAAQ,SAAUC,GAAO,YAAgBN,EAAQM,EAAKF,EAAOE,OAAsBhB,OAAOiB,0BAA6BjB,OAAOkB,iBAAiBR,EAAQV,OAAOiB,0BAA0BH,IAAmB,GAAQd,OAAOc,IAASC,SAAQ,SAAUC,GAAOhB,OAAOmB,eAAeT,EAAQM,EAAKhB,OAAOK,yBAAyBS,EAAQE,OAAe,OAAON,EAO7gB,IAIIuF,GAA2B,cAAiB,SAAU5E,EAAMC,GAC9D,IAAIC,EAAWF,EAAKE,SAChBI,EAAYN,EAAKM,UACjBI,EAAQ,YAAyBV,EAAM,CAAC,WAAY,cAGxD,OADAE,EAAW,YAAmBA,EAAU,gBACpB,cAAK2E,GAAA,EAAqB,GAAc,GAAc,CACxE5E,IAAKA,GACJS,GAAQ,GAAI,CACbJ,UAAW,IAAWA,EAAWJ,SAGrC0E,GAAY/D,YAAc,cAC1B+D,GAAY9D,aAjBO,CACjBgE,WAAY,QACZC,aAAa,GAgBA,U,aC5BXC,GAAgB,OAAAC,GAAA,GAAiB,MACtB,UAAAd,EAAA,GAAmB,cAAe,CAC/C1D,UAAWuE,KCAb,SAAS,GAAQxG,EAAQC,GAAkB,IAAIC,EAAOC,OAAOD,KAAKF,GAAS,GAAIG,OAAOC,sBAAuB,CAAE,IAAIC,EAAUF,OAAOC,sBAAsBJ,GAAaC,IAAgBI,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAOJ,OAAOK,yBAAyBR,EAAQO,GAAKE,eAAgBP,EAAKQ,KAAKC,MAAMT,EAAMG,GAAY,OAAOH,EAE9U,SAAS,GAAcW,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAyB,MAAhBF,UAAUD,GAAaC,UAAUD,GAAK,GAAQA,EAAI,EAAK,GAAQX,OAAOc,IAAS,GAAMC,SAAQ,SAAUC,GAAO,YAAgBN,EAAQM,EAAKF,EAAOE,OAAsBhB,OAAOiB,0BAA6BjB,OAAOkB,iBAAiBR,EAAQV,OAAOiB,0BAA0BH,IAAmB,GAAQd,OAAOc,IAASC,SAAQ,SAAUC,GAAOhB,OAAOmB,eAAeT,EAAQM,EAAKhB,OAAOK,yBAAyBS,EAAQE,OAAe,OAAON,EA0B7gB,IAAI,GAAe,CACjB6F,MAAM,EACNC,UAAU,EACVC,UAAU,EACVC,WAAW,EACXC,cAAc,EACdC,cAAc,EACdC,WAAW,EACXC,SAAU,GAIZ,SAASC,GAAiBhF,GACxB,OAAoB,cAAKiF,EAAA,EAAM,GAAc,GAAc,GAAIjF,GAAQ,GAAI,CACzEkF,QAAS,QAIb,SAASC,GAAmBnF,GAC1B,OAAoB,cAAKiF,EAAA,EAAM,GAAc,GAAc,GAAIjF,GAAQ,GAAI,CACzEkF,QAAS,QAMb,IAAI,GAAqB,cAAiB,SAAU5F,EAAMC,GACxD,IAAIC,EAAWF,EAAKE,SAChBI,EAAYN,EAAKM,UACjBkD,EAAQxD,EAAKwD,MACbsC,EAAkB9F,EAAK8F,gBACvBzB,EAAmBrE,EAAKqE,iBACxBG,EAAWxE,EAAKwE,SAChBuB,EAAS/F,EAAKyF,SACdO,EAAiBhG,EAAK,mBACtBkF,EAAOlF,EAAKkF,KACZM,EAAYxF,EAAKwF,UACjBL,EAAWnF,EAAKmF,SAChBC,EAAWpF,EAAKoF,SAChBa,EAAkBjG,EAAKiG,gBACvBC,EAASlG,EAAKkG,OACdC,EAASnG,EAAKmG,OACdC,EAAYpG,EAAKoG,UACjBf,EAAYrF,EAAKqF,UACjBC,EAAetF,EAAKsF,aACpBC,EAAevF,EAAKuF,aACpBc,EAAsBrG,EAAKqG,oBAC3BC,EAAYtG,EAAKsG,UACjBC,EAASvG,EAAKuG,OACdC,EAAYxG,EAAKwG,UACjBC,EAAUzG,EAAKyG,QACfC,EAAa1G,EAAK0G,WAClBC,EAAW3G,EAAK2G,SAChBC,EAAoB5G,EAAK4G,kBACzBC,EAAe7G,EAAK8G,QACpBpG,EAAQ,YAAyBV,EAAM,CAAC,WAAY,YAAa,QAAS,kBAAmB,mBAAoB,WAAY,WAAY,kBAAmB,OAAQ,YAAa,WAAY,WAAY,kBAAmB,SAAU,SAAU,YAAa,YAAa,eAAgB,eAAgB,sBAAuB,YAAa,SAAU,YAAa,UAAW,aAAc,WAAY,oBAAqB,YAE/Z+G,EAAY,mBAAS,IACrBC,EAAa,YAAeD,EAAW,GACvCE,EAAaD,EAAW,GACxBE,EAAWF,EAAW,GAEtBG,EAAa,oBAAS,GACtBC,GAAa,YAAeD,EAAY,GACxCE,GAAqBD,GAAW,GAChCE,GAAwBF,GAAW,GAEnCG,GAAuB,kBAAO,GAC9BC,GAAyB,kBAAO,GAChCC,GAAgC,iBAAO,MAEvCC,GC5EG,mBAAS,MD6EZC,GAAmB,YAAeD,GAAiB,GACnDE,GAAQD,GAAiB,GACzBE,GAAcF,GAAiB,GAE/BG,GAAY,OAAAC,EAAA,GAAc9H,EAAK4H,IAC/BG,GAAa,OAAAhG,EAAA,GAAiBmE,GAC9B8B,GAAQ,cACZ/H,EAAW,YAAmBA,EAAU,SACxC,IAAIgI,GAAe,mBAAQ,WACzB,MAAO,CACL/B,OAAQ6B,MAET,CAACA,KAEJ,SAASG,KACP,OAAItB,GACG,YAAiB,CACtBoB,MAAOA,KAIX,SAASG,GAAkBC,GACzB,GAAKjF,EAAA,EAAL,CACA,IAAIkF,EAAyBH,KAAkBI,oBAAsB,EACjEC,EAAqBH,EAAKI,aAAe,OAAAC,EAAA,GAAcL,GAAMM,gBAAgBC,aACjF1B,EAAS,CACP2B,aAAcP,IAA2BE,EAAqB,SAAqBnG,EACnFyG,aAAcR,GAA0BE,EAAqB,SAAqBnG,KAItF,IAAI0G,GAAqB,OAAA/G,EAAA,IAAiB,WACpC4F,IACFQ,GAAkBR,GAAMoB,WAG5B,OAAA/K,EAAA,IAAe,WACb,OAAAgL,EAAA,GAAoBC,OAAQ,SAAUH,IACG,MAAzCtB,GAA8BnJ,SAA2BmJ,GAA8BnJ,aAKzF,IAAI6K,GAAwB,WAC1B5B,GAAqBjJ,SAAU,GAG7B8K,GAAgB,SAAuBC,GACrC9B,GAAqBjJ,SAAWsJ,IAASyB,EAAEhK,SAAWuI,GAAMoB,SAC9DxB,GAAuBlJ,SAAU,GAGnCiJ,GAAqBjJ,SAAU,GAG7BgL,GAA6B,WAC/BhC,IAAsB,GACtBG,GAA8BnJ,QAAU,OAAAiL,EAAA,GAAc3B,GAAMoB,QAAQ,WAClE1B,IAAsB,OAYtBvF,GAAc,SAAqBsH,GACpB,WAAblE,EAKAqC,GAAuBlJ,SAAW+K,EAAEhK,SAAWgK,EAAEG,cACnDhC,GAAuBlJ,SAAU,EAIzB,MAAV6H,GAA0BA,IAnBI,SAAmCkD,GAC7DA,EAAEhK,SAAWgK,EAAEG,eAInBF,KAKEG,CAA0BJ,IAmD1BK,GAAiB,uBAAY,SAAUC,GACzC,OAAoB,cAAK,MAAO,GAAc,GAAc,GAAIA,GAAgB,GAAI,CAClFrJ,UAAW,IAAW,GAAGM,OAAOV,EAAU,aAAc0G,GAAoBpB,GAAa,aAE1F,CAACA,EAAWoB,EAAmB1G,IAE9B0J,GAAiB,GAAc,GAAc,GAAIpG,GAAQyD,GAGxDzB,IACHoE,GAAeC,QAAU,SAqB3B,OAAoB,cAAKC,EAAA,EAAaC,SAAU,CAC9C5L,MAAO+J,GACP1D,SAAuB,cAAK,IAAW,CACrCU,KAAMA,EACNjF,IAAK6H,GACL3C,SAAUA,EACViB,UAAWA,EACXhB,UAAU,EAEVC,UAAWA,EACXC,aAAcA,EACdC,aAAcA,EACdc,oBAAqBA,EACrBJ,gBAnFsB,SAA6BoD,GAChDjE,GAAyB,WAAbD,EAKNC,GAAYa,GACrBA,EAAgBoD,IAHhBA,EAAEnH,iBACFoH,OA+EApD,OAAQA,EACRC,OAAQA,EACRM,QA3Ec,SAAqB4B,EAAM2B,GACvC3B,IACFA,EAAK7E,MAAMqG,QAAU,QACrBzB,GAAkBC,IAGT,MAAX5B,GAA2BA,EAAQ4B,EAAM2B,IAsEvCtD,WA9DiB,SAAwB2B,EAAM2B,GACnC,MAAdtD,GAA8BA,EAAW2B,EAAM2B,GAE/C,OAAAC,EAAA,GAAiBf,OAAQ,SAAUH,KA4DjCzC,UAAWA,EACXC,OArEa,SAAoB8B,GACM,MAAzCZ,GAA8BnJ,SAA2BmJ,GAA8BnJ,UAC7E,MAAViI,GAA0BA,EAAO8B,IAoE/B7B,UAAWA,EACXG,SA5De,SAAsB0B,GACnCA,IAAMA,EAAK7E,MAAMqG,QAAU,IAEnB,MAAZlD,GAA4BA,EAAS0B,GAErC,OAAAY,EAAA,GAAoBC,OAAQ,SAAUH,KAwDpCjC,QAASqB,KACT+B,WAAY1E,EAAYE,QAAmBrD,EAC3C8H,mBAAoB3E,EAAYK,QAAqBxD,EACrDqH,eAAgBA,GAChBU,aA5Ce,SAAsBC,GACvC,OAAoB,cAAK,MAAO,GAAc,GAAc,CAC1DC,KAAM,UACLD,GAAc,GAAI,CACnB7G,MAAOoG,GACPtJ,UAAW,IAAWA,EAAWJ,EAAUmH,IAAsB,GAAGzG,OAAOV,EAAU,YACrFkC,QAAS+C,EAAWpD,QAAcM,EAClCkI,UAAWnB,GACX,kBAAmBpD,EACnBxB,SAAuB,cAAKuB,EAAQ,GAAc,GAAc,GAAIrF,GAAQ,GAAI,CAC9E8J,YAAarB,GACb7I,UAAWwF,EACXzB,iBAAkBA,EAClBG,SAAUA,gBAmClB,GAAM3D,YAAc,QACpB,GAAMC,aAAe,GACN,OAAAnC,OAAA,OAAc,GAAO,CAClC8L,KAAMC,EACNC,OAAQ,GACRC,MAAOC,GACPC,OAAQC,EACRhF,OAAQ,EACRiF,oBAAqB,IACrBC,6BAA8B,M,0BEjS1BC,GAAa,CACfvH,MAAO,OACPC,OAAQ,QAENuH,GAAa,CACfC,MAAO,UACPC,QAAS,OACTC,WAAY,4CAGD,SAASC,KAAa,IACzBC,EAAMC,2BAAND,EAER,OAAO,6BACH,kBAACE,GAAD,CAAKC,MAAOH,EAAE,gBACd,kBAAC,KAAD,MACA,yBAAKhI,MAAO2H,IACR,yBAAK3H,MAAO,CAACqG,QAAS,OAAQ+B,oBAAqB,WAAYC,UAAW,KACtE,kBAAC,GAAD,MACA,kBAAC,GAAD,SAQhB,IAEMC,GAAa,WAAO,IAEhBC,EAAe,OADMC,uBAAnBC,SAHU,6DACD,4CAKjB,OAAO,4BAAQF,IAAKA,EAChBvI,MAAO0H,GACPgB,UAAU,KACVC,OAAO,IACPC,YAAY,KACZC,aAAa,IACbC,iBAAiB,KAInBC,GAAQ,WAAO,IAAD,EAC4BC,oBAAS,GAA9CC,EADS,KACOC,EADP,KAEEC,EAASX,uBAAnBC,SACAT,EAAMC,2BAAND,EAGR,OAAO,6BACH,4BACKA,EAAE,cAAe,IAClB,kBAAC,EAAD,CAAOrL,GAAG,YAAYqD,MAAO,CAACoJ,SAAU,SAAxC,WAAmEpB,EAAE,QAArE,MAECA,EAAE,YACP,6BACA,yBAAKhI,MAAO,CAACqJ,OAAQ,aACjB,kBAAC,EAAD,CAAQ9L,QAAQ,UAAUqB,QAAS,kBAAM0K,YAAW,kBAAMJ,GAAkB,KAAO,MAAOpL,KAVjF,wFAWJkK,EAAE,YADP,WAEU,IACTiB,GAA2B,OAATE,GAAiB,kBAACI,GAAD,CAAgBC,SAAU,kBAAMN,GAAkB,MACtF,kBAAC,EAAD,CAAQ3L,QAAQ,OAAOP,GAAIyM,OAAMC,GAAG,2BAA4B1B,EAAE,iBAA0B,KAKhG,6BAAMA,EAAE,cACR,6BAAM,6BACI,OAATmB,GAAiB,kBAAC,GAAD,MAClB,+BAIFQ,GAAW,WACb,OAAO,6BACH,mCACA,uBAAG7L,KAAK,+HAAR,YAFG,kBAMH,6BANG,SAOG,uBAAGA,KAAK,gDAAR,QAPH,KAQD,uBAAGA,KAAK,gDAAR,MARC,MA6BX,SAASyL,GAAerM,GAAQ,IACpB8K,EAAMC,2BAAND,EAER,OAAO,kBAAC,GAAD,CAAOtG,MAAM,EAAMiB,OAAQzF,EAAMsM,UACpC,kBAAC,GAAMrC,OAAP,CAAc5F,aAAW,GACzB,kBAAC,GAAM6F,MAAP,mBAEA,kBAAC,GAAMH,KAAP,WACO,uBAAGnJ,KAAM,yEAAT,YAGP,kBAAC,GAAMwJ,OAAP,KACA,kBAAC,EAAD,CAAQ/J,QAAQ,YAAYqB,QAAS1B,EAAMsM,UACtCxB,EAAE,YAMf,SAASE,GAAT,GAAuB,IAATC,EAAQ,EAARA,MAEV,OAAO,kBAACyB,GAAA,OAAD,KACH,0BAAMC,QAAQ,UACd,+BAAQ1B","file":"component---src-pages-index-js-2701798a1bfa903421ac.js","sourcesContent":["/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar __DEV__ = process.env.NODE_ENV !== 'production';\n\nvar warning = function() {};\n\nif (__DEV__) {\n var printWarning = function printWarning(format, args) {\n var len = arguments.length;\n args = new Array(len > 1 ? len - 1 : 0);\n for (var key = 1; key < len; key++) {\n args[key - 1] = arguments[key];\n }\n var argIndex = 0;\n var message = 'Warning: ' +\n format.replace(/%s/g, function() {\n return args[argIndex++];\n });\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n try {\n // --- Welcome to debugging React ---\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch (x) {}\n }\n\n warning = function(condition, format, args) {\n var len = arguments.length;\n args = new Array(len > 2 ? len - 2 : 0);\n for (var key = 2; key < len; key++) {\n args[key - 2] = arguments[key];\n }\n if (format === undefined) {\n throw new Error(\n '`warning(condition, format, ...args)` requires a warning ' +\n 'message argument'\n );\n }\n if (!condition) {\n printWarning.apply(null, [format].concat(args));\n }\n };\n}\n\nmodule.exports = warning;\n","import useUpdatedRef from './useUpdatedRef';\nimport { useEffect } from 'react';\n/**\n * Attach a callback that fires when a component unmounts\n *\n * @param fn Handler to run when the component unmounts\n * @category effects\n */\n\nexport default function useWillUnmount(fn) {\n var onUnmount = useUpdatedRef(fn);\n useEffect(function () {\n return function () {\n return onUnmount.current();\n };\n }, []);\n}","import { useRef } from 'react';\n/**\n * Returns a ref that is immediately updated with the new value\n *\n * @param value The Ref value\n * @category refs\n */\n\nexport default function useUpdatedRef(value) {\n var valueRef = useRef(value);\n valueRef.current = value;\n return valueRef;\n}","import _defineProperty from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nvar defaultProps = {\n bg: 'primary',\n pill: false\n};\nvar Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n var bsPrefix = _ref.bsPrefix,\n bg = _ref.bg,\n pill = _ref.pill,\n text = _ref.text,\n className = _ref.className,\n _ref$as = _ref.as,\n Component = _ref$as === void 0 ? 'span' : _ref$as,\n props = _objectWithoutProperties(_ref, [\"bsPrefix\", \"bg\", \"pill\", \"text\", \"className\", \"as\"]);\n\n var prefix = useBootstrapPrefix(bsPrefix, 'badge');\n return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({\n ref: ref\n }, props), {}, {\n className: classNames(className, prefix, pill && \"rounded-pill\", text && \"text-\".concat(text), bg && \"bg-\".concat(bg))\n }));\n});\nBadge.displayName = 'Badge';\nBadge.defaultProps = defaultProps;\nexport default Badge;","import _defineProperty from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useButtonProps } from '@restart/ui/Button';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nvar defaultProps = {\n variant: 'primary',\n active: false,\n disabled: false\n};\nvar Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n var as = _ref.as,\n bsPrefix = _ref.bsPrefix,\n variant = _ref.variant,\n size = _ref.size,\n active = _ref.active,\n className = _ref.className,\n props = _objectWithoutProperties(_ref, [\"as\", \"bsPrefix\", \"variant\", \"size\", \"active\", \"className\"]);\n\n var prefix = useBootstrapPrefix(bsPrefix, 'btn');\n\n var _useButtonProps = useButtonProps(_objectSpread({\n tagName: as\n }, props)),\n _useButtonProps2 = _slicedToArray(_useButtonProps, 2),\n buttonProps = _useButtonProps2[0],\n tagName = _useButtonProps2[1].tagName;\n\n var Component = tagName;\n return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, props), buttonProps), {}, {\n ref: ref,\n className: classNames(className, prefix, active && 'active', variant && \"\".concat(prefix, \"-\").concat(variant), size && \"\".concat(prefix, \"-\").concat(size), props.href && props.disabled && 'disabled')\n }));\n});\nButton.displayName = 'Button';\nButton.defaultProps = defaultProps;\nexport default Button;","import _defineProperty from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport useEventCallback from '@restart/hooks/useEventCallback';\nimport { useNavItem } from '@restart/ui/NavItem';\nimport { makeEventKey } from '@restart/ui/SelectableContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nvar ListGroupItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n var bsPrefix = _ref.bsPrefix,\n active = _ref.active,\n disabled = _ref.disabled,\n eventKey = _ref.eventKey,\n className = _ref.className,\n variant = _ref.variant,\n action = _ref.action,\n as = _ref.as,\n props = _objectWithoutProperties(_ref, [\"bsPrefix\", \"active\", \"disabled\", \"eventKey\", \"className\", \"variant\", \"action\", \"as\"]);\n\n bsPrefix = useBootstrapPrefix(bsPrefix, 'list-group-item');\n\n var _useNavItem = useNavItem(_objectSpread({\n key: makeEventKey(eventKey, props.href),\n active: active\n }, props)),\n _useNavItem2 = _slicedToArray(_useNavItem, 2),\n navItemProps = _useNavItem2[0],\n meta = _useNavItem2[1];\n\n var handleClick = useEventCallback(function (event) {\n if (disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n navItemProps.onClick(event);\n });\n\n if (disabled && props.tabIndex === undefined) {\n props.tabIndex = -1;\n props['aria-disabled'] = true;\n } // eslint-disable-next-line no-nested-ternary\n\n\n var Component = as || (action ? props.href ? 'a' : 'button' : 'div');\n return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread(_objectSpread({\n ref: ref\n }, props), navItemProps), {}, {\n onClick: handleClick,\n className: classNames(className, bsPrefix, meta.isActive && 'active', disabled && 'disabled', variant && \"\".concat(bsPrefix, \"-\").concat(variant), action && \"\".concat(bsPrefix, \"-action\"))\n }));\n});\nListGroupItem.displayName = 'ListGroupItem';\nexport default ListGroupItem;","import _defineProperty from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport warning from 'warning';\nimport { useUncontrolled } from 'uncontrollable';\nimport BaseNav from '@restart/ui/Nav';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport ListGroupItem from './ListGroupItem';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nvar ListGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var _useUncontrolled = useUncontrolled(props, {\n activeKey: 'onSelect'\n }),\n className = _useUncontrolled.className,\n initialBsPrefix = _useUncontrolled.bsPrefix,\n variant = _useUncontrolled.variant,\n horizontal = _useUncontrolled.horizontal,\n numbered = _useUncontrolled.numbered,\n _useUncontrolled$as = _useUncontrolled.as,\n as = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,\n controlledProps = _objectWithoutProperties(_useUncontrolled, [\"className\", \"bsPrefix\", \"variant\", \"horizontal\", \"numbered\", \"as\"]);\n\n var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'list-group');\n var horizontalVariant;\n\n if (horizontal) {\n horizontalVariant = horizontal === true ? 'horizontal' : \"horizontal-\".concat(horizontal);\n }\n\n process.env.NODE_ENV !== \"production\" ? warning(!(horizontal && variant === 'flush'), '`variant=\"flush\"` and `horizontal` should not be used together.') : void 0;\n return /*#__PURE__*/_jsx(BaseNav, _objectSpread(_objectSpread({\n ref: ref\n }, controlledProps), {}, {\n as: as,\n className: classNames(className, bsPrefix, variant && \"\".concat(bsPrefix, \"-\").concat(variant), horizontalVariant && \"\".concat(bsPrefix, \"-\").concat(horizontalVariant), numbered && \"\".concat(bsPrefix, \"-numbered\"))\n }));\n});\nListGroup.displayName = 'ListGroup';\nexport default Object.assign(ListGroup, {\n Item: ListGroupItem\n});","import canUseDOM from './canUseDOM';\nvar size;\nexport default function scrollbarSize(recalc) {\n if (!size && size !== 0 || recalc) {\n if (canUseDOM) {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.width = '50px';\n scrollDiv.style.height = '50px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n }\n }\n\n return size;\n}","import createWithBsPrefix from './createWithBsPrefix';\nexport default createWithBsPrefix('modal-body');","import _defineProperty from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nvar ModalDialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n var bsPrefix = _ref.bsPrefix,\n className = _ref.className,\n contentClassName = _ref.contentClassName,\n centered = _ref.centered,\n size = _ref.size,\n fullscreen = _ref.fullscreen,\n children = _ref.children,\n scrollable = _ref.scrollable,\n props = _objectWithoutProperties(_ref, [\"bsPrefix\", \"className\", \"contentClassName\", \"centered\", \"size\", \"fullscreen\", \"children\", \"scrollable\"]);\n\n bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');\n var dialogClass = \"\".concat(bsPrefix, \"-dialog\");\n var fullScreenClass = typeof fullscreen === 'string' ? \"\".concat(bsPrefix, \"-fullscreen-\").concat(fullscreen) : \"\".concat(bsPrefix, \"-fullscreen\");\n return /*#__PURE__*/_jsx(\"div\", _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n className: classNames(dialogClass, className, size && \"\".concat(bsPrefix, \"-\").concat(size), centered && \"\".concat(dialogClass, \"-centered\"), scrollable && \"\".concat(dialogClass, \"-scrollable\"), fullscreen && fullScreenClass),\n children: /*#__PURE__*/_jsx(\"div\", {\n className: classNames(\"\".concat(bsPrefix, \"-content\"), contentClassName),\n children: children\n })\n }));\n});\nModalDialog.displayName = 'ModalDialog';\nexport default ModalDialog;","import createWithBsPrefix from './createWithBsPrefix';\nexport default createWithBsPrefix('modal-footer');","import _defineProperty from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport AbstractModalHeader from './AbstractModalHeader';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nvar defaultProps = {\n closeLabel: 'Close',\n closeButton: false\n};\nvar ModalHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n var bsPrefix = _ref.bsPrefix,\n className = _ref.className,\n props = _objectWithoutProperties(_ref, [\"bsPrefix\", \"className\"]);\n\n bsPrefix = useBootstrapPrefix(bsPrefix, 'modal-header');\n return /*#__PURE__*/_jsx(AbstractModalHeader, _objectSpread(_objectSpread({\n ref: ref\n }, props), {}, {\n className: classNames(className, bsPrefix)\n }));\n});\nModalHeader.displayName = 'ModalHeader';\nModalHeader.defaultProps = defaultProps;\nexport default ModalHeader;","import createWithBsPrefix from './createWithBsPrefix';\nimport divWithClassName from './divWithClassName';\nvar DivStyledAsH4 = divWithClassName('h4');\nexport default createWithBsPrefix('modal-title', {\n Component: DivStyledAsH4\n});","import _slicedToArray from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"C:/Users/22788/Downloads/animeBoard/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport classNames from 'classnames';\nimport addEventListener from 'dom-helpers/addEventListener';\nimport canUseDOM from 'dom-helpers/canUseDOM';\nimport ownerDocument from 'dom-helpers/ownerDocument';\nimport removeEventListener from 'dom-helpers/removeEventListener';\nimport getScrollbarSize from 'dom-helpers/scrollbarSize';\nimport useCallbackRef from '@restart/hooks/useCallbackRef';\nimport useEventCallback from '@restart/hooks/useEventCallback';\nimport useMergedRefs from '@restart/hooks/useMergedRefs';\nimport useWillUnmount from '@restart/hooks/useWillUnmount';\nimport transitionEnd from 'dom-helpers/transitionEnd';\nimport * as React from 'react';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport BaseModal from '@restart/ui/Modal';\nimport { getSharedManager } from './BootstrapModalManager';\nimport Fade from './Fade';\nimport ModalBody from './ModalBody';\nimport ModalContext from './ModalContext';\nimport ModalDialog from './ModalDialog';\nimport ModalFooter from './ModalFooter';\nimport ModalHeader from './ModalHeader';\nimport ModalTitle from './ModalTitle';\nimport { useBootstrapPrefix, useIsRTL } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nvar defaultProps = {\n show: false,\n backdrop: true,\n keyboard: true,\n autoFocus: true,\n enforceFocus: true,\n restoreFocus: true,\n animation: true,\n dialogAs: ModalDialog\n};\n/* eslint-disable no-use-before-define, react/no-multi-comp */\n\nfunction DialogTransition(props) {\n return /*#__PURE__*/_jsx(Fade, _objectSpread(_objectSpread({}, props), {}, {\n timeout: null\n }));\n}\n\nfunction BackdropTransition(props) {\n return /*#__PURE__*/_jsx(Fade, _objectSpread(_objectSpread({}, props), {}, {\n timeout: null\n }));\n}\n/* eslint-enable no-use-before-define */\n\n\nvar Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n var bsPrefix = _ref.bsPrefix,\n className = _ref.className,\n style = _ref.style,\n dialogClassName = _ref.dialogClassName,\n contentClassName = _ref.contentClassName,\n children = _ref.children,\n Dialog = _ref.dialogAs,\n ariaLabelledby = _ref['aria-labelledby'],\n show = _ref.show,\n animation = _ref.animation,\n backdrop = _ref.backdrop,\n keyboard = _ref.keyboard,\n onEscapeKeyDown = _ref.onEscapeKeyDown,\n onShow = _ref.onShow,\n onHide = _ref.onHide,\n container = _ref.container,\n autoFocus = _ref.autoFocus,\n enforceFocus = _ref.enforceFocus,\n restoreFocus = _ref.restoreFocus,\n restoreFocusOptions = _ref.restoreFocusOptions,\n onEntered = _ref.onEntered,\n onExit = _ref.onExit,\n onExiting = _ref.onExiting,\n onEnter = _ref.onEnter,\n onEntering = _ref.onEntering,\n onExited = _ref.onExited,\n backdropClassName = _ref.backdropClassName,\n propsManager = _ref.manager,\n props = _objectWithoutProperties(_ref, [\"bsPrefix\", \"className\", \"style\", \"dialogClassName\", \"contentClassName\", \"children\", \"dialogAs\", \"aria-labelledby\", \"show\", \"animation\", \"backdrop\", \"keyboard\", \"onEscapeKeyDown\", \"onShow\", \"onHide\", \"container\", \"autoFocus\", \"enforceFocus\", \"restoreFocus\", \"restoreFocusOptions\", \"onEntered\", \"onExit\", \"onExiting\", \"onEnter\", \"onEntering\", \"onExited\", \"backdropClassName\", \"manager\"]);\n\n var _useState = useState({}),\n _useState2 = _slicedToArray(_useState, 2),\n modalStyle = _useState2[0],\n setStyle = _useState2[1];\n\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n animateStaticModal = _useState4[0],\n setAnimateStaticModal = _useState4[1];\n\n var waitingForMouseUpRef = useRef(false);\n var ignoreBackdropClickRef = useRef(false);\n var removeStaticModalAnimationRef = useRef(null);\n\n var _useCallbackRef = useCallbackRef(),\n _useCallbackRef2 = _slicedToArray(_useCallbackRef, 2),\n modal = _useCallbackRef2[0],\n setModalRef = _useCallbackRef2[1];\n\n var mergedRef = useMergedRefs(ref, setModalRef);\n var handleHide = useEventCallback(onHide);\n var isRTL = useIsRTL();\n bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');\n var modalContext = useMemo(function () {\n return {\n onHide: handleHide\n };\n }, [handleHide]);\n\n function getModalManager() {\n if (propsManager) return propsManager;\n return getSharedManager({\n isRTL: isRTL\n });\n }\n\n function updateDialogStyle(node) {\n if (!canUseDOM) return;\n var containerIsOverflowing = getModalManager().getScrollbarWidth() > 0;\n var modalIsOverflowing = node.scrollHeight > ownerDocument(node).documentElement.clientHeight;\n setStyle({\n paddingRight: containerIsOverflowing && !modalIsOverflowing ? getScrollbarSize() : undefined,\n paddingLeft: !containerIsOverflowing && modalIsOverflowing ? getScrollbarSize() : undefined\n });\n }\n\n var handleWindowResize = useEventCallback(function () {\n if (modal) {\n updateDialogStyle(modal.dialog);\n }\n });\n useWillUnmount(function () {\n removeEventListener(window, 'resize', handleWindowResize);\n removeStaticModalAnimationRef.current == null ? void 0 : removeStaticModalAnimationRef.current();\n }); // We prevent the modal from closing during a drag by detecting where the\n // the click originates from. If it starts in the modal and then ends outside\n // don't close.\n\n var handleDialogMouseDown = function handleDialogMouseDown() {\n waitingForMouseUpRef.current = true;\n };\n\n var handleMouseUp = function handleMouseUp(e) {\n if (waitingForMouseUpRef.current && modal && e.target === modal.dialog) {\n ignoreBackdropClickRef.current = true;\n }\n\n waitingForMouseUpRef.current = false;\n };\n\n var handleStaticModalAnimation = function handleStaticModalAnimation() {\n setAnimateStaticModal(true);\n removeStaticModalAnimationRef.current = transitionEnd(modal.dialog, function () {\n setAnimateStaticModal(false);\n });\n };\n\n var handleStaticBackdropClick = function handleStaticBackdropClick(e) {\n if (e.target !== e.currentTarget) {\n return;\n }\n\n handleStaticModalAnimation();\n };\n\n var handleClick = function handleClick(e) {\n if (backdrop === 'static') {\n handleStaticBackdropClick(e);\n return;\n }\n\n if (ignoreBackdropClickRef.current || e.target !== e.currentTarget) {\n ignoreBackdropClickRef.current = false;\n return;\n }\n\n onHide == null ? void 0 : onHide();\n };\n\n var handleEscapeKeyDown = function handleEscapeKeyDown(e) {\n if (!keyboard && backdrop === 'static') {\n // Call preventDefault to stop modal from closing in restart ui,\n // then play our animation.\n e.preventDefault();\n handleStaticModalAnimation();\n } else if (keyboard && onEscapeKeyDown) {\n onEscapeKeyDown(e);\n }\n };\n\n var handleEnter = function handleEnter(node, isAppearing) {\n if (node) {\n node.style.display = 'block';\n updateDialogStyle(node);\n }\n\n onEnter == null ? void 0 : onEnter(node, isAppearing);\n };\n\n var handleExit = function handleExit(node) {\n removeStaticModalAnimationRef.current == null ? void 0 : removeStaticModalAnimationRef.current();\n onExit == null ? void 0 : onExit(node);\n };\n\n var handleEntering = function handleEntering(node, isAppearing) {\n onEntering == null ? void 0 : onEntering(node, isAppearing); // FIXME: This should work even when animation is disabled.\n\n addEventListener(window, 'resize', handleWindowResize);\n };\n\n var handleExited = function handleExited(node) {\n if (node) node.style.display = ''; // RHL removes it sometimes\n\n onExited == null ? void 0 : onExited(node); // FIXME: This should work even when animation is disabled.\n\n removeEventListener(window, 'resize', handleWindowResize);\n };\n\n var renderBackdrop = useCallback(function (backdropProps) {\n return /*#__PURE__*/_jsx(\"div\", _objectSpread(_objectSpread({}, backdropProps), {}, {\n className: classNames(\"\".concat(bsPrefix, \"-backdrop\"), backdropClassName, !animation && 'show')\n }));\n }, [animation, backdropClassName, bsPrefix]);\n\n var baseModalStyle = _objectSpread(_objectSpread({}, style), modalStyle); // Sets `display` always block when `animation` is false\n\n\n if (!animation) {\n baseModalStyle.display = 'block';\n }\n\n var renderDialog = function renderDialog(dialogProps) {\n return /*#__PURE__*/_jsx(\"div\", _objectSpread(_objectSpread({\n role: \"dialog\"\n }, dialogProps), {}, {\n style: baseModalStyle,\n className: classNames(className, bsPrefix, animateStaticModal && \"\".concat(bsPrefix, \"-static\")),\n onClick: backdrop ? handleClick : undefined,\n onMouseUp: handleMouseUp,\n \"aria-labelledby\": ariaLabelledby,\n children: /*#__PURE__*/_jsx(Dialog, _objectSpread(_objectSpread({}, props), {}, {\n onMouseDown: handleDialogMouseDown,\n className: dialogClassName,\n contentClassName: contentClassName,\n children: children\n }))\n }));\n };\n\n return /*#__PURE__*/_jsx(ModalContext.Provider, {\n value: modalContext,\n children: /*#__PURE__*/_jsx(BaseModal, {\n show: show,\n ref: mergedRef,\n backdrop: backdrop,\n container: container,\n keyboard: true // Always set true - see handleEscapeKeyDown\n ,\n autoFocus: autoFocus,\n enforceFocus: enforceFocus,\n restoreFocus: restoreFocus,\n restoreFocusOptions: restoreFocusOptions,\n onEscapeKeyDown: handleEscapeKeyDown,\n onShow: onShow,\n onHide: onHide,\n onEnter: handleEnter,\n onEntering: handleEntering,\n onEntered: onEntered,\n onExit: handleExit,\n onExiting: onExiting,\n onExited: handleExited,\n manager: getModalManager(),\n transition: animation ? DialogTransition : undefined,\n backdropTransition: animation ? BackdropTransition : undefined,\n renderBackdrop: renderBackdrop,\n renderDialog: renderDialog\n })\n });\n});\nModal.displayName = 'Modal';\nModal.defaultProps = defaultProps;\nexport default Object.assign(Modal, {\n Body: ModalBody,\n Header: ModalHeader,\n Title: ModalTitle,\n Footer: ModalFooter,\n Dialog: ModalDialog,\n TRANSITION_DURATION: 300,\n BACKDROP_TRANSITION_DURATION: 150\n});","import { useState } from 'react';\n/**\n * A convenience hook around `useState` designed to be paired with\n * the component [callback ref](https://reactjs.org/docs/refs-and-the-dom.html#callback-refs) api.\n * Callback refs are useful over `useRef()` when you need to respond to the ref being set\n * instead of lazily accessing it in an effect.\n *\n * ```ts\n * const [element, attachRef] = useCallbackRef()\n *\n * useEffect(() => {\n * if (!element) return\n *\n * const calendar = new FullCalendar.Calendar(element)\n *\n * return () => {\n * calendar.destroy()\n * }\n * }, [element])\n *\n * return
\n * ```\n *\n * @category refs\n */\n\nexport default function useCallbackRef() {\n return useState(null);\n}","import { graphql } from \"gatsby\"\r\nimport { Link, useI18next, useTranslation } from 'gatsby-plugin-react-i18next'\r\nimport React, { useState } from \"react\"\r\nimport { Badge, Button, ListGroup, Modal } from 'react-bootstrap'\r\nimport { Helmet } from \"react-helmet\"\r\nimport Header from '../components/header'\r\n\r\n\r\nconst VideoStyle = {\r\n width: '30vw',\r\n height: '18vw',\r\n}\r\nconst pageStyles = {\r\n color: \"#232129\",\r\n padding: \"10vw\",\r\n fontFamily: \"-apple-system, Roboto, sans-serif, serif\",\r\n}\r\n\r\nexport default function IndexPage() {\r\n const { t } = useTranslation()\r\n\r\n return
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {/*
\r\n */}\r\n
\r\n}\r\n\r\nconst bilibiliVideo = \"//player.bilibili.com/player.html?bvid=BV1aa411F7Y2&page=2\"\r\nconst youtubeVideo = \"https://www.youtube.com/embed/D4Fj_fieS5w\"\r\nconst IntroVideo = () => {\r\n const { language: lang } = useI18next()\r\n const src = lang === 'zh' ? bilibiliVideo : youtubeVideo\r\n\r\n return
\ No newline at end of file +

AnimeBoard v0.4.6 (beta)

is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.



\ No newline at end of file diff --git a/page-data/app-data.json b/page-data/app-data.json index 2b23448..39f9a7f 100644 --- a/page-data/app-data.json +++ b/page-data/app-data.json @@ -1 +1 @@ -{"webpackCompilationHash":"8506be6edc8d1bbb6b3e"} +{"webpackCompilationHash":"7d0e3ad8ad3965546fd6"} diff --git a/page-data/index/page-data.json b/page-data/index/page-data.json index 508380a..adb029a 100644 --- a/page-data/index/page-data.json +++ b/page-data/index/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-pages-index-js","path":"/","result":{"data":{"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/","path":"/"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-pages-index-js","path":"/","result":{"data":{"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"onlineVersion\":\"Online Version\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/","path":"/"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/tutorial/document-list/page-data.json b/page-data/tutorial/document-list/page-data.json index f008033..b5d4b4a 100644 --- a/page-data/tutorial/document-list/page-data.json +++ b/page-data/tutorial/document-list/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/document-list","result":{"data":{"markdownRemark":{"html":"","frontmatter":{"slug":"/tutorial/document-list","title":"Document List","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/document-list","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/document-list","path":"/tutorial/document-list"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/document-list","result":{"data":{"markdownRemark":{"html":"","frontmatter":{"slug":"/tutorial/document-list","title":"Document List","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"onlineVersion\":\"Online Version\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/document-list","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/document-list","path":"/tutorial/document-list"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/tutorial/elements-keyword/page-data.json b/page-data/tutorial/elements-keyword/page-data.json index 8c847e6..74d7b3d 100644 --- a/page-data/tutorial/elements-keyword/page-data.json +++ b/page-data/tutorial/elements-keyword/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/elements-keyword","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to understand the relationship between elements and keywords.

\n

Basic concept

\n

The creation, deletion, and disappearance of any element can be regarded as a change in the screen. These changes must be in a certain keyword (yellow highlight).\nThe range of keywords includes the space before the first word in the word, but does not include the space after the last word.

\n

Create, delete, transform, disappear

\n

Creation and disappearance correspond to the appearance and disappearance of elements in the screen respectively.

\n

The element that disappeared must have been created before.

\n

The positions of elements created, disappeared, and transformed will follow the current cursor position.

\n

However, note that there are 3 situations:\n-If the cursor is in a certain keyword, the creation and disappearance of the element are all in the current keyword.\nThe deleted element depends on which keyword it was created in.\n-If the cursor is in a non-keyword and there is a keyword in front of it (only in this paragraph), then the creation and disappearance of the element are all in the nearest keyword in front.\nThe deleted element also depends on which previous keyword it was created in\n-If the cursor is in a non-keyword, but there is no keyword in front (this paragraph only), the element will be in the arrow at the beginning of the paragraph,\nTap → or ↳ to see.

\n

The transform button allows the element to be transformed after it appears. The same element can have multiple changes after multiple keywords appear.\nAlso, deleting the current element will not delete the element before the transformation, and the element that will be transformed again afterwards.

\n

You can set transition animations for the appearance (creation) and disappearance of elements.\nThe transformation animation cannot be set at present, and there will be an automatic transition animation for each element.

\n

For more animation concepts and settings, you can see here.

\n

Create

\n

In the toolbar, you can select any button to create an element.\nYou can place the mouse on any icon, and the created element type corresponding to the button will be displayed after a short while.

\n

Paste

\n

-If there is a picture in the clipboard (gif is also available, sometimes it doesn't work), right-click on the blank area of ​​the screen on the right and select Paste.\nYou can use the shortcut key Ctrl+V.

\n

-If there is text in the clipboard, you need to create a text box first, and then paste it when the text box is focused.

\n

-If the clipboard is an element copied elsewhere (which can be in another document), then pasting will create a new element.

\n

Element type

\n

The elements that can be added to the screen are

\n

Word

\n

The text box.

\n

picture

\n

It supports bitmaps (such as jpg, png) and vector svg.

\n

And it can also be a dynamic gif.\nHowever, the imported gif will automatically become a video, because it is easy to control the playback and progress bar.

\n

Video

\n

Support most video formats. However, mp4 and webm are best.\nIf you import videos in other formats, the software will first convert to the above formats, which will be slower and take up more space.

\n

The current video support level is not very good. Not suitable for a large number of videos as material, and will be gradually improved in the future.

\n

Shape

\n

Support some basic graphics such as boxes and ellipses.

\n

Connect

\n

The default is straight line. You can set the head and tail arrows.\nIf you need a curve or a polyline, you can use the mouse to double-click anywhere on the line segment to create a turning point.

\n

Lens

\n

Through the control of the lens, the visual effect of zooming in and out of the screen can be achieved.

\n

Specifically for the settings of various elements, when the element is focused, the settings box in the lower right corner can be set.

\n

Scope of elements

\n

Each paragraph is an independent paragraph, just like a slide in a PPT.\nTherefore, if the elements of this paragraph are not set to disappear at the end, they will automatically disappear when entering the next paragraph.

\n

Of course, if the previous paragraph is closely related to this paragraph, the previous elements need to be retained. You can click → at the beginning of the paragraph,\nThen turn on the switch, and the beginning of the paragraph is changed to ↳.

","frontmatter":{"slug":"/tutorial/elements-keyword","title":"Elements and keywords","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/elements-keyword","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/elements-keyword","path":"/tutorial/elements-keyword"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/elements-keyword","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to understand the relationship between elements and keywords.

\n

Basic concept

\n

The creation, deletion, and disappearance of any element can be regarded as a change in the screen. These changes must be in a certain keyword (yellow highlight).\nThe range of keywords includes the space before the first word in the word, but does not include the space after the last word.

\n

Create, delete, transform, disappear

\n

Creation and disappearance correspond to the appearance and disappearance of elements in the screen respectively.

\n

The element that disappeared must have been created before.

\n

The positions of elements created, disappeared, and transformed will follow the current cursor position.

\n

However, note that there are 3 situations:\n-If the cursor is in a certain keyword, the creation and disappearance of the element are all in the current keyword.\nThe deleted element depends on which keyword it was created in.\n-If the cursor is in a non-keyword and there is a keyword in front of it (only in this paragraph), then the creation and disappearance of the element are all in the nearest keyword in front.\nThe deleted element also depends on which previous keyword it was created in\n-If the cursor is in a non-keyword, but there is no keyword in front (this paragraph only), the element will be in the arrow at the beginning of the paragraph,\nTap → or ↳ to see.

\n

The transform button allows the element to be transformed after it appears. The same element can have multiple changes after multiple keywords appear.\nAlso, deleting the current element will not delete the element before the transformation, and the element that will be transformed again afterwards.

\n

You can set transition animations for the appearance (creation) and disappearance of elements.\nThe transformation animation cannot be set at present, and there will be an automatic transition animation for each element.

\n

For more animation concepts and settings, you can see here.

\n

Create

\n

In the toolbar, you can select any button to create an element.\nYou can place the mouse on any icon, and the created element type corresponding to the button will be displayed after a short while.

\n

Paste

\n

-If there is a picture in the clipboard (gif is also available, sometimes it doesn't work), right-click on the blank area of ​​the screen on the right and select Paste.\nYou can use the shortcut key Ctrl+V.

\n

-If there is text in the clipboard, you need to create a text box first, and then paste it when the text box is focused.

\n

-If the clipboard is an element copied elsewhere (which can be in another document), then pasting will create a new element.

\n

Element type

\n

The elements that can be added to the screen are

\n

Word

\n

The text box.

\n

picture

\n

It supports bitmaps (such as jpg, png) and vector svg.

\n

And it can also be a dynamic gif.\nHowever, the imported gif will automatically become a video, because it is easy to control the playback and progress bar.

\n

Video

\n

Support most video formats. However, mp4 and webm are best.\nIf you import videos in other formats, the software will first convert to the above formats, which will be slower and take up more space.

\n

The current video support level is not very good. Not suitable for a large number of videos as material, and will be gradually improved in the future.

\n

Shape

\n

Support some basic graphics such as boxes and ellipses.

\n

Connect

\n

The default is straight line. You can set the head and tail arrows.\nIf you need a curve or a polyline, you can use the mouse to double-click anywhere on the line segment to create a turning point.

\n

Lens

\n

Through the control of the lens, the visual effect of zooming in and out of the screen can be achieved.

\n

Specifically for the settings of various elements, when the element is focused, the settings box in the lower right corner can be set.

\n

Scope of elements

\n

Each paragraph is an independent paragraph, just like a slide in a PPT.\nTherefore, if the elements of this paragraph are not set to disappear at the end, they will automatically disappear when entering the next paragraph.

\n

Of course, if the previous paragraph is closely related to this paragraph, the previous elements need to be retained. You can click → at the beginning of the paragraph,\nThen turn on the switch, and the beginning of the paragraph is changed to ↳.

","frontmatter":{"slug":"/tutorial/elements-keyword","title":"Elements and keywords","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"onlineVersion\":\"Online Version\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/elements-keyword","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/elements-keyword","path":"/tutorial/elements-keyword"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/tutorial/make-animation/page-data.json b/page-data/tutorial/make-animation/page-data.json index add6183..23ab777 100644 --- a/page-data/tutorial/make-animation/page-data.json +++ b/page-data/tutorial/make-animation/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/make-animation","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to know everything about visual animation.

\n

Basic animation settings

\n

Animation concept

\n

The animation here, if more appropriate, should be called motion graphics/design.\nThat is, it is more about the movement of the elements than the animation of drawing pictures (such as: whiteboard animation).\nIn this software, animation is mainly used for content visualization, which can better help the audience understand the content.

\n

Animation type

\n

In the software, there are 5 animation types:

\n

Appearing animation / Disappearing animation

\n

The creation or disappearance of elements, the resulting animation.\nIn the sports tab in the lower right corner, you can set specific animation methods.

\n

Appears animation type

\n

Let’s start with a basic box animation\n-Fade in \n-Zoom in and fade in \n-Move fade in \n-Cut in \n-Wipe in \n-Flash in \n-The copy source is moved into the same page, the same type of element (such as a box).\n-Depict

\n

Conversion animation

\n

The transition animation of the same element from one state to another state. This does not need to be set by yourself.\nThe software will decide the transition animation style by itself according to the specific element type.

\n

Accompanying animation

\n

As long as the element is in the frame, it will continue to produce (usually looping) animations.\nFor example, there is only one static picture for a short period of time in the video, and the viewer is prone to visual fatigue.\nAt this time, set it in the accompanying animation, such as: slowlyMove (slowly moving), the visual effect will be much better.

\n

Animation of different elements

\n

Text animation

\n

When the text is switching animation, the software will compare the content of the text before and after it, and automatically judge the newly added text, the deleted text, and the retained text.\nFor these 3 types of text, the corresponding animation is automatically generated.

\n

Camera changes

\n

When there is no element in focus, the setting frame of this scene is displayed in the lower right corner.\nThe first thumbnail in the settings box reflects the current camera status. The default is to cover all.\nPut the mouse on it, scroll up and down with the mouse wheel, you can see the zoom in and zoom out of the lens.\nThen, drag the green covering block with the mouse to move the lens.\n

\n

If the scene switching time is 0 (default), the lens is suddenly switched. If the camera transition animation is needed, just set the corresponding time.

\n

Advanced animation settings

\n

Basic animation can already meet most of the needs. Sometimes, in order to pursue better visual effects,\nAnd more refined animation implementation, the following settings may be used.

\n

Sequential animation

\n

In Elements and Keywords, every time an element changes, it is in a certain keyword.\nHowever, if you now want to make an element do multiple animations in sequence, for example, make a small ball first become bigger, then move, and then become smaller.\nSo, so it needs 3 keywords to trigger 3 animations. So now, sequential animations can combine these three animations and be triggered by a single keyword.

\n

For almost every element, you can see a row of numbers in the upper right corner of the lower right setting box after the element is focused. There is only one 0 at the beginning. Represents a stage.\nEach time you press the plus sign, multiple stages can be created. When switching between different stages, transition animations are automatically generated in the middle.\n\n \n \n \n \n

\n
\n

The following is under construction. . .

\n

Isochronous animation

\n

When there are many elements moving together, such as appearing together.\n\nWell, the simultaneous appearance may not be very beautiful.\nSet the delay of each element, according to the arithmetic sequence, there will be a better-looking crowd animation.\n

\n

The delay setting here is arranged according to the order of the elements you selected.\nYou can manually set the focus order of the elements, you can change the order of appearance.\n

","frontmatter":{"slug":"/tutorial/make-animation","title":"Make animations","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/make-animation","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/make-animation","path":"/tutorial/make-animation"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/make-animation","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to know everything about visual animation.

\n

Basic animation settings

\n

Animation concept

\n

The animation here, if more appropriate, should be called motion graphics/design.\nThat is, it is more about the movement of the elements than the animation of drawing pictures (such as: whiteboard animation).\nIn this software, animation is mainly used for content visualization, which can better help the audience understand the content.

\n

Animation type

\n

In the software, there are 5 animation types:

\n

Appearing animation / Disappearing animation

\n

The creation or disappearance of elements, the resulting animation.\nIn the sports tab in the lower right corner, you can set specific animation methods.

\n

Appears animation type

\n

Let’s start with a basic box animation\n-Fade in \n-Zoom in and fade in \n-Move fade in \n-Cut in \n-Wipe in \n-Flash in \n-The copy source is moved into the same page, the same type of element (such as a box).\n-Depict

\n

Conversion animation

\n

The transition animation of the same element from one state to another state. This does not need to be set by yourself.\nThe software will decide the transition animation style by itself according to the specific element type.

\n

Accompanying animation

\n

As long as the element is in the frame, it will continue to produce (usually looping) animations.\nFor example, there is only one static picture for a short period of time in the video, and the viewer is prone to visual fatigue.\nAt this time, set it in the accompanying animation, such as: slowlyMove (slowly moving), the visual effect will be much better.

\n

Animation of different elements

\n

Text animation

\n

When the text is switching animation, the software will compare the content of the text before and after it, and automatically judge the newly added text, the deleted text, and the retained text.\nFor these 3 types of text, the corresponding animation is automatically generated.

\n

Camera changes

\n

When there is no element in focus, the setting frame of this scene is displayed in the lower right corner.\nThe first thumbnail in the settings box reflects the current camera status. The default is to cover all.\nPut the mouse on it, scroll up and down with the mouse wheel, you can see the zoom in and zoom out of the lens.\nThen, drag the green covering block with the mouse to move the lens.\n

\n

If the scene switching time is 0 (default), the lens is suddenly switched. If the camera transition animation is needed, just set the corresponding time.

\n

Advanced animation settings

\n

Basic animation can already meet most of the needs. Sometimes, in order to pursue better visual effects,\nAnd more refined animation implementation, the following settings may be used.

\n

Sequential animation

\n

In Elements and Keywords, every time an element changes, it is in a certain keyword.\nHowever, if you now want to make an element do multiple animations in sequence, for example, make a small ball first become bigger, then move, and then become smaller.\nSo, so it needs 3 keywords to trigger 3 animations. So now, sequential animations can combine these three animations and be triggered by a single keyword.

\n

For almost every element, you can see a row of numbers in the upper right corner of the lower right setting box after the element is focused. There is only one 0 at the beginning. Represents a stage.\nEach time you press the plus sign, multiple stages can be created. When switching between different stages, transition animations are automatically generated in the middle.\n\n \n \n \n \n

\n
\n

The following is under construction. . .

\n

Isochronous animation

\n

When there are many elements moving together, such as appearing together.\n\nWell, the simultaneous appearance may not be very beautiful.\nSet the delay of each element, according to the arithmetic sequence, there will be a better-looking crowd animation.\n

\n

The delay setting here is arranged according to the order of the elements you selected.\nYou can manually set the focus order of the elements, you can change the order of appearance.\n

","frontmatter":{"slug":"/tutorial/make-animation","title":"Make animations","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"onlineVersion\":\"Online Version\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/make-animation","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/make-animation","path":"/tutorial/make-animation"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/tutorial/monitor-edit/page-data.json b/page-data/tutorial/monitor-edit/page-data.json index 306536a..5c30717 100644 --- a/page-data/tutorial/monitor-edit/page-data.json +++ b/page-data/tutorial/monitor-edit/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/monitor-edit","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to introduce all the content of the screen editing in the upper right corner, including shortcut skills.

\n

Editing multiple elements

\n

Multiple selection of elements

\n

There are two ways to select multiple elements.

\n
    \n
  1. Hold down Ctrl and click on multiple elements to select multiple elements.
    2. \n
  2. Drag from the blank space, the elements involved in the red frame will be focused.
    3. \n
\n

Combining the above two, when the Ctrl is held down, in addition to the framed element, the previously focused element will continue to be focused.

\n

Selection order

\n

The order in which you select the elements will be used as the basis for the order in the subsequent settings.\nFor example, time arithmetic delay, color gradient, etc.

\n

Multiple element settings

\n

After selecting (focusing) multiple elements, in the lower right setting box, some can set the gradient effect, such as:\n\n \n \n \n \n

\n

The first color represents the first element, and the second represents the last element.\nWhen setting the color of the first element, all elements will be uniformly set to the same color.\nOn this basis, when setting the second one, in addition to setting the color of the last element, all the colors from the first to the last are also set as a gradient color.

\n

A similar method can also be seen in making animation about multiple elements delay.

\n

Copy multiple elements

\n

If you want to copy one element into multiple, you can hold down the Ctrl key and drag the element, it will become two.

\n

In fact, the same is true when multiple elements are focused. After pressing the Ctrl key, drag any focused element to copy all of them.\n

","frontmatter":{"slug":"/tutorial/monitor-edit","title":"Monitor editing","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/monitor-edit","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/monitor-edit","path":"/tutorial/monitor-edit"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/monitor-edit","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to introduce all the content of the screen editing in the upper right corner, including shortcut skills.

\n

Editing multiple elements

\n

Multiple selection of elements

\n

There are two ways to select multiple elements.

\n
    \n
  1. Hold down Ctrl and click on multiple elements to select multiple elements.
    2. \n
  2. Drag from the blank space, the elements involved in the red frame will be focused.
    3. \n
\n

Combining the above two, when the Ctrl is held down, in addition to the framed element, the previously focused element will continue to be focused.

\n

Selection order

\n

The order in which you select the elements will be used as the basis for the order in the subsequent settings.\nFor example, time arithmetic delay, color gradient, etc.

\n

Multiple element settings

\n

After selecting (focusing) multiple elements, in the lower right setting box, some can set the gradient effect, such as:\n\n \n \n \n \n

\n

The first color represents the first element, and the second represents the last element.\nWhen setting the color of the first element, all elements will be uniformly set to the same color.\nOn this basis, when setting the second one, in addition to setting the color of the last element, all the colors from the first to the last are also set as a gradient color.

\n

A similar method can also be seen in making animation about multiple elements delay.

\n

Copy multiple elements

\n

If you want to copy one element into multiple, you can hold down the Ctrl key and drag the element, it will become two.

\n

In fact, the same is true when multiple elements are focused. After pressing the Ctrl key, drag any focused element to copy all of them.\n

","frontmatter":{"slug":"/tutorial/monitor-edit","title":"Monitor editing","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"onlineVersion\":\"Online Version\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/monitor-edit","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/monitor-edit","path":"/tutorial/monitor-edit"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/tutorial/quick-started/page-data.json b/page-data/tutorial/quick-started/page-data.json index 78d4f27..3cc208d 100644 --- a/page-data/tutorial/quick-started/page-data.json +++ b/page-data/tutorial/quick-started/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/quick-started","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to quickly make a simplest video.

\n

Download and install

\n

Currently, if you have any problems with the software (beta) download, please see [todo...]

\n

Create a video project (folder)

\n

The first time you open the software, there will be a pop-up window, select an empty folder as the storage place for the project.

\n

Folder directory structure (location of software open folder):

\n\n

The entire project folder can be copied, moved, deleted, etc. It is the same as a normal folder.

\n

Write a manuscript

\n

Write the manuscript in the left frame, each paragraph of text as a scene (scene).

\n

If you need to understand the function in depth, you can refer to detailed document of the manuscript

\n

Create element

\n

Select any text as a keyword, and select the box in the tool box that appears.\n

\n

Then, drag in the screen on the right to create it.

\n

For the creation and deletion of elements, and their relationship with keywords, please refer to Elements and Keywords

\n

Adjust elements

\n

When the element is focused, go to the setting box in the lower right corner to set the element's attributes.

\n\n

For detailed editing of elements in the screen, please refer to Screen Editing

\n

Create key points

\n

Select a word in the following text, and then click the ⊕ button to create a new key point for the element (similar to a key frame).\n

\n

Such an element has two states (keywords).

\n

Place the cursor on or after the second keyword, and then change elements in the screen, such as dragging.\nThen, click the preview button ▶ on the left, and the effect is as follows:\n

\n

When playing, the software will automatically connect the state of the same element to become a transition animation.

\n

Similarly, animations such as disappearing can also be set (No need to set key points anymore).\n\n \n \n \n \n

\n

**Note: Hover (hover) the mouse on any button for a short while, there will be a prompt. **

\n

For more animation production, please refer to Animation Production

\n

Recording

\n

If you don't want to record, you can skip this step, the software will automatically add machine-readable dubbing when exporting.

\n

Each paragraph is recorded separately (practice has proved that the shorter each paragraph, the less the total recording time).\nClick the recording button to start, and click again to start the text and the recording to automatically align. This takes about 10-20 seconds.\nYou can also continue to record the next paragraph while waiting, and support multiple paragraphs to be recognized at the same time.\nIn addition, please try to record in a quiet environment, noise will affect the recognition success rate.\n\n \n \n \n \n

\n

You can record repeatedly, and you can add/delete audio.

\n

For more recording and alignment, please refer to Recording and Alignment

\n

Export video

\n

Then click the Export... option of ☰ in the upper left corner of the menu, set it, and you can export.

\n

Detailed documentation

\n

For detailed documentation and video tutorials, please click here

","frontmatter":{"slug":"/tutorial/quick-started","title":"Quick Started","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/quick-started","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/quick-started","path":"/tutorial/quick-started"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/quick-started","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to quickly make a simplest video.

\n

Download and install

\n

Currently, if you have any problems with the software (beta) download, please see [todo...]

\n

Create a video project (folder)

\n

The first time you open the software, there will be a pop-up window, select an empty folder as the storage place for the project.

\n

Folder directory structure (location of software open folder):

\n\n

The entire project folder can be copied, moved, deleted, etc. It is the same as a normal folder.

\n

Write a manuscript

\n

Write the manuscript in the left frame, each paragraph of text as a scene (scene).

\n

If you need to understand the function in depth, you can refer to detailed document of the manuscript

\n

Create element

\n

Select any text as a keyword, and select the box in the tool box that appears.\n

\n

Then, drag in the screen on the right to create it.

\n

For the creation and deletion of elements, and their relationship with keywords, please refer to Elements and Keywords

\n

Adjust elements

\n

When the element is focused, go to the setting box in the lower right corner to set the element's attributes.

\n\n

For detailed editing of elements in the screen, please refer to Screen Editing

\n

Create key points

\n

Select a word in the following text, and then click the ⊕ button to create a new key point for the element (similar to a key frame).\n

\n

Such an element has two states (keywords).

\n

Place the cursor on or after the second keyword, and then change elements in the screen, such as dragging.\nThen, click the preview button ▶ on the left, and the effect is as follows:\n

\n

When playing, the software will automatically connect the state of the same element to become a transition animation.

\n

Similarly, animations such as disappearing can also be set (No need to set key points anymore).\n\n \n \n \n \n

\n

**Note: Hover (hover) the mouse on any button for a short while, there will be a prompt. **

\n

For more animation production, please refer to Animation Production

\n

Recording

\n

If you don't want to record, you can skip this step, the software will automatically add machine-readable dubbing when exporting.

\n

Each paragraph is recorded separately (practice has proved that the shorter each paragraph, the less the total recording time).\nClick the recording button to start, and click again to start the text and the recording to automatically align. This takes about 10-20 seconds.\nYou can also continue to record the next paragraph while waiting, and support multiple paragraphs to be recognized at the same time.\nIn addition, please try to record in a quiet environment, noise will affect the recognition success rate.\n\n \n \n \n \n

\n

You can record repeatedly, and you can add/delete audio.

\n

For more recording and alignment, please refer to Recording and Alignment

\n

Export video

\n

Then click the Export... option of ☰ in the upper left corner of the menu, set it, and you can export.

\n

Detailed documentation

\n

For detailed documentation and video tutorials, please click here

","frontmatter":{"slug":"/tutorial/quick-started","title":"Quick Started","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"onlineVersion\":\"Online Version\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/quick-started","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/quick-started","path":"/tutorial/quick-started"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/tutorial/record-and-align/page-data.json b/page-data/tutorial/record-and-align/page-data.json index 6d8e255..85bbf69 100644 --- a/page-data/tutorial/record-and-align/page-data.json +++ b/page-data/tutorial/record-and-align/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/record-and-align","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to introduce how to record and the automatic alignment function.

\n

Recording

\n

It is best to need a microphone to record in a quiet environment.\nEach paragraph is recorded separately, and the sequence does not matter, and it can be recorded repeatedly.

\n

If it is an existing audio (supporting most formats), it can also be imported directly.

\n

Automatic alignment

\n

Every time you record or import audio, the software will automatically align the audio with the text to form a verbatim script (the position of each word in the audio).

","frontmatter":{"slug":"/tutorial/record-and-align","title":"Recording and alignment","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/record-and-align","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/record-and-align","path":"/tutorial/record-and-align"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/record-and-align","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to introduce how to record and the automatic alignment function.

\n

Recording

\n

It is best to need a microphone to record in a quiet environment.\nEach paragraph is recorded separately, and the sequence does not matter, and it can be recorded repeatedly.

\n

If it is an existing audio (supporting most formats), it can also be imported directly.

\n

Automatic alignment

\n

Every time you record or import audio, the software will automatically align the audio with the text to form a verbatim script (the position of each word in the audio).

","frontmatter":{"slug":"/tutorial/record-and-align","title":"Recording and alignment","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"onlineVersion\":\"Online Version\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/record-and-align","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/record-and-align","path":"/tutorial/record-and-align"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/tutorial/write-narration/page-data.json b/page-data/tutorial/write-narration/page-data.json index 28b279f..8c6f8c9 100644 --- a/page-data/tutorial/write-narration/page-data.json +++ b/page-data/tutorial/write-narration/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/write-narration","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to understand all the functions and details of the manuscript.

\n

First of all, the manuscript here is equivalent to narration, or commentary.\nThat is, the playback of the video will be completely determined by the progress of the manuscript.\nTherefore, once the manuscript is determined, the time point at which each word appears in the corresponding timeline is also determined.

\n

The position of the cursor represents the time point of the current picture and subtitles.

\n

Play preview

\n

Click the top two play buttons to start playing from this section and play from the beginning.\n\n \n \n \n \n

\n

Language

\n

Support English and Chinese. That is, it will determine the language of the manuscript according to the proportion of the number of Chinese and the proportion of the number of English in the manuscript.\nThat is, different documents can be in different languages. This determines the language used by the machine to read the manuscript and align the recording.

\n

In addition, the language of the manuscript has nothing to do with the language of the software. The language of the software will always be one on a computer.

","frontmatter":{"slug":"/tutorial/write-narration","title":"Write narration","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/write-narration","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/write-narration","path":"/tutorial/write-narration"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/tutorial/write-narration","result":{"data":{"markdownRemark":{"html":"

This chapter will take you to understand all the functions and details of the manuscript.

\n

First of all, the manuscript here is equivalent to narration, or commentary.\nThat is, the playback of the video will be completely determined by the progress of the manuscript.\nTherefore, once the manuscript is determined, the time point at which each word appears in the corresponding timeline is also determined.

\n

The position of the cursor represents the time point of the current picture and subtitles.

\n

Play preview

\n

Click the top two play buttons to start playing from this section and play from the beginning.\n\n \n \n \n \n

\n

Language

\n

Support English and Chinese. That is, it will determine the language of the manuscript according to the proportion of the number of Chinese and the proportion of the number of English in the manuscript.\nThat is, different documents can be in different languages. This determines the language used by the machine to read the manuscript and align the recording.

\n

In addition, the language of the manuscript has nothing to do with the language of the software. The language of the software will always be one on a computer.

","frontmatter":{"slug":"/tutorial/write-narration","title":"Write narration","lang":"en"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"homePage\":\"Home\",\"quickStarted\":\"Quick Started\",\"writeNarration\":\"Write Narration\",\"elementKeyword\":\"Elements Keyword\",\"monitorEdit\":\"Monitor Editing\",\"makeAnimate\":\"Make Animation\",\"recordAlign\":\"Record and Align\",\"en\":\"English\",\"zh\":\"Chinese\",\"onlyWin64\":\"only support win64 currently\",\"welcomeFeedback\":\"Welcome any feedback\",\"community\":\"slack\",\"onlineVersion\":\"Online Version\",\"doc\":\"document\",\"appIntro\":\"is a knowledge-based video production tool, used to make presentation videos. The screen editing part is similar to the way of using PPT/Keynote. The overall threshold for use is similar, and you can quickly make an intuitive and beautiful visual animation video.\",\"priceInfo\":\"Now, the software is in the testing phase, there will be no charges and no restrictions. In the future, starting from the official version, there will be trials of free and paid versions.\"}","language":"en"}}]}},"pageContext":{"slug":"/tutorial/write-narration","lang":"en","language":"en","i18n":{"language":"en","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/tutorial/write-narration","path":"/tutorial/write-narration"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/page-data.json b/page-data/zh/page-data.json index 6dbdd6e..6189dc1 100644 --- a/page-data/zh/page-data.json +++ b/page-data/zh/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-pages-index-js","path":"/zh/","result":{"data":{"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/","path":"zh/"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-pages-index-js","path":"/zh/","result":{"data":{"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/","path":"zh/"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/tutorial/document-list/page-data.json b/page-data/zh/tutorial/document-list/page-data.json index 3601284..af7e22d 100644 --- a/page-data/zh/tutorial/document-list/page-data.json +++ b/page-data/zh/tutorial/document-list/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/document-list","result":{"data":{"markdownRemark":{"html":"","frontmatter":{"slug":"/tutorial/document-list","title":"文档目录","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/document-list","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/document-list","path":"zh/tutorial/document-list"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/document-list","result":{"data":{"markdownRemark":{"html":"","frontmatter":{"slug":"/tutorial/document-list","title":"文档目录","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/document-list","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/document-list","path":"zh/tutorial/document-list"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/tutorial/elements-keyword/page-data.json b/page-data/zh/tutorial/elements-keyword/page-data.json index ffe3fa2..7b409bf 100644 --- a/page-data/zh/tutorial/elements-keyword/page-data.json +++ b/page-data/zh/tutorial/elements-keyword/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/elements-keyword","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解元素与关键词的关系。

\n

基本概念

\n

任意一个元素的创建、删除、消失，可以视为画面的变化。这些变化必须处于某个关键词（黄色高亮）中。\n关键词的范围包括词中的第一个字的前面间隙，但不包括最后一字的后面间隙。

\n

创建、删除、变换、消失

\n

创建、消失分别对应画面中，元素的出现、消失。

\n

消失的元素前面一定是已经创建了的。

\n

创建、消失、变换的元素位置会按照当前光标所在的位置。

\n

但是，注意这里有3种情况：

\n\n

变换的按钮可以让元素在出现后，再变换。同一个元素可以在出现之后的多个关键词，有多次变化。\n还有，删除当前的元素，并不会删除变换前的元素，还有之后再次变换的元素。

\n

可以针对元素的出现（创建）、消失设置过渡动画。\n变换的动画目前无法设置，会针对每一种元素有自动的过渡动画。

\n

关于更多的动画概念和设置，可以参看这里。

\n

创建

\n

在工具栏中，可以选择任意一个按钮，可以创建元素。\n可以将鼠标放到任意一个图标上，等一小会儿之后会显示该按钮对应的创建的元素类型。

\n

粘贴

\n\n

元素种类

\n

在画面中可以添加的元素有

\n

文字

\n

文本框

\n

图片

\n

支持位图（如：jpg、png），也支持矢量图svg。

\n

而且还可以是动态图gif。\n但是，导入的gif会自动变成视频，因为这样容易控制播放、进度条。

\n

视频

\n

支持大部分视频格式。但是，最好是mp4、webm。\n若导入其他格式视频，软件会先转换成上述的格式，会比较慢、占用空间更多。

\n

目前视频的支持程度不是很好。不太适合大量视频作为素材，以后会逐步改进。

\n

形状

\n

支持一些如方框、椭圆等基本图形。

\n

连线

\n

默认是直线。可以设置头尾的箭头。\n若需要曲线或折线，可以让鼠标在线段上任意处双击，创建一个转折点。

\n

镜头

\n

通过对镜头的控制，可以实现画面放大缩小的视觉效果。

\n

具体对于各种元素的设置，当元素被聚焦的时候，右下角的设置框中可以设置。

\n

元素的作用域

\n

每一个段落是一个独立的段落，就好像是PPT中的一页slide。\n所以，如果本段的元素到最后都没有设置消失，进入下一段就会自动消失。

\n

当然，如果上一段和本段联系比较紧密，需要保留之前的元素。可以点击段落的开头的 → ，\n然后打开开关，段落开头就改成 ↳ 了。

","frontmatter":{"slug":"/tutorial/elements-keyword","title":"元素与关键词","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/elements-keyword","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/elements-keyword","path":"zh/tutorial/elements-keyword"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/elements-keyword","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解元素与关键词的关系。

\n

基本概念

\n

任意一个元素的创建、删除、消失，可以视为画面的变化。这些变化必须处于某个关键词（黄色高亮）中。\n关键词的范围包括词中的第一个字的前面间隙，但不包括最后一字的后面间隙。

\n

创建、删除、变换、消失

\n

创建、消失分别对应画面中，元素的出现、消失。

\n

消失的元素前面一定是已经创建了的。

\n

创建、消失、变换的元素位置会按照当前光标所在的位置。

\n

但是，注意这里有3种情况：

\n\n

变换的按钮可以让元素在出现后，再变换。同一个元素可以在出现之后的多个关键词，有多次变化。\n还有，删除当前的元素，并不会删除变换前的元素，还有之后再次变换的元素。

\n

可以针对元素的出现（创建）、消失设置过渡动画。\n变换的动画目前无法设置，会针对每一种元素有自动的过渡动画。

\n

关于更多的动画概念和设置，可以参看这里。

\n

创建

\n

在工具栏中，可以选择任意一个按钮，可以创建元素。\n可以将鼠标放到任意一个图标上，等一小会儿之后会显示该按钮对应的创建的元素类型。

\n

粘贴

\n\n

元素种类

\n

在画面中可以添加的元素有

\n

文字

\n

文本框

\n

图片

\n

支持位图（如：jpg、png），也支持矢量图svg。

\n

而且还可以是动态图gif。\n但是，导入的gif会自动变成视频，因为这样容易控制播放、进度条。

\n

视频

\n

支持大部分视频格式。但是，最好是mp4、webm。\n若导入其他格式视频，软件会先转换成上述的格式，会比较慢、占用空间更多。

\n

目前视频的支持程度不是很好。不太适合大量视频作为素材，以后会逐步改进。

\n

形状

\n

支持一些如方框、椭圆等基本图形。

\n

连线

\n

默认是直线。可以设置头尾的箭头。\n若需要曲线或折线，可以让鼠标在线段上任意处双击，创建一个转折点。

\n

镜头

\n

通过对镜头的控制，可以实现画面放大缩小的视觉效果。

\n

具体对于各种元素的设置，当元素被聚焦的时候，右下角的设置框中可以设置。

\n

元素的作用域

\n

每一个段落是一个独立的段落，就好像是PPT中的一页slide。\n所以，如果本段的元素到最后都没有设置消失，进入下一段就会自动消失。

\n

当然，如果上一段和本段联系比较紧密，需要保留之前的元素。可以点击段落的开头的 → ，\n然后打开开关，段落开头就改成 ↳ 了。

","frontmatter":{"slug":"/tutorial/elements-keyword","title":"元素与关键词","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/elements-keyword","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/elements-keyword","path":"zh/tutorial/elements-keyword"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/tutorial/make-animation/page-data.json b/page-data/zh/tutorial/make-animation/page-data.json index c334936..e4471e6 100644 --- a/page-data/zh/tutorial/make-animation/page-data.json +++ b/page-data/zh/tutorial/make-animation/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/make-animation","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解有关于可视化动画的一切。

\n

基础动画设置

\n

动画概念

\n

这里的动画，如果用更合适的话，应该叫动效(motion graphics/design)。\n也就是更多的是关于元素的运动，而不是画图画的动画（比如：白板动画）。\n在这个软件中，动画主要用在内容可视化上，可以更好地帮助观众理解内容。

\n

动画种类

\n

在软件中，一共有5种动画类型：

\n

出现动画 / 消失动画

\n

元素的产生，或消失，所产生的动画。\n在右下角的运动标签中，可以设置具体的动画方式。

\n

出现动画类型

\n

先以基本的方框动画开始

\n\n

转换动画

\n

同一个元素，从一种状态转换成另一种状态的过渡动画。这个不需要自己设置。\n软件会根据特定的元素类型，自己决定过渡的动画样式。

\n

伴随性动画

\n

只要元素在画面中，它就会持续产生（通常是循环）动画。\n比如：视频中某一小段时间，只有一张静态的图片，观众容易视觉疲劳。\n这时在伴随性动画中设置，比如：slowlyMove(缓慢移动)，视觉效果会好很多。

\n

不同元素的动画

\n

文字动画

\n

文字在做切换动画时，软件会比较前后文本内容，自动判断新加的文字、删除的文字、保留的文字。\n针对这3种文字，自动产生对应的动画。

\n

镜头变化

\n

没有元素聚焦的时候，右下角显示的就是本场景的设置框。\n设置框中的第一个缩略图，反应的就是当前镜头的状态。默认是覆盖全部。\n把鼠标放到上面，用鼠标的滚轮上下滚动，您就可以看到，镜头的放大、缩小。\n然后，鼠标拖动绿色的覆盖块，就可以移动镜头了。\n

\n

场景切换的时间若是0时（默认），镜头就是突然切换。若需要镜头过渡动画，则设置对应的时间就可以了。

\n

高级动画设置

\n

基本的动画已经可以满足大部分的需求了。有时候，为了追求更好的视觉效果，\n和更加精细化的动画实现，可能会用到以下一些设置。

\n

序列性动画

\n

在元素与关键词中，每次元素的变化，都是处于某一个关键词中。\n但是，如果现在想要让一个元素按照顺序做多个动画，比如：让一个小球先变大，再移动，再变小。\n那么，这样它就需要3个关键词来触发3个动画。那么现在，序列性动画可以让这3个动画合起来，由一个关键词触发。

\n

几乎每个元素，您都可以在元素聚焦后，看到右下设置框的右上角有一排数字。初始时只有一个0。代表一个阶段。\n每按一次加号，就可以创建多个阶段。不同的阶段的切换，中间会自动产生过渡动画。\n\n \n \n \n \n

\n
\n

以下施工中。。。

\n

多元素延迟动画

\n

当有许多的元素一起运动的时候，比如一起出现。\n\n那么，同时出现可能不是很好看。\n设置每个元素的延迟，按照等差数列，就会出现更好看的群体动画。\n

\n

这里的延迟设置是按照您选中元素的顺序来安排的。\n您可以手动设置元素的聚焦顺序，就可以改变出现的顺序。\n

","frontmatter":{"slug":"/tutorial/make-animation","title":"制作动画","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/make-animation","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/make-animation","path":"zh/tutorial/make-animation"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/make-animation","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解有关于可视化动画的一切。

\n

基础动画设置

\n

动画概念

\n

这里的动画，如果用更合适的话，应该叫动效(motion graphics/design)。\n也就是更多的是关于元素的运动，而不是画图画的动画（比如：白板动画）。\n在这个软件中，动画主要用在内容可视化上，可以更好地帮助观众理解内容。

\n

动画种类

\n

在软件中，一共有5种动画类型：

\n

出现动画 / 消失动画

\n

元素的产生，或消失，所产生的动画。\n在右下角的运动标签中，可以设置具体的动画方式。

\n

出现动画类型

\n

先以基本的方框动画开始

\n\n

转换动画

\n

同一个元素，从一种状态转换成另一种状态的过渡动画。这个不需要自己设置。\n软件会根据特定的元素类型，自己决定过渡的动画样式。

\n

伴随性动画

\n

只要元素在画面中，它就会持续产生（通常是循环）动画。\n比如：视频中某一小段时间，只有一张静态的图片，观众容易视觉疲劳。\n这时在伴随性动画中设置，比如：slowlyMove(缓慢移动)，视觉效果会好很多。

\n

不同元素的动画

\n

文字动画

\n

文字在做切换动画时，软件会比较前后文本内容，自动判断新加的文字、删除的文字、保留的文字。\n针对这3种文字，自动产生对应的动画。

\n

镜头变化

\n

没有元素聚焦的时候，右下角显示的就是本场景的设置框。\n设置框中的第一个缩略图，反应的就是当前镜头的状态。默认是覆盖全部。\n把鼠标放到上面，用鼠标的滚轮上下滚动，您就可以看到，镜头的放大、缩小。\n然后，鼠标拖动绿色的覆盖块，就可以移动镜头了。\n

\n

场景切换的时间若是0时（默认），镜头就是突然切换。若需要镜头过渡动画，则设置对应的时间就可以了。

\n

高级动画设置

\n

基本的动画已经可以满足大部分的需求了。有时候，为了追求更好的视觉效果，\n和更加精细化的动画实现，可能会用到以下一些设置。

\n

序列性动画

\n

在元素与关键词中，每次元素的变化，都是处于某一个关键词中。\n但是，如果现在想要让一个元素按照顺序做多个动画，比如：让一个小球先变大，再移动，再变小。\n那么，这样它就需要3个关键词来触发3个动画。那么现在，序列性动画可以让这3个动画合起来，由一个关键词触发。

\n

几乎每个元素，您都可以在元素聚焦后，看到右下设置框的右上角有一排数字。初始时只有一个0。代表一个阶段。\n每按一次加号，就可以创建多个阶段。不同的阶段的切换，中间会自动产生过渡动画。\n\n \n \n \n \n

\n
\n

以下施工中。。。

\n

多元素延迟动画

\n

当有许多的元素一起运动的时候，比如一起出现。\n\n那么，同时出现可能不是很好看。\n设置每个元素的延迟，按照等差数列，就会出现更好看的群体动画。\n

\n

这里的延迟设置是按照您选中元素的顺序来安排的。\n您可以手动设置元素的聚焦顺序，就可以改变出现的顺序。\n

","frontmatter":{"slug":"/tutorial/make-animation","title":"制作动画","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/make-animation","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/make-animation","path":"zh/tutorial/make-animation"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/tutorial/monitor-edit/page-data.json b/page-data/zh/tutorial/monitor-edit/page-data.json index 9dcb8ea..3a38f33 100644 --- a/page-data/zh/tutorial/monitor-edit/page-data.json +++ b/page-data/zh/tutorial/monitor-edit/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/monitor-edit","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您介绍右上角画面编辑的所有内容，包括快捷技巧。

\n

多个元素的编辑

\n

元素多选

\n

有两种方式来选择多个元素。

\n
    \n
  1. 按住Ctrl，鼠标点击多个元素，可以多选。
    2. \n
  2. 从空白处拖动，有红色的框涉及的元素均会聚焦。
    3. \n
\n

将以上两种结合，在Ctrl按住的情况下，除了框住的元素，之前聚焦的元素也继续聚焦。

\n

选择顺序

\n

您在选择元素的先后顺序，将会作为之后设置时的顺序依据。\n比如，时间等差延迟、颜色渐变等。

\n

多个元素设置

\n

将多个元素选中(聚焦)后，右下的设置框中，有的可以设置渐变的效果，比如：\n\n \n \n \n \n

\n

第一个颜色代表第一个元素，第二个代表最后一个元素。\n设置第一个元素的颜色时，会将所有元素统一设置成一样的颜色。\n在这个基础上，设置第二个时，除了设置最后一个元素的颜色外，还会设置从第一个到最后一个中间的所有颜色，成渐变颜色。

\n

类似的方法还可以在制作动画中关于多个元素延迟看到。

\n

复制多个元素

\n

如果想把一个元素复制成多个，可以按住Ctrl键，然后拖动元素，它就会变成两个。

\n

其实，多个元素聚焦时也是一样，Ctrl键按住后，拖动任一聚焦的元素后，全部复制一份。\n

","frontmatter":{"slug":"/tutorial/monitor-edit","title":"画面编辑","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/monitor-edit","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/monitor-edit","path":"zh/tutorial/monitor-edit"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/monitor-edit","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您介绍右上角画面编辑的所有内容，包括快捷技巧。

\n

多个元素的编辑

\n

元素多选

\n

有两种方式来选择多个元素。

\n
    \n
  1. 按住Ctrl，鼠标点击多个元素，可以多选。
    2. \n
  2. 从空白处拖动，有红色的框涉及的元素均会聚焦。
    3. \n
\n

将以上两种结合，在Ctrl按住的情况下，除了框住的元素，之前聚焦的元素也继续聚焦。

\n

选择顺序

\n

您在选择元素的先后顺序，将会作为之后设置时的顺序依据。\n比如，时间等差延迟、颜色渐变等。

\n

多个元素设置

\n

将多个元素选中(聚焦)后，右下的设置框中，有的可以设置渐变的效果，比如：\n\n \n \n \n \n

\n

第一个颜色代表第一个元素，第二个代表最后一个元素。\n设置第一个元素的颜色时，会将所有元素统一设置成一样的颜色。\n在这个基础上，设置第二个时，除了设置最后一个元素的颜色外，还会设置从第一个到最后一个中间的所有颜色，成渐变颜色。

\n

类似的方法还可以在制作动画中关于多个元素延迟看到。

\n

复制多个元素

\n

如果想把一个元素复制成多个，可以按住Ctrl键，然后拖动元素，它就会变成两个。

\n

其实，多个元素聚焦时也是一样，Ctrl键按住后，拖动任一聚焦的元素后，全部复制一份。\n

","frontmatter":{"slug":"/tutorial/monitor-edit","title":"画面编辑","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/monitor-edit","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/monitor-edit","path":"zh/tutorial/monitor-edit"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/tutorial/quick-started/page-data.json b/page-data/zh/tutorial/quick-started/page-data.json index 9f72c53..3bca595 100644 --- a/page-data/zh/tutorial/quick-started/page-data.json +++ b/page-data/zh/tutorial/quick-started/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/quick-started","result":{"data":{"markdownRemark":{"html":"

本章将带您快速做一个最简单的视频。

\n

下载安装

\n

目前，软件(测试版)下载若有问题请看视频教程。

\n

创建视频项目（文件夹）

\n

初次打开软件，就会有一个弹窗，选择一个空文件夹，作为项目存储的地方。

\n

文件夹目录结构(软件打开文件夹的位置)：

\n\n

项目文件夹可以整个复制、移动、删除等。和普通的文件夹一样。

\n

写文稿

\n

左边框中的写文稿，每一段文字作为一幕（场景）。

\n

如果需要深入了解功能，可以参看文稿的详细文档

\n

创建元素

\n

选中任意的文字作为关键词，在出现的工具框中选择方框。\n

\n

然后，在右边的画面中拖动来创建。

\n\n

关于元素的创建、删除，然后它们与关键词的关系，可以参看元素与关键词

\n

调整元素

\n

在元素被聚焦的情况下，到右下角的设置框中设置元素的属性。这里把直角角度变圆弧。\n

\n

关于详细的画面中元素的编辑，可以参看画面编辑

\n

创建关键点

\n

在后面的文中选择一个词，然后点击⊕按钮，可以创建元素新的关键点（类似于关键帧）。\n

\n

这样一个元素就有两个状态(关键词)了。

\n

光标放在第二个关键词或之后，再在画面中改动元素，如：拖动。\n然后，点击左侧的预览按钮▶效果如下：\n

\n

播放时，软件自动会将同一个元素的状态切换衔接起来，成为一个转换动画。

\n

类似的，还可以设置消失等动画(不需要再设置关键点了)。\n\n \n \n \n \n

\n

注：鼠标放(悬停)在任一按钮上一小会儿，就会有提示。

\n

关于更多的动画制作，可以参看动画制作

\n

录音

\n

如果您不想录音，可以直接跳过这一步，在导出时软件会自动加上机读的配音。

\n

每一段单独录音（实践证明每段文字越短，总录音时间就越少）。\n点击每段的录音按钮就开始，再点一次开始文字与录音自动对齐。这大概需要 10 ~ 20 秒.\n等待时也可以继续录下一段落，支持多个段落同时识别。\n另外，录音请尽量在安静的环境中，噪音会影响识别成功率。\n

\n

可以反复录音，还可以添加/删除音频。

\n

关于更多的录音与对齐，可以参看录音和对齐

\n

导出视频

\n

然后点击左上角菜单中☰的导出...选项，设置一下，就可以导出了。

\n

详细文档

\n

详细的文档和视频教程请点击这里

","frontmatter":{"slug":"/tutorial/quick-started","title":"快速入门","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/quick-started","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/quick-started","path":"zh/tutorial/quick-started"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/quick-started","result":{"data":{"markdownRemark":{"html":"

本章将带您快速做一个最简单的视频。

\n

下载安装

\n

目前，软件(测试版)下载若有问题请看视频教程。

\n

创建视频项目（文件夹）

\n

初次打开软件，就会有一个弹窗，选择一个空文件夹，作为项目存储的地方。

\n

文件夹目录结构(软件打开文件夹的位置)：

\n\n

项目文件夹可以整个复制、移动、删除等。和普通的文件夹一样。

\n

写文稿

\n

左边框中的写文稿，每一段文字作为一幕（场景）。

\n

如果需要深入了解功能，可以参看文稿的详细文档

\n

创建元素

\n

选中任意的文字作为关键词，在出现的工具框中选择方框。\n

\n

然后，在右边的画面中拖动来创建。

\n\n

关于元素的创建、删除，然后它们与关键词的关系，可以参看元素与关键词

\n

调整元素

\n

在元素被聚焦的情况下，到右下角的设置框中设置元素的属性。这里把直角角度变圆弧。\n

\n

关于详细的画面中元素的编辑，可以参看画面编辑

\n

创建关键点

\n

在后面的文中选择一个词，然后点击⊕按钮，可以创建元素新的关键点（类似于关键帧）。\n

\n

这样一个元素就有两个状态(关键词)了。

\n

光标放在第二个关键词或之后，再在画面中改动元素，如：拖动。\n然后，点击左侧的预览按钮▶效果如下：\n

\n

播放时，软件自动会将同一个元素的状态切换衔接起来，成为一个转换动画。

\n

类似的，还可以设置消失等动画(不需要再设置关键点了)。\n\n \n \n \n \n

\n

注：鼠标放(悬停)在任一按钮上一小会儿，就会有提示。

\n

关于更多的动画制作，可以参看动画制作

\n

录音

\n

如果您不想录音，可以直接跳过这一步，在导出时软件会自动加上机读的配音。

\n

每一段单独录音（实践证明每段文字越短，总录音时间就越少）。\n点击每段的录音按钮就开始，再点一次开始文字与录音自动对齐。这大概需要 10 ~ 20 秒.\n等待时也可以继续录下一段落，支持多个段落同时识别。\n另外，录音请尽量在安静的环境中，噪音会影响识别成功率。\n

\n

可以反复录音，还可以添加/删除音频。

\n

关于更多的录音与对齐，可以参看录音和对齐

\n

导出视频

\n

然后点击左上角菜单中☰的导出...选项，设置一下，就可以导出了。

\n

详细文档

\n

详细的文档和视频教程请点击这里

","frontmatter":{"slug":"/tutorial/quick-started","title":"快速入门","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/quick-started","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/quick-started","path":"zh/tutorial/quick-started"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/tutorial/record-and-align/page-data.json b/page-data/zh/tutorial/record-and-align/page-data.json index 0d99737..fc88ea8 100644 --- a/page-data/zh/tutorial/record-and-align/page-data.json +++ b/page-data/zh/tutorial/record-and-align/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/record-and-align","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您介绍如何录音，以及自动对齐功能。

\n

录音

\n

最好需要麦克风，在一个安静的环境中录音。\n每一段落单独录音，顺序也没有关系，可以反复录音。

\n

如果是已有的音频(支持大部分的格式)，那么直接也可以导入。

\n

自动对齐

\n

每次录音，或导入音频后，软件会自动将音频和文字对齐，形成逐字稿（每个字在音频中的位置）。

","frontmatter":{"slug":"/tutorial/record-and-align","title":"录音与对齐","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/record-and-align","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/record-and-align","path":"zh/tutorial/record-and-align"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/record-and-align","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您介绍如何录音，以及自动对齐功能。

\n

录音

\n

最好需要麦克风，在一个安静的环境中录音。\n每一段落单独录音，顺序也没有关系，可以反复录音。

\n

如果是已有的音频(支持大部分的格式)，那么直接也可以导入。

\n

自动对齐

\n

每次录音，或导入音频后，软件会自动将音频和文字对齐，形成逐字稿（每个字在音频中的位置）。

","frontmatter":{"slug":"/tutorial/record-and-align","title":"录音与对齐","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/record-and-align","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/record-and-align","path":"zh/tutorial/record-and-align"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/tutorial/write-narration/page-data.json b/page-data/zh/tutorial/write-narration/page-data.json index e9e2864..c6690c9 100644 --- a/page-data/zh/tutorial/write-narration/page-data.json +++ b/page-data/zh/tutorial/write-narration/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/write-narration","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解文稿的全部功能和细节。

\n

首先，文稿在这里相当于是旁白，或者说是解说。\n也就是，视频的播放会完全由文稿的进度来决定的。\n所以，文稿一旦确定了，对应的时间轴中每个词出现的时间点也就确定了。

\n

而光标所在的位置，代表当前画面和字幕的时间点。

\n

播放预览

\n

点击最上面的两个播放按钮，分别是从本段开始播放、从头开始播放。\n\n \n \n \n \n

\n

语言

\n

支持英文和中文。也就是，它会根据文稿中，中文数量的比例、英文数量的比例，来决定着该文稿的语言。\n也就是，不同的文稿可以是不同的语言。这决定着，机器念文稿，以及录音对齐时所采用的语言。

\n

另外，文稿的语言和软件的语言无关。软件的语言在一台电脑上，会一直是一种。

","frontmatter":{"slug":"/tutorial/write-narration","title":"写文稿","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/write-narration","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/write-narration","path":"zh/tutorial/write-narration"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/tutorial/write-narration","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解文稿的全部功能和细节。

\n

首先，文稿在这里相当于是旁白，或者说是解说。\n也就是，视频的播放会完全由文稿的进度来决定的。\n所以，文稿一旦确定了，对应的时间轴中每个词出现的时间点也就确定了。

\n

而光标所在的位置，代表当前画面和字幕的时间点。

\n

播放预览

\n

点击最上面的两个播放按钮，分别是从本段开始播放、从头开始播放。\n\n \n \n \n \n

\n

语言

\n

支持英文和中文。也就是，它会根据文稿中，中文数量的比例、英文数量的比例，来决定着该文稿的语言。\n也就是，不同的文稿可以是不同的语言。这决定着，机器念文稿，以及录音对齐时所采用的语言。

\n

另外，文稿的语言和软件的语言无关。软件的语言在一台电脑上，会一直是一种。

","frontmatter":{"slug":"/tutorial/write-narration","title":"写文稿","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/write-narration","lang":"en","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/tutorial/write-narration","path":"zh/tutorial/write-narration"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/zh/tutorial/document-list/page-data.json b/page-data/zh/zh/tutorial/document-list/page-data.json index 55cd6c2..01c02ca 100644 --- a/page-data/zh/zh/tutorial/document-list/page-data.json +++ b/page-data/zh/zh/tutorial/document-list/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/document-list","result":{"data":{"markdownRemark":{"html":"","frontmatter":{"slug":"/tutorial/document-list","title":"文档目录","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/document-list","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/document-list","path":"zh/zh/tutorial/document-list"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/document-list","result":{"data":{"markdownRemark":{"html":"","frontmatter":{"slug":"/tutorial/document-list","title":"文档目录","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/document-list","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/document-list","path":"zh/zh/tutorial/document-list"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/zh/tutorial/elements-keyword/page-data.json b/page-data/zh/zh/tutorial/elements-keyword/page-data.json index 016f07f..47cb982 100644 --- a/page-data/zh/zh/tutorial/elements-keyword/page-data.json +++ b/page-data/zh/zh/tutorial/elements-keyword/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/elements-keyword","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解元素与关键词的关系。

\n

基本概念

\n

任意一个元素的创建、删除、消失，可以视为画面的变化。这些变化必须处于某个关键词（黄色高亮）中。\n关键词的范围包括词中的第一个字的前面间隙，但不包括最后一字的后面间隙。

\n

创建、删除、变换、消失

\n

创建、消失分别对应画面中，元素的出现、消失。

\n

消失的元素前面一定是已经创建了的。

\n

创建、消失、变换的元素位置会按照当前光标所在的位置。

\n

但是，注意这里有3种情况：

\n\n

变换的按钮可以让元素在出现后，再变换。同一个元素可以在出现之后的多个关键词，有多次变化。\n还有，删除当前的元素，并不会删除变换前的元素，还有之后再次变换的元素。

\n

可以针对元素的出现（创建）、消失设置过渡动画。\n变换的动画目前无法设置，会针对每一种元素有自动的过渡动画。

\n

关于更多的动画概念和设置，可以参看这里。

\n

创建

\n

在工具栏中，可以选择任意一个按钮，可以创建元素。\n可以将鼠标放到任意一个图标上，等一小会儿之后会显示该按钮对应的创建的元素类型。

\n

粘贴

\n\n

元素种类

\n

在画面中可以添加的元素有

\n

文字

\n

文本框

\n

图片

\n

支持位图（如：jpg、png），也支持矢量图svg。

\n

而且还可以是动态图gif。\n但是，导入的gif会自动变成视频，因为这样容易控制播放、进度条。

\n

视频

\n

支持大部分视频格式。但是，最好是mp4、webm。\n若导入其他格式视频，软件会先转换成上述的格式，会比较慢、占用空间更多。

\n

目前视频的支持程度不是很好。不太适合大量视频作为素材，以后会逐步改进。

\n

形状

\n

支持一些如方框、椭圆等基本图形。

\n

连线

\n

默认是直线。可以设置头尾的箭头。\n若需要曲线或折线，可以让鼠标在线段上任意处双击，创建一个转折点。

\n

镜头

\n

通过对镜头的控制，可以实现画面放大缩小的视觉效果。

\n

具体对于各种元素的设置，当元素被聚焦的时候，右下角的设置框中可以设置。

\n

元素的作用域

\n

每一个段落是一个独立的段落，就好像是PPT中的一页slide。\n所以，如果本段的元素到最后都没有设置消失，进入下一段就会自动消失。

\n

当然，如果上一段和本段联系比较紧密，需要保留之前的元素。可以点击段落的开头的 → ，\n然后打开开关，段落开头就改成 ↳ 了。

","frontmatter":{"slug":"/tutorial/elements-keyword","title":"元素与关键词","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/elements-keyword","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/elements-keyword","path":"zh/zh/tutorial/elements-keyword"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/elements-keyword","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解元素与关键词的关系。

\n

基本概念

\n

任意一个元素的创建、删除、消失，可以视为画面的变化。这些变化必须处于某个关键词（黄色高亮）中。\n关键词的范围包括词中的第一个字的前面间隙，但不包括最后一字的后面间隙。

\n

创建、删除、变换、消失

\n

创建、消失分别对应画面中，元素的出现、消失。

\n

消失的元素前面一定是已经创建了的。

\n

创建、消失、变换的元素位置会按照当前光标所在的位置。

\n

但是，注意这里有3种情况：

\n\n

变换的按钮可以让元素在出现后，再变换。同一个元素可以在出现之后的多个关键词，有多次变化。\n还有，删除当前的元素，并不会删除变换前的元素，还有之后再次变换的元素。

\n

可以针对元素的出现（创建）、消失设置过渡动画。\n变换的动画目前无法设置，会针对每一种元素有自动的过渡动画。

\n

关于更多的动画概念和设置，可以参看这里。

\n

创建

\n

在工具栏中，可以选择任意一个按钮，可以创建元素。\n可以将鼠标放到任意一个图标上，等一小会儿之后会显示该按钮对应的创建的元素类型。

\n

粘贴

\n\n

元素种类

\n

在画面中可以添加的元素有

\n

文字

\n

文本框

\n

图片

\n

支持位图（如：jpg、png），也支持矢量图svg。

\n

而且还可以是动态图gif。\n但是，导入的gif会自动变成视频，因为这样容易控制播放、进度条。

\n

视频

\n

支持大部分视频格式。但是，最好是mp4、webm。\n若导入其他格式视频，软件会先转换成上述的格式，会比较慢、占用空间更多。

\n

目前视频的支持程度不是很好。不太适合大量视频作为素材，以后会逐步改进。

\n

形状

\n

支持一些如方框、椭圆等基本图形。

\n

连线

\n

默认是直线。可以设置头尾的箭头。\n若需要曲线或折线，可以让鼠标在线段上任意处双击，创建一个转折点。

\n

镜头

\n

通过对镜头的控制，可以实现画面放大缩小的视觉效果。

\n

具体对于各种元素的设置，当元素被聚焦的时候，右下角的设置框中可以设置。

\n

元素的作用域

\n

每一个段落是一个独立的段落，就好像是PPT中的一页slide。\n所以，如果本段的元素到最后都没有设置消失，进入下一段就会自动消失。

\n

当然，如果上一段和本段联系比较紧密，需要保留之前的元素。可以点击段落的开头的 → ，\n然后打开开关，段落开头就改成 ↳ 了。

","frontmatter":{"slug":"/tutorial/elements-keyword","title":"元素与关键词","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/elements-keyword","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/elements-keyword","path":"zh/zh/tutorial/elements-keyword"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/zh/tutorial/make-animation/page-data.json b/page-data/zh/zh/tutorial/make-animation/page-data.json index ee74aed..a6ba217 100644 --- a/page-data/zh/zh/tutorial/make-animation/page-data.json +++ b/page-data/zh/zh/tutorial/make-animation/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/make-animation","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解有关于可视化动画的一切。

\n

基础动画设置

\n

动画概念

\n

这里的动画，如果用更合适的话，应该叫动效(motion graphics/design)。\n也就是更多的是关于元素的运动，而不是画图画的动画（比如：白板动画）。\n在这个软件中，动画主要用在内容可视化上，可以更好地帮助观众理解内容。

\n

动画种类

\n

在软件中，一共有5种动画类型：

\n

出现动画 / 消失动画

\n

元素的产生，或消失，所产生的动画。\n在右下角的运动标签中，可以设置具体的动画方式。

\n

出现动画类型

\n

先以基本的方框动画开始

\n\n

转换动画

\n

同一个元素，从一种状态转换成另一种状态的过渡动画。这个不需要自己设置。\n软件会根据特定的元素类型，自己决定过渡的动画样式。

\n

伴随性动画

\n

只要元素在画面中，它就会持续产生（通常是循环）动画。\n比如：视频中某一小段时间，只有一张静态的图片，观众容易视觉疲劳。\n这时在伴随性动画中设置，比如：slowlyMove(缓慢移动)，视觉效果会好很多。

\n

不同元素的动画

\n

文字动画

\n

文字在做切换动画时，软件会比较前后文本内容，自动判断新加的文字、删除的文字、保留的文字。\n针对这3种文字，自动产生对应的动画。

\n

镜头变化

\n

没有元素聚焦的时候，右下角显示的就是本场景的设置框。\n设置框中的第一个缩略图，反应的就是当前镜头的状态。默认是覆盖全部。\n把鼠标放到上面，用鼠标的滚轮上下滚动，您就可以看到，镜头的放大、缩小。\n然后，鼠标拖动绿色的覆盖块，就可以移动镜头了。\n

\n

场景切换的时间若是0时（默认），镜头就是突然切换。若需要镜头过渡动画，则设置对应的时间就可以了。

\n

高级动画设置

\n

基本的动画已经可以满足大部分的需求了。有时候，为了追求更好的视觉效果，\n和更加精细化的动画实现，可能会用到以下一些设置。

\n

序列性动画

\n

在元素与关键词中，每次元素的变化，都是处于某一个关键词中。\n但是，如果现在想要让一个元素按照顺序做多个动画，比如：让一个小球先变大，再移动，再变小。\n那么，这样它就需要3个关键词来触发3个动画。那么现在，序列性动画可以让这3个动画合起来，由一个关键词触发。

\n

几乎每个元素，您都可以在元素聚焦后，看到右下设置框的右上角有一排数字。初始时只有一个0。代表一个阶段。\n每按一次加号，就可以创建多个阶段。不同的阶段的切换，中间会自动产生过渡动画。\n\n \n \n \n \n

\n
\n

以下施工中。。。

\n

多元素延迟动画

\n

当有许多的元素一起运动的时候，比如一起出现。\n\n那么，同时出现可能不是很好看。\n设置每个元素的延迟，按照等差数列，就会出现更好看的群体动画。\n

\n

这里的延迟设置是按照您选中元素的顺序来安排的。\n您可以手动设置元素的聚焦顺序，就可以改变出现的顺序。\n

","frontmatter":{"slug":"/tutorial/make-animation","title":"制作动画","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/make-animation","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/make-animation","path":"zh/zh/tutorial/make-animation"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/make-animation","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解有关于可视化动画的一切。

\n

基础动画设置

\n

动画概念

\n

这里的动画，如果用更合适的话，应该叫动效(motion graphics/design)。\n也就是更多的是关于元素的运动，而不是画图画的动画（比如：白板动画）。\n在这个软件中，动画主要用在内容可视化上，可以更好地帮助观众理解内容。

\n

动画种类

\n

在软件中，一共有5种动画类型：

\n

出现动画 / 消失动画

\n

元素的产生，或消失，所产生的动画。\n在右下角的运动标签中，可以设置具体的动画方式。

\n

出现动画类型

\n

先以基本的方框动画开始

\n\n

转换动画

\n

同一个元素，从一种状态转换成另一种状态的过渡动画。这个不需要自己设置。\n软件会根据特定的元素类型，自己决定过渡的动画样式。

\n

伴随性动画

\n

只要元素在画面中，它就会持续产生（通常是循环）动画。\n比如：视频中某一小段时间，只有一张静态的图片，观众容易视觉疲劳。\n这时在伴随性动画中设置，比如：slowlyMove(缓慢移动)，视觉效果会好很多。

\n

不同元素的动画

\n

文字动画

\n

文字在做切换动画时，软件会比较前后文本内容，自动判断新加的文字、删除的文字、保留的文字。\n针对这3种文字，自动产生对应的动画。

\n

镜头变化

\n

没有元素聚焦的时候，右下角显示的就是本场景的设置框。\n设置框中的第一个缩略图，反应的就是当前镜头的状态。默认是覆盖全部。\n把鼠标放到上面，用鼠标的滚轮上下滚动，您就可以看到，镜头的放大、缩小。\n然后，鼠标拖动绿色的覆盖块，就可以移动镜头了。\n

\n

场景切换的时间若是0时（默认），镜头就是突然切换。若需要镜头过渡动画，则设置对应的时间就可以了。

\n

高级动画设置

\n

基本的动画已经可以满足大部分的需求了。有时候，为了追求更好的视觉效果，\n和更加精细化的动画实现，可能会用到以下一些设置。

\n

序列性动画

\n

在元素与关键词中，每次元素的变化，都是处于某一个关键词中。\n但是，如果现在想要让一个元素按照顺序做多个动画，比如：让一个小球先变大，再移动，再变小。\n那么，这样它就需要3个关键词来触发3个动画。那么现在，序列性动画可以让这3个动画合起来，由一个关键词触发。

\n

几乎每个元素，您都可以在元素聚焦后，看到右下设置框的右上角有一排数字。初始时只有一个0。代表一个阶段。\n每按一次加号，就可以创建多个阶段。不同的阶段的切换，中间会自动产生过渡动画。\n\n \n \n \n \n

\n
\n

以下施工中。。。

\n

多元素延迟动画

\n

当有许多的元素一起运动的时候，比如一起出现。\n\n那么，同时出现可能不是很好看。\n设置每个元素的延迟，按照等差数列，就会出现更好看的群体动画。\n

\n

这里的延迟设置是按照您选中元素的顺序来安排的。\n您可以手动设置元素的聚焦顺序，就可以改变出现的顺序。\n

","frontmatter":{"slug":"/tutorial/make-animation","title":"制作动画","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/make-animation","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/make-animation","path":"zh/zh/tutorial/make-animation"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/zh/tutorial/monitor-edit/page-data.json b/page-data/zh/zh/tutorial/monitor-edit/page-data.json index 337f1d4..873f90a 100644 --- a/page-data/zh/zh/tutorial/monitor-edit/page-data.json +++ b/page-data/zh/zh/tutorial/monitor-edit/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/monitor-edit","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您介绍右上角画面编辑的所有内容，包括快捷技巧。

\n

多个元素的编辑

\n

元素多选

\n

有两种方式来选择多个元素。

\n
    \n
  1. 按住Ctrl，鼠标点击多个元素，可以多选。
    2. \n
  2. 从空白处拖动，有红色的框涉及的元素均会聚焦。
    3. \n
\n

将以上两种结合，在Ctrl按住的情况下，除了框住的元素，之前聚焦的元素也继续聚焦。

\n

选择顺序

\n

您在选择元素的先后顺序，将会作为之后设置时的顺序依据。\n比如，时间等差延迟、颜色渐变等。

\n

多个元素设置

\n

将多个元素选中(聚焦)后，右下的设置框中，有的可以设置渐变的效果，比如：\n\n \n \n \n \n

\n

第一个颜色代表第一个元素，第二个代表最后一个元素。\n设置第一个元素的颜色时，会将所有元素统一设置成一样的颜色。\n在这个基础上，设置第二个时，除了设置最后一个元素的颜色外，还会设置从第一个到最后一个中间的所有颜色，成渐变颜色。

\n

类似的方法还可以在制作动画中关于多个元素延迟看到。

\n

复制多个元素

\n

如果想把一个元素复制成多个，可以按住Ctrl键，然后拖动元素，它就会变成两个。

\n

其实，多个元素聚焦时也是一样，Ctrl键按住后，拖动任一聚焦的元素后，全部复制一份。\n

","frontmatter":{"slug":"/tutorial/monitor-edit","title":"画面编辑","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/monitor-edit","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/monitor-edit","path":"zh/zh/tutorial/monitor-edit"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/monitor-edit","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您介绍右上角画面编辑的所有内容，包括快捷技巧。

\n

多个元素的编辑

\n

元素多选

\n

有两种方式来选择多个元素。

\n
    \n
  1. 按住Ctrl，鼠标点击多个元素，可以多选。
    2. \n
  2. 从空白处拖动，有红色的框涉及的元素均会聚焦。
    3. \n
\n

将以上两种结合，在Ctrl按住的情况下，除了框住的元素，之前聚焦的元素也继续聚焦。

\n

选择顺序

\n

您在选择元素的先后顺序，将会作为之后设置时的顺序依据。\n比如，时间等差延迟、颜色渐变等。

\n

多个元素设置

\n

将多个元素选中(聚焦)后，右下的设置框中，有的可以设置渐变的效果，比如：\n\n \n \n \n \n

\n

第一个颜色代表第一个元素，第二个代表最后一个元素。\n设置第一个元素的颜色时，会将所有元素统一设置成一样的颜色。\n在这个基础上，设置第二个时，除了设置最后一个元素的颜色外，还会设置从第一个到最后一个中间的所有颜色，成渐变颜色。

\n

类似的方法还可以在制作动画中关于多个元素延迟看到。

\n

复制多个元素

\n

如果想把一个元素复制成多个，可以按住Ctrl键，然后拖动元素，它就会变成两个。

\n

其实，多个元素聚焦时也是一样，Ctrl键按住后，拖动任一聚焦的元素后，全部复制一份。\n

","frontmatter":{"slug":"/tutorial/monitor-edit","title":"画面编辑","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/monitor-edit","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/monitor-edit","path":"zh/zh/tutorial/monitor-edit"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/zh/tutorial/quick-started/page-data.json b/page-data/zh/zh/tutorial/quick-started/page-data.json index e3f5e57..9a55bc7 100644 --- a/page-data/zh/zh/tutorial/quick-started/page-data.json +++ b/page-data/zh/zh/tutorial/quick-started/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/quick-started","result":{"data":{"markdownRemark":{"html":"

本章将带您快速做一个最简单的视频。

\n

下载安装

\n

目前，软件(测试版)下载若有问题请看视频教程。

\n

创建视频项目（文件夹）

\n

初次打开软件，就会有一个弹窗，选择一个空文件夹，作为项目存储的地方。

\n

文件夹目录结构(软件打开文件夹的位置)：

\n\n

项目文件夹可以整个复制、移动、删除等。和普通的文件夹一样。

\n

写文稿

\n

左边框中的写文稿，每一段文字作为一幕（场景）。

\n

如果需要深入了解功能，可以参看文稿的详细文档

\n

创建元素

\n

选中任意的文字作为关键词，在出现的工具框中选择方框。\n

\n

然后，在右边的画面中拖动来创建。

\n\n

关于元素的创建、删除，然后它们与关键词的关系，可以参看元素与关键词

\n

调整元素

\n

在元素被聚焦的情况下，到右下角的设置框中设置元素的属性。这里把直角角度变圆弧。\n

\n

关于详细的画面中元素的编辑，可以参看画面编辑

\n

创建关键点

\n

在后面的文中选择一个词，然后点击⊕按钮，可以创建元素新的关键点（类似于关键帧）。\n

\n

这样一个元素就有两个状态(关键词)了。

\n

光标放在第二个关键词或之后，再在画面中改动元素，如：拖动。\n然后，点击左侧的预览按钮▶效果如下：\n

\n

播放时，软件自动会将同一个元素的状态切换衔接起来，成为一个转换动画。

\n

类似的，还可以设置消失等动画(不需要再设置关键点了)。\n\n \n \n \n \n

\n

注：鼠标放(悬停)在任一按钮上一小会儿，就会有提示。

\n

关于更多的动画制作，可以参看动画制作

\n

录音

\n

如果您不想录音，可以直接跳过这一步，在导出时软件会自动加上机读的配音。

\n

每一段单独录音（实践证明每段文字越短，总录音时间就越少）。\n点击每段的录音按钮就开始，再点一次开始文字与录音自动对齐。这大概需要 10 ~ 20 秒.\n等待时也可以继续录下一段落，支持多个段落同时识别。\n另外，录音请尽量在安静的环境中，噪音会影响识别成功率。\n

\n

可以反复录音，还可以添加/删除音频。

\n

关于更多的录音与对齐，可以参看录音和对齐

\n

导出视频

\n

然后点击左上角菜单中☰的导出...选项，设置一下，就可以导出了。

\n

详细文档

\n

详细的文档和视频教程请点击这里

","frontmatter":{"slug":"/tutorial/quick-started","title":"快速入门","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/quick-started","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/quick-started","path":"zh/zh/tutorial/quick-started"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/quick-started","result":{"data":{"markdownRemark":{"html":"

本章将带您快速做一个最简单的视频。

\n

下载安装

\n

目前，软件(测试版)下载若有问题请看视频教程。

\n

创建视频项目（文件夹）

\n

初次打开软件，就会有一个弹窗，选择一个空文件夹，作为项目存储的地方。

\n

文件夹目录结构(软件打开文件夹的位置)：

\n\n

项目文件夹可以整个复制、移动、删除等。和普通的文件夹一样。

\n

写文稿

\n

左边框中的写文稿，每一段文字作为一幕（场景）。

\n

如果需要深入了解功能，可以参看文稿的详细文档

\n

创建元素

\n

选中任意的文字作为关键词，在出现的工具框中选择方框。\n

\n

然后，在右边的画面中拖动来创建。

\n\n

关于元素的创建、删除，然后它们与关键词的关系，可以参看元素与关键词

\n

调整元素

\n

在元素被聚焦的情况下，到右下角的设置框中设置元素的属性。这里把直角角度变圆弧。\n

\n

关于详细的画面中元素的编辑，可以参看画面编辑

\n

创建关键点

\n

在后面的文中选择一个词，然后点击⊕按钮，可以创建元素新的关键点（类似于关键帧）。\n

\n

这样一个元素就有两个状态(关键词)了。

\n

光标放在第二个关键词或之后，再在画面中改动元素，如：拖动。\n然后，点击左侧的预览按钮▶效果如下：\n

\n

播放时，软件自动会将同一个元素的状态切换衔接起来，成为一个转换动画。

\n

类似的，还可以设置消失等动画(不需要再设置关键点了)。\n\n \n \n \n \n

\n

注：鼠标放(悬停)在任一按钮上一小会儿，就会有提示。

\n

关于更多的动画制作，可以参看动画制作

\n

录音

\n

如果您不想录音，可以直接跳过这一步，在导出时软件会自动加上机读的配音。

\n

每一段单独录音（实践证明每段文字越短，总录音时间就越少）。\n点击每段的录音按钮就开始，再点一次开始文字与录音自动对齐。这大概需要 10 ~ 20 秒.\n等待时也可以继续录下一段落，支持多个段落同时识别。\n另外，录音请尽量在安静的环境中，噪音会影响识别成功率。\n

\n

可以反复录音，还可以添加/删除音频。

\n

关于更多的录音与对齐，可以参看录音和对齐

\n

导出视频

\n

然后点击左上角菜单中☰的导出...选项，设置一下，就可以导出了。

\n

详细文档

\n

详细的文档和视频教程请点击这里

","frontmatter":{"slug":"/tutorial/quick-started","title":"快速入门","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/quick-started","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/quick-started","path":"zh/zh/tutorial/quick-started"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/zh/tutorial/record-and-align/page-data.json b/page-data/zh/zh/tutorial/record-and-align/page-data.json index 60d62df..61d0832 100644 --- a/page-data/zh/zh/tutorial/record-and-align/page-data.json +++ b/page-data/zh/zh/tutorial/record-and-align/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/record-and-align","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您介绍如何录音，以及自动对齐功能。

\n

录音

\n

最好需要麦克风，在一个安静的环境中录音。\n每一段落单独录音，顺序也没有关系，可以反复录音。

\n

如果是已有的音频(支持大部分的格式)，那么直接也可以导入。

\n

自动对齐

\n

每次录音，或导入音频后，软件会自动将音频和文字对齐，形成逐字稿（每个字在音频中的位置）。

","frontmatter":{"slug":"/tutorial/record-and-align","title":"录音与对齐","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/record-and-align","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/record-and-align","path":"zh/zh/tutorial/record-and-align"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/record-and-align","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您介绍如何录音，以及自动对齐功能。

\n

录音

\n

最好需要麦克风，在一个安静的环境中录音。\n每一段落单独录音，顺序也没有关系，可以反复录音。

\n

如果是已有的音频(支持大部分的格式)，那么直接也可以导入。

\n

自动对齐

\n

每次录音，或导入音频后，软件会自动将音频和文字对齐，形成逐字稿（每个字在音频中的位置）。

","frontmatter":{"slug":"/tutorial/record-and-align","title":"录音与对齐","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/record-and-align","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/record-and-align","path":"zh/zh/tutorial/record-and-align"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/page-data/zh/zh/tutorial/write-narration/page-data.json b/page-data/zh/zh/tutorial/write-narration/page-data.json index fea23bf..4929054 100644 --- a/page-data/zh/zh/tutorial/write-narration/page-data.json +++ b/page-data/zh/zh/tutorial/write-narration/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/write-narration","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解文稿的全部功能和细节。

\n

首先，文稿在这里相当于是旁白，或者说是解说。\n也就是，视频的播放会完全由文稿的进度来决定的。\n所以，文稿一旦确定了，对应的时间轴中每个词出现的时间点也就确定了。

\n

而光标所在的位置，代表当前画面和字幕的时间点。

\n

播放预览

\n

点击最上面的两个播放按钮，分别是从本段开始播放、从头开始播放。\n\n \n \n \n \n

\n

语言

\n

支持英文和中文。也就是，它会根据文稿中，中文数量的比例、英文数量的比例，来决定着该文稿的语言。\n也就是，不同的文稿可以是不同的语言。这决定着，机器念文稿，以及录音对齐时所采用的语言。

\n

另外，文稿的语言和软件的语言无关。软件的语言在一台电脑上，会一直是一种。

","frontmatter":{"slug":"/tutorial/write-narration","title":"写文稿","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/write-narration","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/write-narration","path":"zh/zh/tutorial/write-narration"}}},"staticQueryHashes":[]} \ No newline at end of file +{"componentChunkName":"component---src-templates-tutorial-js","path":"/zh/zh/tutorial/write-narration","result":{"data":{"markdownRemark":{"html":"

▶️ 详细的视频教程

\n

本章将带您了解文稿的全部功能和细节。

\n

首先，文稿在这里相当于是旁白，或者说是解说。\n也就是，视频的播放会完全由文稿的进度来决定的。\n所以，文稿一旦确定了，对应的时间轴中每个词出现的时间点也就确定了。

\n

而光标所在的位置，代表当前画面和字幕的时间点。

\n

播放预览

\n

点击最上面的两个播放按钮，分别是从本段开始播放、从头开始播放。\n\n \n \n \n \n

\n

语言

\n

支持英文和中文。也就是，它会根据文稿中，中文数量的比例、英文数量的比例，来决定着该文稿的语言。\n也就是，不同的文稿可以是不同的语言。这决定着，机器念文稿，以及录音对齐时所采用的语言。

\n

另外，文稿的语言和软件的语言无关。软件的语言在一台电脑上，会一直是一种。

","frontmatter":{"slug":"/tutorial/write-narration","title":"写文稿","lang":"zh"}},"locales":{"edges":[{"node":{"ns":"translation","data":"{\"AnimeBoard\":\"动画黑板\",\"homePage\":\"主页\",\"quickStarted\":\"快速入门\",\"writeNarration\":\"写文稿\",\"elementKeyword\":\"元素与关键词\",\"monitorEdit\":\"画面编辑\",\"makeAnimate\":\"制作动画\",\"recordAlign\":\"录音与对齐\",\"doc\":\"文档\",\"price\":\"价格\",\"en\":\"英文\",\"zh\":\"中文\",\"download\":\"下载\",\"close\":\"关闭\",\"beta\":\"测试版\",\"feedback\":\"反馈意见\",\"onlyWin64\":\"目前只支持win64\",\"onlineVersion\":\"在线版\",\"welcomeFeedback\":\"欢迎任何反馈意见\",\"email\":\"电子邮箱\",\"community\":\"软件交流QQ群: 620823259\",\"appIntro\":\"是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。\",\"priceInfo\":\"现在，软件属于测试阶段，不会收费，没有限制。未来从正式版开始，会有免费版、付费版的尝试。\"}","language":"zh"}}]}},"pageContext":{"slug":"/tutorial/write-narration","lang":"zh","language":"zh","i18n":{"language":"zh","languages":["en","zh"],"defaultLanguage":"en","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/zh/tutorial/write-narration","path":"zh/zh/tutorial/write-narration"}}},"staticQueryHashes":[]} \ No newline at end of file diff --git a/tutorial/document-list/index.html b/tutorial/document-list/index.html index 2fd1dab..3baebfa 100644 --- a/tutorial/document-list/index.html +++ b/tutorial/document-list/index.html @@ -75,10 +75,10 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Document List

\ No newline at end of file diff --git a/tutorial/elements-keyword/index.html b/tutorial/elements-keyword/index.html index 43af46d..87f1b00 100644 --- a/tutorial/elements-keyword/index.html +++ b/tutorial/elements-keyword/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Elements and keywords

This chapter will take you to understand the relationship between elements and keywords.

+
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Elements and keywords

This chapter will take you to understand the relationship between elements and keywords.

Basic concept

The creation, deletion, and disappearance of any element can be regarded as a change in the screen. These changes must be in a certain keyword (yellow highlight). The range of keywords includes the space before the first word in the word, but does not include the space after the last word.

@@ -127,4 +127,4 @@

\ No newline at end of file +Then turn on the switch, and the beginning of the paragraph is changed to ↳.

\ No newline at end of file diff --git a/tutorial/make-animation/index.html b/tutorial/make-animation/index.html index 786b31d..26bba94 100644 --- a/tutorial/make-animation/index.html +++ b/tutorial/make-animation/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Make animations

This chapter will take you to know everything about visual animation.

+
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Make animations

This chapter will take you to know everything about visual animation.

Basic animation settings

Animation concept

The animation here, if more appropriate, should be called motion graphics/design. @@ -161,4 +161,4 @@

The delay setting here is arranged according to the order of the elements you selected. You can manually set the focus order of the elements, you can change the order of appearance. -

\ No newline at end of file +

\ No newline at end of file diff --git a/tutorial/monitor-edit/index.html b/tutorial/monitor-edit/index.html index 5474771..8ed9fb9 100644 --- a/tutorial/monitor-edit/index.html +++ b/tutorial/monitor-edit/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Monitor editing

This chapter will take you to introduce all the content of the screen editing in the upper right corner, including shortcut skills.

+
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Monitor editing

This chapter will take you to introduce all the content of the screen editing in the upper right corner, including shortcut skills.

Editing multiple elements

Multiple selection of elements

There are two ways to select multiple elements.

@@ -124,4 +124,4 @@

Copy multiple elements

If you want to copy one element into multiple, you can hold down the Ctrl key and drag the element, it will become two.

In fact, the same is true when multiple elements are focused. After pressing the Ctrl key, drag any focused element to copy all of them. -

\ No newline at end of file +

\ No newline at end of file diff --git a/tutorial/quick-started/index.html b/tutorial/quick-started/index.html index aa63e5a..352f191 100644 --- a/tutorial/quick-started/index.html +++ b/tutorial/quick-started/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Quick Started

This chapter will take you to quickly make a simplest video.

+
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Quick Started

This chapter will take you to quickly make a simplest video.

Download and install

Currently, if you have any problems with the software (beta) download, please see [todo...]

Create a video project (folder)

@@ -178,4 +178,4 @@

Export video

Then click the Export... option of ☰ in the upper left corner of the menu, set it, and you can export.

Detailed documentation

-

For detailed documentation and video tutorials, please click here

\ No newline at end of file +

For detailed documentation and video tutorials, please click here

\ No newline at end of file diff --git a/tutorial/record-and-align/index.html b/tutorial/record-and-align/index.html index 6cf8e34..6a1212a 100644 --- a/tutorial/record-and-align/index.html +++ b/tutorial/record-and-align/index.html @@ -75,10 +75,10 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Recording and alignment

This chapter will take you to introduce how to record and the automatic alignment function.

+
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Recording and alignment

This chapter will take you to introduce how to record and the automatic alignment function.

Recording

It is best to need a microphone to record in a quiet environment. Each paragraph is recorded separately, and the sequence does not matter, and it can be recorded repeatedly.

If it is an existing audio (supporting most formats), it can also be imported directly.

Automatic alignment

-

Every time you record or import audio, the software will automatically align the audio with the text to form a verbatim script (the position of each word in the audio).

\ No newline at end of file +

Every time you record or import audio, the software will automatically align the audio with the text to form a verbatim script (the position of each word in the audio).

\ No newline at end of file diff --git a/tutorial/write-narration/index.html b/tutorial/write-narration/index.html index 48fd4ee..300df79 100644 --- a/tutorial/write-narration/index.html +++ b/tutorial/write-narration/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Write narration

This chapter will take you to understand all the functions and details of the manuscript.

+
Quick StartedWrite NarrationElements KeywordMonitor EditingMake AnimationRecord and Align

Write narration

This chapter will take you to understand all the functions and details of the manuscript.

First of all, the manuscript here is equivalent to narration, or commentary. That is, the playback of the video will be completely determined by the progress of the manuscript. Therefore, once the manuscript is determined, the time point at which each word appears in the corresponding timeline is also determined.

@@ -171,4 +171,4 @@

Language

Support English and Chinese. That is, it will determine the language of the manuscript according to the proportion of the number of Chinese and the proportion of the number of English in the manuscript. That is, different documents can be in different languages. This determines the language used by the machine to read the manuscript and align the recording.

-

In addition, the language of the manuscript has nothing to do with the language of the software. The language of the software will always be one on a computer.

\ No newline at end of file +

In addition, the language of the manuscript has nothing to do with the language of the software. The language of the software will always be one on a computer.

\ No newline at end of file diff --git a/webpack-runtime-df9ed5c5388f4ec74e89.js b/webpack-runtime-df9ed5c5388f4ec74e89.js deleted file mode 100644 index 98c2da9..0000000 --- a/webpack-runtime-df9ed5c5388f4ec74e89.js +++ /dev/null @@ -1,2 +0,0 @@ -!function(e){function r(r){for(var n,u,c=r[0],i=r[1],f=r[2],p=0,s=[];p
Not found

Page not found

Sorry 😔 we couldn’t find what you were looking for.

Go home.

\ No newline at end of file +
Not found

Page not found

Sorry 😔 we couldn’t find what you were looking for.

Go home.

\ No newline at end of file diff --git a/zh/404/index.html b/zh/404/index.html index aa3879a..2722827 100644 --- a/zh/404/index.html +++ b/zh/404/index.html @@ -63,4 +63,4 @@ } } }) -
Not found

Page not found

Sorry 😔 we couldn’t find what you were looking for.

Go home.

\ No newline at end of file +
Not found

Page not found

Sorry 😔 we couldn’t find what you were looking for.

Go home.

\ No newline at end of file diff --git a/zh/index.html b/zh/index.html index f748048..bffc8a0 100644 --- a/zh/index.html +++ b/zh/index.html @@ -65,4 +65,4 @@ })

动画黑板 v0.4.6 (测试版)

是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。
目前只支持win64


例子:

进程和线程的区别（下载压缩包，解压后即可导入）
发布的视频(西瓜视频, B站)

\ No newline at end of file +

动画黑板 v0.4.6 (测试版)

是一个知识类视频制作工具，用于制作演示视频。画面编辑部分类似PPT/Keynote的使用方式。总体使用门槛也差不多，可以快速做出一个直观漂亮的可视化动画视频。


例子:

进程和线程的区别（下载压缩包，解压后即可导入）
发布的视频(西瓜视频, B站)

欢迎任何反馈意见

软件交流QQ群: 620823259
电子邮箱：carsondb@qq.com
Github issue
Gitee issue
\ No newline at end of file diff --git a/zh/tutorial/document-list/index.html b/zh/tutorial/document-list/index.html index 86d3f62..f64dae5 100644 --- a/zh/tutorial/document-list/index.html +++ b/zh/tutorial/document-list/index.html @@ -75,10 +75,10 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

文档目录

\ No newline at end of file diff --git a/zh/tutorial/elements-keyword/index.html b/zh/tutorial/elements-keyword/index.html index f830e34..b9300e2 100644 --- a/zh/tutorial/elements-keyword/index.html +++ b/zh/tutorial/elements-keyword/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

元素与关键词

▶️ 详细的视频教程

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

元素与关键词

▶️ 详细的视频教程

本章将带您了解元素与关键词的关系。

基本概念

任意一个元素的创建、删除、消失，可以视为画面的变化。这些变化必须处于某个关键词（黄色高亮）中。 @@ -132,4 +132,4 @@

\ No newline at end of file +然后打开开关，段落开头就改成 ↳ 了。

\ No newline at end of file diff --git a/zh/tutorial/make-animation/index.html b/zh/tutorial/make-animation/index.html index 37eff19..c81277e 100644 --- a/zh/tutorial/make-animation/index.html +++ b/zh/tutorial/make-animation/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

制作动画

▶️ 详细的视频教程

+
\ No newline at end of file +

\ No newline at end of file diff --git a/zh/tutorial/monitor-edit/index.html b/zh/tutorial/monitor-edit/index.html index 0010134..2a981a1 100644 --- a/zh/tutorial/monitor-edit/index.html +++ b/zh/tutorial/monitor-edit/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

画面编辑

▶️ 详细的视频教程

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

画面编辑

▶️ 详细的视频教程

本章将带您介绍右上角画面编辑的所有内容，包括快捷技巧。

多个元素的编辑

元素多选

@@ -125,4 +125,4 @@

复制多个元素

如果想把一个元素复制成多个，可以按住Ctrl键，然后拖动元素，它就会变成两个。

其实，多个元素聚焦时也是一样，Ctrl键按住后，拖动任一聚焦的元素后，全部复制一份。 -

\ No newline at end of file +

\ No newline at end of file diff --git a/zh/tutorial/quick-started/index.html b/zh/tutorial/quick-started/index.html index 32dfa13..5d2b3b7 100644 --- a/zh/tutorial/quick-started/index.html +++ b/zh/tutorial/quick-started/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

快速入门

本章将带您快速做一个最简单的视频。

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

快速入门

本章将带您快速做一个最简单的视频。

下载安装

目前，软件(测试版)下载若有问题请看视频教程。

创建视频项目（文件夹）

@@ -151,4 +151,4 @@

导出视频

然后点击左上角菜单中☰的导出...选项，设置一下，就可以导出了。

详细文档

-

详细的文档和视频教程请点击这里

\ No newline at end of file +

详细的文档和视频教程请点击这里

\ No newline at end of file diff --git a/zh/tutorial/record-and-align/index.html b/zh/tutorial/record-and-align/index.html index 5f8e1fa..211d43f 100644 --- a/zh/tutorial/record-and-align/index.html +++ b/zh/tutorial/record-and-align/index.html @@ -75,11 +75,11 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

录音与对齐

▶️ 详细的视频教程

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

录音与对齐

▶️ 详细的视频教程

本章将带您介绍如何录音，以及自动对齐功能。

录音

最好需要麦克风，在一个安静的环境中录音。 每一段落单独录音，顺序也没有关系，可以反复录音。

如果是已有的音频(支持大部分的格式)，那么直接也可以导入。

自动对齐

-

每次录音，或导入音频后，软件会自动将音频和文字对齐，形成逐字稿（每个字在音频中的位置）。

\ No newline at end of file +

每次录音，或导入音频后，软件会自动将音频和文字对齐，形成逐字稿（每个字在音频中的位置）。

\ No newline at end of file diff --git a/zh/tutorial/write-narration/index.html b/zh/tutorial/write-narration/index.html index 81e2106..9497380 100644 --- a/zh/tutorial/write-narration/index.html +++ b/zh/tutorial/write-narration/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

写文稿

▶️ 详细的视频教程

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

写文稿

▶️ 详细的视频教程

本章将带您了解文稿的全部功能和细节。

首先，文稿在这里相当于是旁白，或者说是解说。 也就是，视频的播放会完全由文稿的进度来决定的。 @@ -171,4 +171,4 @@

语言

支持英文和中文。也就是，它会根据文稿中，中文数量的比例、英文数量的比例，来决定着该文稿的语言。 也就是，不同的文稿可以是不同的语言。这决定着，机器念文稿，以及录音对齐时所采用的语言。

-

另外，文稿的语言和软件的语言无关。软件的语言在一台电脑上，会一直是一种。

\ No newline at end of file +

另外，文稿的语言和软件的语言无关。软件的语言在一台电脑上，会一直是一种。

\ No newline at end of file diff --git a/zh/zh/tutorial/document-list/index.html b/zh/zh/tutorial/document-list/index.html index bd29b57..e820d5c 100644 --- a/zh/zh/tutorial/document-list/index.html +++ b/zh/zh/tutorial/document-list/index.html @@ -75,10 +75,10 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

文档目录

\ No newline at end of file diff --git a/zh/zh/tutorial/elements-keyword/index.html b/zh/zh/tutorial/elements-keyword/index.html index 583451d..b8a8810 100644 --- a/zh/zh/tutorial/elements-keyword/index.html +++ b/zh/zh/tutorial/elements-keyword/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

元素与关键词

▶️ 详细的视频教程

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

元素与关键词

▶️ 详细的视频教程

本章将带您了解元素与关键词的关系。

基本概念

任意一个元素的创建、删除、消失，可以视为画面的变化。这些变化必须处于某个关键词（黄色高亮）中。 @@ -132,4 +132,4 @@

\ No newline at end of file +然后打开开关，段落开头就改成 ↳ 了。

\ No newline at end of file diff --git a/zh/zh/tutorial/make-animation/index.html b/zh/zh/tutorial/make-animation/index.html index d3e6d7e..4269644 100644 --- a/zh/zh/tutorial/make-animation/index.html +++ b/zh/zh/tutorial/make-animation/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

制作动画

▶️ 详细的视频教程

+
\ No newline at end of file +

\ No newline at end of file diff --git a/zh/zh/tutorial/monitor-edit/index.html b/zh/zh/tutorial/monitor-edit/index.html index b86567c..0cdeb67 100644 --- a/zh/zh/tutorial/monitor-edit/index.html +++ b/zh/zh/tutorial/monitor-edit/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

画面编辑

▶️ 详细的视频教程

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

画面编辑

▶️ 详细的视频教程

本章将带您介绍右上角画面编辑的所有内容，包括快捷技巧。

多个元素的编辑

元素多选

@@ -125,4 +125,4 @@

复制多个元素

如果想把一个元素复制成多个，可以按住Ctrl键，然后拖动元素，它就会变成两个。

其实，多个元素聚焦时也是一样，Ctrl键按住后，拖动任一聚焦的元素后，全部复制一份。 -

\ No newline at end of file +

\ No newline at end of file diff --git a/zh/zh/tutorial/quick-started/index.html b/zh/zh/tutorial/quick-started/index.html index 937f684..f964fbf 100644 --- a/zh/zh/tutorial/quick-started/index.html +++ b/zh/zh/tutorial/quick-started/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

快速入门

本章将带您快速做一个最简单的视频。

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

快速入门

本章将带您快速做一个最简单的视频。

下载安装

目前，软件(测试版)下载若有问题请看视频教程。

创建视频项目（文件夹）

@@ -151,4 +151,4 @@

导出视频

然后点击左上角菜单中☰的导出...选项，设置一下，就可以导出了。

详细文档

-

详细的文档和视频教程请点击这里

\ No newline at end of file +

详细的文档和视频教程请点击这里

\ No newline at end of file diff --git a/zh/zh/tutorial/record-and-align/index.html b/zh/zh/tutorial/record-and-align/index.html index 812f9ed..b874094 100644 --- a/zh/zh/tutorial/record-and-align/index.html +++ b/zh/zh/tutorial/record-and-align/index.html @@ -75,11 +75,11 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

录音与对齐

▶️ 详细的视频教程

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

录音与对齐

▶️ 详细的视频教程

本章将带您介绍如何录音，以及自动对齐功能。

录音

最好需要麦克风，在一个安静的环境中录音。 每一段落单独录音，顺序也没有关系，可以反复录音。

如果是已有的音频(支持大部分的格式)，那么直接也可以导入。

自动对齐

-

每次录音，或导入音频后，软件会自动将音频和文字对齐，形成逐字稿（每个字在音频中的位置）。

\ No newline at end of file +

每次录音，或导入音频后，软件会自动将音频和文字对齐，形成逐字稿（每个字在音频中的位置）。

\ No newline at end of file diff --git a/zh/zh/tutorial/write-narration/index.html b/zh/zh/tutorial/write-narration/index.html index bfe8ad8..ce58599 100644 --- a/zh/zh/tutorial/write-narration/index.html +++ b/zh/zh/tutorial/write-narration/index.html @@ -75,7 +75,7 @@ .jRUgEc h2{font-size:1.4rem;font-weight:600;margin-top:1em;}/*!sc*/ .jRUgEc h3{font-size:1rem;font-weight:600;}/*!sc*/ data-styled.g4[id="tutorial__StyledContent-sc-1uhnts6-1"]{content:"jRUgEc,"}/*!sc*/ -
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

写文稿

▶️ 详细的视频教程

+
快速入门写文稿元素与关键词画面编辑制作动画录音与对齐

写文稿

▶️ 详细的视频教程

本章将带您了解文稿的全部功能和细节。

首先，文稿在这里相当于是旁白，或者说是解说。 也就是，视频的播放会完全由文稿的进度来决定的。 @@ -171,4 +171,4 @@

语言

支持英文和中文。也就是，它会根据文稿中，中文数量的比例、英文数量的比例，来决定着该文稿的语言。 也就是，不同的文稿可以是不同的语言。这决定着，机器念文稿，以及录音对齐时所采用的语言。

-

另外，文稿的语言和软件的语言无关。软件的语言在一台电脑上，会一直是一种。

\ No newline at end of file +

另外，文稿的语言和软件的语言无关。软件的语言在一台电脑上，会一直是一种。

\ No newline at end of file