(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{FRKf:function(e,t,i){"use strict";i.d(t,"a",(function(){return L}));var a=i("H4oa"),n=i("bHe8"),r=i("DzqX"),o=i("nyFP"),l=i("ysqo"),s=i.n(l),d=(i("gyFy"),i("j/s1")),c=i("xC+7"),u=i("SjgH"),p=i("w3DU"),m=i("fjIt"),f=i("tZdC"),g=d.d.div.withConfig({displayName:"tutorialPageStyle__ContentWrapper",componentId:"e5nf7u-0"})(["display:flex;flex-wrap:wrap;align-items:flex-start;min-height:calc(100vh - 120px - 40px);.iframe-wrapper{resize:horizontal;overflow:auto;max-width:100%;}.iframe-wrapper div{position:relative;width:100%;padding-bottom:75%;}.iframe-wrapper iframe{top:0px;bottom:0px;left:0px;right:0px;position:absolute;width:100%;height:100%;border:none;}.image{width:50%;padding-left:50px;@media only screen and (max-width:1440px){padding-left:0px;}@media only screen and (max-width:991px){width:50%;}@media only screen and (max-width:768px){width:100%;margin-bottom:40px;padding-left:100px;}img{width:100%;object-fit:cover;@media only screen and (max-width:1440px){width:80%;}}}.content{width:100%;margin-bottom:50px;h2{color:",";font-size:48px;line-height:1.2;font-weight:300;letter-spacing:-0.025em;margin-bottom:27px;@media only screen and (max-width:1440px){font-size:38px;}@media only screen and (max-width:768px){font-size:40px;}@media only screen and (max-width:480px){font-size:30px;}}p{font-size:16px;line-height:28px;color:#496b96;}}.shortcuts-table{border-collapse:collapse;code{font-size:20px;}td{border:none;border-bottom:solid 1px rgba(255,255,255,0.3);width:200px;}td + td{width:auto;}.description{font-size:0.8rem;opacity:0.7;}}"],Object(f.a)("colors.white","fff")),b=i("cIfr"),y=i("rDUk"),w=i.n(y),x=i("jvFD"),h=i.n(x),v=i("ERkP"),A=i.n(v),D=i("2xV5"),H=i("yw1D"),N=i("iIXr"),j=i("MFEH"),k=i.n(j),I=i("D7Vo"),S=A.a.createElement;function O(e,t){var i;if("undefined"===typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(i=function(e,t){if(!e)return;if("string"===typeof e)return C(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);"Object"===i&&e.constructor&&(i=e.constructor.name);if("Map"===i||"Set"===i)return Array.from(e);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return C(e,t)}(e))||t&&e&&"number"===typeof e.length){i&&(e=i);var a=0,n=function(){};return{s:n,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){i=e[Symbol.iterator]()},n:function(){var e=i.next();return o=e.done,e},e:function(e){l=!0,r=e},f:function(){try{o||null==i.return||i.return()}finally{if(l)throw r}}}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,a=new Array(t);i<t;i++)a[i]=e[i];return a}var E=i("QCbs");function L(e){var t=e.page,i=Object(v.useState)(!1),l=i[0],f=i[1];return Object(v.useEffect)((function(){var e,t=document.querySelectorAll(".html-content img"),i=[],a=O(t);try{var n=function(){var t=e.value,a=function(){t.classList.contains("fullscreen")?(t.classList.remove("fullscreen"),document.querySelector(".img-overlay").classList.remove("visible")):(t.classList.add("fullscreen"),document.querySelector(".img-overlay").classList.add("visible"))};t.addEventListener("click",a),i.push({img:t,onClick:a})};for(a.s();!(e=a.n()).done;)n()}catch(r){a.e(r)}finally{a.f()}}),[]),S(d.a,{theme:o.a},S(A.a.Fragment,null,S(s.a,null,Object(p.d)({subTitle:"".concat(t.label," - Tutorials")})),S(a.a,null),S(c.d,null),S(c.c,null),S(m.d,null),S(c.b,{className:"".concat(l?"sidebar-visible":"sidebar-not-visible")},S("div",{className:"img-overlay",onClick:function(){var e=document.querySelector("img.fullscreen");e&&e.classList.remove("fullscreen"),document.querySelector(".img-overlay").classList.remove("visible")}}),S("div",{className:"top-bar-bg"}),S(I.a,{className:"sidebar-toggle",icon:l?S(D.Icon,{className:"close",size:35,icon:N.x}):S(k.a,null,S(D.Icon,{className:"bar",size:35,icon:H.menu})),color:"#0F2137",variant:"textButton",onClick:function(){return f(!l)}}),S(m.b,{className:"main-container-with-sidebar ".concat(l?"sidebar-active":"")},S(p.c,null,S(b.a,{href:"/",title:"Pinto Web Player",logoSrc:w.a,className:"main-logo"}),S("ul",{style:{marginTop:20}},E.sidebar.map((function(e,t){if("-"===e)return S("li",{key:t,className:"divider"});if("string"!==typeof e){var i=e.items,a=e.label,n=e.description;return S("li",{className:"sublist",key:t},S("p",null,a,n&&S("p",{className:"description"},n)),S("ul",{key:a},i.map((function(e){var t=E.pages.find((function(t){return t.id===e}));return S("li",{key:t.id},S(h.a,{href:t.url||"/tutorials/".concat(t.id)},S("a",null,t.label)))}))))}var r=E.pages.find((function(t){return t.id===e}));return S("li",{key:e},S(h.a,{href:r.url||"/tutorials/".concat(r.id)},S("a",null,r.label)),r.description&&S("p",{className:"description"},r.description))}))),S("div",{className:"sidebar-bottom-padding-on-small-active"})),S(p.a,null,S(g,null,S("div",{className:"content",style:{padding:"0px 30px"}},S(n.a,{content:t.label}),S(r.a,{html:t.html}))),S(u.a,null))),S("script",{src:"https://player.vimeo.com/api/player.js"}))))}},Fc6Z:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tutorials/[id]",function(){return i("pQM5")}])},QCbs:function(e){e.exports=JSON.parse('{"pages":[{"id":"intro","url":"/tutorials","label":"Introduction","file":"index.md"},{"id":"getting-started","label":"Getting Started","file":"getting_started.md"},{"id":"media-folders","label":"Media Folders","file":"media_folders.md","description":"plain / encrypted / creating / deleting / storage allocation"},{"id":"adding-medias","label":"Adding Medias","file":"adding_medias.md","description":"adding medias (from local fs, websites, exported items) / manual parsing / downloading"},{"id":"playlists","label":"Playlists","file":"playlists.md"},{"id":"tags","label":"Tags","file":"tags.md"},{"id":"import-export","label":"Import and Export","file":"import_export.md"},{"id":"active-tasks-view","label":"Active Tasks View","file":"active_tasks_view.md"},{"id":"library-view","label":"Library View","file":"library_view.md"},{"id":"player-controls","label":"Player Controls","file":"player_controls.md"},{"id":"queue-controls","label":"Queue Controls","file":"queue_controls.md"},{"id":"keyboard-shortcuts","label":"Keyboard Shortcuts","file":"keyboard_shortcuts.md"}],"sidebar":["intro","getting-started","-","media-folders","adding-medias","import-export","-","library-view","active-tasks-view","-",{"label":"Standard media player features","description":"Typical things you expect from a player. Check out as needed.","items":["player-controls","queue-controls","keyboard-shortcuts","playlists","tags"]}]}')},bHe8:function(e,t,i){"use strict";var a=i("HbGN"),n=i("ERkP"),r=i.n(n),o=i("j/s1"),l=i("GkOb"),s=i("/Q04"),d=r.a.createElement,c=Object(o.d)("p").withConfig({displayName:"Heading__HeadingWrapper",componentId:"sc-10v4eax-0"})(s.a,l.l,l.n,l.y,l.r,l.q,Object(s.b)("Heading")),u=function(e){var t=e.content,i=Object(a.a)(e,["content"]);return d(c,i,t)};t.a=u,u.defaultProps={as:"h2",mt:0,mb:"1rem",fontWeight:"bold"}},pQM5:function(e,t,i){"use strict";i.r(t),i.d(t,"__N_SSG",(function(){return l}));var a=i("ERkP"),n=i.n(a),r=i("FRKf"),o=n.a.createElement,l=!0;t.default=function(e){return o(r.a,{page:e})}},rDUk:function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALsAAAAmCAYAAACcaOr3AAAJYklEQVR42u2dCWwUVRjHl5YbtFxyCCjIUQwgIFBQOQNIsQISbgopCNaGG0Vr2+3uBE0lGDkkJBSBAAY8QILhPsVAlKMoooKcUaBGTqFQUK71ezuv2enr+2a+2dldpnQm+We7s9/75u3sb968973vTV0+l/e0BZ30uZQc0Pfw93bQavh7JigZ1MXnmlTOZWHzuTJbgs+V4Os8vN6F1zx43Q+vU32u5DIuZ3M2k0C1Dcj7OcgXQuUDmFt8Ls9Ys+BDfTpD2Vu4b2WX1YvJ2Uo0+MrcEMOuVS5APwGOEUWoRxTod2OfnknOr+Zs4Yb9Atguhtcb5qFX1hm1yGDzHNHXDudXc7Yww67M4vZPgpZBC/vAJPCL9OvhSSD6OVqMzm1ZUCeQWx3fuBs5xBUP2GcI5eJg/w902NnFkfmCTj3aEetxwL7nMrkMfMeX4Ltm8MF7vlD3Zg5xxRB2tayrFOwfySMnFB+rdOrxOOgOwc88+51DdyzUfVtRuIt8fwf24gq7xkdFkKIfSfH7uOZzDY7G/XiXECI9jW14DnsSz6EDe3GHXeOrHmiFfn/e3RAvnxoDNlt1BsjxNj2HDuwlDfaAz8yuYH8Y8dORUL6DOomkZIHS4eLpz+4eNj6HDuwlFXbV7+BoKDO+aD9c6fcInkMH9pIMeyA6oZwRojJ9Hdid7RFr2ZVu8q6M0smG56ApaBDP70mBC3IodKWas2iTHWGHcc+zbPwC9Ryu1lcZp9bf0x1ea1j27/PVBw2WqLXGpjpio9Vr3LYuwZaptsZ/HKingbqD2rL6PhTY2QAUbNfgftJrCaHLq+bkGSNEcLJN+sjSfPd+oF91vvc5+HyyLIIE+ysHfJJnla/L6+T9Rv+csvPk6cPP6wWNv818XLOt8HyG9xhojl4wwAD2Jhy+DaBFGhibaWwKAD7tK7pdBw0DxXPbRtx2s0++beCfV9H4TwRNR+yPg94EzQLd5Puugb4EdQ477IHwo/e2jp/jOuVLE+uRouPjBMHHHNXW846JGeCN4Lv8w2jZeWt9ROIrXajDQonNPTWcO71SkNAvYdDqfN4VgTFNYlsLlCexzQc9jfgfgPjP0ti8JXz2AJQaFth5qzNKTfoy9JFlB9ihvr3VVpbVO+0J3oUxmNBS5kYSdn7XS+fAin7yxFwjNv+gc1y4WJSngoB9Dag38lkp0EEJiOdBFSX2y6gXhqZMNlKmi8ZmuOTz+6AGIYWdhwj3EcvfZHH4hw+7//seAtB7CGV3GZS9iwETHtgVj46fLfIy3n90yuTo3Z0Q2LaD2iOfJSIgjpHYtuEAitspUHmd4/8pKcO6K2U0Nm8g9RgZEth5MtgKc8lgykSDHzdSLftx0HIJKPMI+T0ZkYAdjjNA/9wqCxHYDxrU4WOTsB9g/W3J/rIcVHE7AoqW2H+HAJmgc+zmSJk1gt1ixG60Bdj9K5Iqq7dWs2m+asakTWBnPp6XlP2AUG5DuGGXh2v1++uaenxBuLtWMwE7GwhWlezHBo7xEtshiO1Wg2O/jZQbJ9j9gtj1sAK7L4i03otQJpF4244U7LmykCK/iI3Kngw/7J4xBD/jkHosJJSdbgL2v0BRwr6qoMsSuL6VlC+H3AH+AzUldKFkWz2NTW0+IJX12atYhJ0MeY4a+6VHASII+0ak7LuEspfCD7s/Ndio0RllIdiw0QTsuZJ9HyEQTpDYphlFU5DjVgL9K+smCXajEf87LEZj0JYeWkplL1ucoab7ZtQNcmInUrB/agH2/HDCri72MEoT9vsZglwoHxLKXiUtk+T9cmFfA9BtCVx3xD4yb3VlocZzDGaDY/dFIJ4l2G1C7EZZDT3+qC5MYIu03U3gfYNQLn6OIOzzbAx7HLGR6Y90gbzEetQkwF4TtF/Yt1ICFoP/M9Y3l8ToZdtQwrEXIGW7a2xq8ItM3I5qozXBwh7WtZ+RnlSyJ+yevkQ/ryDlM2jl3bHEWdTNmvetkfBhFmi2NrKiY7uHxecJx5bNyt5gdxudySS23dVeEA7s9oY9KTKwZ3YgANeOteQGA8aLoBg++aNtdXdLbO+BWhGOG4u06us0NlVAlySD0tGhyo1xYA9/N2Z8hGBvT4COJVrN538nIACm8M9ZNyaO/z0IsSUtpwS7KQbHigItFz77Q7dFd2C3JewjIgO78gwBuoGgGWySCIlls75xaW67FtSCD2pPSmxZqLI6EXYsWex1UBLvChUkm61jYwC0j+7AbmvY44kD1ASkvJtYj2oE6Bhc00BjEfj6aGy3gBqyBCzEdiwR9AqgW5LyZ0DJoBHsuKDGBReaWcgc2G0DO8tTtxKNUWZQ5gooefoc9BTQWQl8OwVb1tq25Hkr4pYjTkzpHLMPcrHMDhVkDuy2gZ1lOhbKV8dgH4jUYybl6WxE8MDYt48y0IT3h0CrkJnMDmQGoF+PwN7Lgd0+sHexAjt/oOtkPjG0mgD7UKQes0OVLsDDibJticT2GBJqXGoy8ewEku9e3oHdNrD7H7NNiYI0R2Y+3weAp9HvEspIxM8Cg7K3KRNKHLylSKy7jsT2HLJaqY4J0Btiq5hCCZkDu2XY36sKn90n1L0jcuy92kxMNbdI189UBPaVBnXINgHf1xLwPIjtFYntFJOt+gQE9okO7DaCnYP2UzADS2jt26j1DgwaYV8r/RwZeco0/wcRWJmzZhZjs0GoAF0ultMiSdr6jRwODPhYj8De2IHddrBTJoQKQ+pzTavAHtTK/nGDJGaeKF+S5/ezD6nD3/hjA/GHyiLw5RguhlDtoiWAvmzyWOV4F0ncToQaMgf20MBeVu2OGD1dgK1CUmqAXoT3e9h5xbIQ+VrZK8h5aCEcvxNid4rdKUz/HoUnhw5j4UPY/5gA6FdBHKuXlVlXI7CSA/LuJKb0HitcTqvgnzuu5oN4UkFpRNjXcntQRn01eargPYshG5bfq9oqw/i56MbfbyKUvRM4liep6Hdhz6o09ez69ezpxfrnJ6Ou2iCxVUaFyu4pSKdm4Ev+a8kFdZIpNSao30XNezEM/fFU3oLtlnShM162El8M8gkC+zD+OVNMkICxZ62EUsa5FgTYg5AIuxmJsJtWks7kUCxPt93K+8p56gBWuQyvP6u5/5ldTTZQ1dSHN3nnq8/FZ0v32FOR2d2CXeTsrqbs5v/M7VXWRbLUIEJeDE/wyjSwq87tstE8cv08mGyi3MF8j/8BZep1MN2xfrUAAAAASUVORK5CYII="}},[["Fc6Z",0,2,1,4,5,3]]]);