CINXE.COM
TouchDesigner 202: A/V Streaming
<!DOCTYPE html> <head> <script> window.accountUserId = -1; window.requestIp = "8.222.208.146"; window.isSublogined = false; window.accountId = 476640; window.gcSessionId = 0; window.controllerId = "page"; window.actionId = "0"; window.nowTime = new Date(2025, 1, 21, 16, 27, 23); window.dateOffset = 3; window.userInfo = {"isAdmin":false,"isInAccount":false,"isTeacher":false}; window.currencyLabels = {"RUB":"RUB","USD":"USD","EUR":"EUR","GBP":"GBP","BYR":"BYR","BYN":"BYN","KZT":"KZT","UAH":"UAH","AUD":"AUD","DKK":"DKK","CHF":"CHF","SEK":"SEK","ZAR":"ZAR","AMD":"AMD","RON":"RON","BRL":"BRL","ILS":"ILS","MYR":"MYR","SGD":"SGD","KGS":"KGS","CAD":"CAD","MXN":"MXN","JPY":"JPY","UZS":"UZS","PLN":"PLN","AZN":"AZN","AED":"AED","TRY":"TRY","INR":"INR","RSD":"RSD","CZK":"CZK","MNT":"MNT","NZD":"NZD","BGN":"BGN","IDR":"IDR","CNY":"CNY","GEL":"GEL","COP":"COP","ARS":"ARS","PEN":"PEN","CLP":"CLP","VND":"VND","PHP":"PHP","DOP":"DOP","KRW":"KRW","TWD":"TWD","MDL":"MDL","TJS":"TJS","NOK":"NOK","POINTS":""}; window.accountSafeUserName = "Guest"; window.accountUserThumbnail = "<img class=\"user-profile-image user-default-profile-image\" src=\"\/public\/img\/default_profile_50.png\" width=\"50\" alt=\"\">"; window.language = "en"; window.csrfToken = "s8iX4OpR-Lhoc17cZyqjhwH8tmRT5kTSFs9D-okcP9LE_9W3jgCPgDwgKPEdacm-V5TYEX6hPLQlljXJ0UR04w=="; window.requestTime = 1740144443; window.requestSimpleSign = "c0a729d35ba24184b015eeead59c9116"; window.gcUniqId = "185016967067b87f3ba52db3.90050747.1740144443.6766"; window.mailingVisibility = 0; window.isSupportChatEnabled = false; window.disableCaptchaForConfirmPhone = true; window.allowRevealPassword = false; window.globalCheckboxEnabled = true; window.globalCheckboxText = "I have read and agree to <a href=\"\/cms\/system\/legal\" target=\"_blank\">Terms and Conditions<\/a>"; window.persodataConfirm = false; window.pdpCheckboxEnabled = false; window.pdpCheckboxText = "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445. \u0421 <a href=\"\/privacypolicy\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d."; window.pdpConfirmedByDefault = false; window.checkboxMailingEnabled = true; window.checkboxMailingChecked = false; window.checkboxMailingText = "I agree to receive informational and marketing mailings (you can unsubscribe from receiving emails in your personal account at any time)"; window.params_52 = 0; window.gcsObjectId = 3005935; window.isSessionLocalStorageEnabled = true; window.isWhatsappIconEnabled = false; window.file_upload_blocking = false; window.storage_usage_percent = null; window.used_storage_size = null; window.max_storage_size = null; window.fileserviceThumbnailHost = "fs-thb01.getcourse.ru"; window.fileserviceMainHost = "fs23.getcourse.ru"; window.fileserviceUploadHost = "fs16.getcourse.ru"; window.fileserviceTusFeatureEnabled = true; window.iCanSelectGridOffset = true; window.isEnabledSecureUpload = 1; window.webinarWebsocketHosts = ["ws02.getcourse.ru"]; window.webinarWebsocketPath = "\/ws1\/webinar"; window.webSocketHost = "ws04.getcourse.ru"; window.fdsrevEnabled12 = true; window.isDisabledFacebook = true; window.metaIsAnExtremismOrganizationText = "\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f Meta \u043f\u0440\u0438\u0437\u043d\u0430\u043d\u0430 \u044d\u043a\u0441\u0442\u0440\u0435\u043c\u0438\u0441\u0442\u043a\u043e\u0439 \u0432 \u0420\u0424."; window.isTestingV2 = false; window.testingV2VersionCheck = false; window.isDisabledVK = false; window.autoGenerateSubtitlesSectionEnabled = true; window.internalDomains = ["hou2touch.com","hou-2-touch.getcourse.ru"]; window.vhApiHost = "player02.getcourse.ru"; window.vhsRegion = "ru"; window.videoLinkFeatureUsed = 0; window.helpdeskEnabledFeature = false; window.helpdeskTalksEnabledFeature = false; window.enabledTariffsPage = true; window.relatedUsersOnActiveBlock = true; window.UShort = "Wy0xXQ.jJngIW2QSnfFxbKezdLYP2FR2h3jyUBmQY6Vzkz7EaA"; window.ULong = "Wy0xXQ.jJngIW2QSnfFxbKezdLYP2FR2h3jyUBmQY6Vzkz7EaA"; window.gcRedesign = {"isLessonRedesignEnabled":false}; </script> <script type="text/javascript"> window.userInfo = {"isAdmin":false,"isManager":false,"isInAccount":false,"isTeacher":false,"canCms":false,"canEditHelp":false,"isHumanDesign":"0"}; </script> <link rel="shortcut icon" href="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/213/h/5c63f9b9de6594c4a87acd2286f4c812.png"> <link href="/nassets/adafa055/glyphicons.css?v=1727033016" rel="stylesheet"> <link href="/nassets/d15964b7/css/reveal-password.css?v=1732621471" rel="stylesheet"> <link href="/nassets/css/superlite-block-d9b27cb5fd7332c16fa81a9ad7c0b958.css?v=1740144201" rel="stylesheet" async="async"> <link href="/public/fonts/gfonts/open-sans/open-sans-cyr-swap.css" rel="stylesheet" async="async"> <link href="/public/fonts/gfonts/roboto/roboto-cyr-swap.css" rel="stylesheet" async="async"> <link href="/nassets/a9f792d5/css/all.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/v5-font-face.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/v4-font-face.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/v4-shims.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/old.css?v=1727033016" rel="stylesheet"> <link href="/nassets/c5143804/css/button.css?v=1727033020" rel="stylesheet"> <link href="/nassets/341a0a65/deps/css/bootstrap-modal.min.css?v=1727033018" rel="stylesheet"> <link href="/nassets/341a0a65/css/blocks-modal.css?v=1727033018" rel="stylesheet"> <link href="/nassets/341a0a65/deps/css/bootstrap-table.min.css?v=1727033018" rel="stylesheet"> <link href="/nassets/c4ee8f9e/css/modal.css?v=1727033017" rel="stylesheet"> <link href="/nassets/89bfd734/css/blueimp-gallery.min.css?v=1727033016" rel="stylesheet"> <link href="/nassets/89bfd734/css/blueimp-gallery-indicator.css?v=1727033016" rel="stylesheet"> <link href="/nassets/341a0a65/css/basket.css?v=1727033018" rel="stylesheet"> <link href="/nassets/12427aee/proxima.css?v=1727033016" rel="stylesheet"> <link href="/nassets/5d1d7cc7/notice.css?v=1727033016" rel="stylesheet"> <script src="/nassets/584d89d6/jquery.min.js?v=1727033019"></script> <script src="/nassets/59757da8/js/global-function.js?v=1740122488"></script> <script src="/nassets/d15964b7/js/reveal-password.js?v=1732621471"></script> <script src="/nassets/33313f15/js/JsTrans.min.js?v=1727033017"></script> <script src="/nassets/be78c89c/dictionary-gen-8823c583e2872a7ab24cbcbff388991dda2af67c.js?v=1740142800"></script> <meta name="facebook-domain-verification" content="zbjo3xpuut0u55prlbu8fyx53i6fy9" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-J7HRT90KE9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J7HRT90KE9'); </script> <title>TouchDesigner 202: A/V Streaming</title> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:title" content="TouchDesigner 202: A/V Streaming"/> <meta name="description" property="og:description" content="TouchDesigner 202: A/V Streaming This workshop aims to provide you with the theoretical and technical tools to develop your own Mediaserver using TouchDesigner. The workshop is designed for intermediate artists, who want to enhance their skills and create a system with an easy-to-use UI"/> <meta property="og:image" content="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/8863d95d6c129c12530f7dde24f97c0d.jpg/s/600x/a/476640/sc/159"/> <meta property="og:url" content="https://hou2touch.com/202"/> <meta property="fb:app_id" content="1437814016454992"/> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '910806457157277'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=910806457157277&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <meta name="facebook-domain-verification" content="zbjo3xpuut0u55prlbu8fyx53i6fy9" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-J7HRT90KE9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J7HRT90KE9'); </script> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "q6s4molnkp"); </script> </head> <body class="gc-user-guest"> <div class="gc-main-content gc-both-main-content no-menu front-page-content gc-user-guest"> <div class="lite-page block-set"> <style> #ltBlock1873139952 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1873139952" data-block-id="1873140073" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-cf4d5" > <div class="lt-block-wrapper"> <style id="rawCss3927030">@font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/cb6d52ed66350f26dd18b00c533a198b.ttf/a/531213/sc/183) format('truetype'); font-weight: 400; } @font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/b13ad516159ba36e28914d02af9ac216.woff2/a/476640/sc/130) format('woff2'); font-weight: 600; } @font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/8cabcef865d0b2af17b1e490426e5eb5.ttf/a/531213/sc/333) format('truetype'); font-weight: 700; } @font-face { font-family: "Bebas Neue"; src: url(/fileservice/file/download/h/bac5026d1c2ab786d3abee509cddf656.ttf/a/476640/sc/377) format('truetype'); font-weight: 700; }</style> </div></div> <style> #ltBlock1875511689 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1875511689" data-block-id="1875511691" class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block" data-code="b-c0e2b" > <div class="lt-block-wrapper"> <script language="javascript" id="rawJs8746559"> $(function() { $('.toggle-button').on('click', function() { $('.dropdown-content').toggleClass('show'); }) }); $(function() { $('.close-item').on('click', function() { $('.dropdown-content').removeClass('show'); }) }); $(function() { $('.goUp').click(function (){ $('body,html').animate({ scrollTop:0 }, 200); return false; }); }); $(function() { $('.active-auth-text1').on('click', function() { $('.hidden-auth-text1').toggleClass('active'); $('.active-auth-text1').toggleClass('select'); }) $('.active-auth-text2').on('click', function() { $('.hidden-auth-text2').toggleClass('active'); $('.active-auth-text2').toggleClass('select'); }) $('.active-auth-text3').on('click', function() { $('.hidden-auth-text3').toggleClass('active'); $('.active-auth-text3').toggleClass('select'); }) $('.active-auth-text4').on('click', function() { $('.hidden-auth-text4').toggleClass('active'); $('.active-auth-text4').toggleClass('select'); }) }); </script> </div></div> <style> #ltBlock1875511579 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1875511579" data-block-id="1875511582" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-e046e" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings "> Link to this page location: <a class="anchor" data-anchor="top" name='top' id='top' href="#top" > #top </a> </div> </div></div> <style> #ltBlock1873140069 .lt-block-wrapper { padding-top: 0px; padding-bottom: 75px } </style> <div id="ltBlock1873140069" data-block-id="1873140074" class="lt-block lt-view raw-html lt-raw lt-raw-html" data-code="b-868d5" > <div class="lt-block-wrapper"> <div id="rawHtml3380462" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <link href = "https://hou2touch.com/pl/cms/layout/css?id=32091&hash=cc1fd10ee1b203ff39a27bd4799ff6e8&bundle=1" rel="stylesheet"> </div> </div></div> <style> #ltBlock1873139879 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1873139879" data-block-id="1873140075" class="lt-block lt-view raw-html lt-raw lt-raw-html menu-container" data-code="b-f0760" > <div class="lt-block-wrapper"> <div id="rawHtml4507424" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <nav class="customMenu"> <div class="menu-column menu-column_left"> <a class="logo"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/181/h/e36054ae60120a3a92d9143c6b7ebb9f.svg"></a> <a class="logo_black"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/324/h/f710bd0bc90c84ab04d12dd5a9c47f8b.svg"></a> </div> <div class="menu-column menu-column_lright"> <ul class="visible-item"> <li><a href="https://hou2touch.com/course">hou2touch</a></li> <li><a href="https://hou2touch.com/school">courses</a></li> <li><a href="https://hou2touch.com/about">who we are</a></li> <li><a href="https://hou2touch.com/blog">blog</a></li> <li><a href="https://hou2touch.com/subscribe">subscribe</a></li> <li><a href="#contacts">contact us</a></li> </ul> </div> <a href="https://hou2touch.com/my" class="lk-button"><span>sign in</span></a> </nav> <div class="dropdown"> <button class="toggle-button"><img class="toggle-btn_white" src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/204/h/a9c670b261a67754b8bb9b7cfcb94626.svg"> <img class="toggle-btn_black" src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/128/h/056431bb6312c8a167be711ee525ae4c.svg"> </button> <div class="dropdown-content"> <div class="close-item"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/424/h/0833541baa3eee2e6d63fd2c3fcf6bdc.svg"></div> <ul class="visible-item"> <li><a href="https://hou2touch.com/course">hou2touch</a></li> <li><a href="https://hou2touch.com/school">courses </a></li> <li><a href="https://hou2touch.com/about">who we are</a></li> <li><a href="https://hou2touch.com/blog">blog</a></li> <li><a href="https://hou2touch.com/subscribe">subscribe</a></li> <li><a href="#contacts">contact us</a></li> <a href="https://hou2touch.com/my" class="lk-button"><span>sign in</span></a> </ul> </div> </div> </div> </div></div> <style> #ltBlock2137043125 .f-header { font-family: 'Bebas Neue', sans-serif; } #ltBlock2137043125 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock2137043125 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px; background-color: #070707 } @media (min-width: 411px) { #ltBlock2137043125 { display: none !important; } } </style> <div id="ltBlock2137043125" data-block-id="2137043132" data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-c1eef" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-center" style=""> <div id="builder5513849" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field67721" data-item-name="field67721" data-title="Element" data-animation-mode="appear" style="margin-bottom: 5PX; margin-top: 10px; border-radius: ; " data-setting-editable="true" class="builder-item part-header animated-element before-animation" id="a67ffc85db" > <div data-editable=true data-param='items/parts/field67721/inner/text' class='f-header f-header-20'><p><span class="redactor-inline-converted">Masters of Light <span style="color: rgb(237, 57, 2);" class="redactor-inline-converted"> <br>Free online Talk with Pavel Zmunchila <span style="color: rgb(255, 255, 255);" class="redactor-inline-converted"> <br>from Setup Studio </span></span></span></p></div> <div class="add-redesign-subblock" data-id="2137043132"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a67ffc85db .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder5513849 input[type="radio"]').length == 1 && $('#builder5513849 input[type="radio"]').prop('checked') ) { $('#builder5513849 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> <style> #ltBlock2137043125 .block-box { color:#ffffff; background-color:#070707;padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;border: 0px solid #F63B00; } </style> </div></div> <script> $( '#ltBlock2137043125' ).click( function() { window.open('https://hou2touch.com/setup_stream') } ); </script> <style> #ltBlock2137043125 { cursor: pointer; } </style> <style> #ltBlock1938462270 .f-header { font-family: 'Bebas Neue', sans-serif; } #ltBlock1938462270 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1938462270 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px; background-color: #070707 } @media (max-width: 760px) { #ltBlock1938462270 { display: none !important; } } </style> <div id="ltBlock1938462270" data-block-id="1938462908" data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-0b5f2" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-center" style=""> <div id="builder8267553" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field67721" data-item-name="field67721" data-title="Element" data-animation-mode="appear" style="margin-bottom: 5PX; margin-top: 10px; border-radius: ; " data-setting-editable="true" class="builder-item part-header animated-element before-animation" id="a23fe26d7f" > <div data-editable=true data-param='items/parts/field67721/inner/text' class='f-header f-header-26'><p><span class="redactor-inline-converted">Masters of Light <span style="color: rgb(237, 57, 2);" class="redactor-inline-converted"> Free online Talk with Pavel Zmunchila <span style="color: rgb(255, 255, 255);" class="redactor-inline-converted"> from Setup Studio </span></span></span></p></div> <div class="add-redesign-subblock" data-id="1938462908"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a23fe26d7f .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder8267553 input[type="radio"]').length == 1 && $('#builder8267553 input[type="radio"]').prop('checked') ) { $('#builder8267553 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> <style> #ltBlock1938462270 .block-box { color:#ffffff; background-color:#070707;padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;border: 0px solid #F63B00; } </style> </div></div> <script> $( '#ltBlock1938462270' ).click( function() { window.open('https://hou2touch.com/setup_stream') } ); </script> <style> #ltBlock1938462270 { cursor: pointer; } </style> <style> #ltBlock1931973932 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973932" data-block-id="1931974395" class="lt-block lt-view raw-html lt-raw lt-raw-html" data-code="b-23770" > <div class="lt-block-wrapper"> <div id="rawHtml4973728" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <link href = "https://getmaket.getcourse.ru/pl/cms/layout/css?id=31316&hash=b702030dc396ce7dc2f37333c4cb5f78&bundle=1" rel="stylesheet"> </div> </div></div> <style> #ltBlock1931973933 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973933" data-block-id="1931974396" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-d3f95" > <div class="lt-block-wrapper"> <style id="rawCss3983903">@font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/cb6d52ed66350f26dd18b00c533a198b.ttf/a/531213/sc/183) format('truetype'); font-weight: 400; } @font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/8cabcef865d0b2af17b1e490426e5eb5.ttf/a/531213/sc/333) format('truetype'); font-weight: 700; } @font-face { font-family: "Bebas Neue"; src: url(/fileservice/file/download/h/bac5026d1c2ab786d3abee509cddf656.ttf/a/476640/sc/377) format('truetype'); font-weight: 700; } .block-1 { background: url(//fs.getcourse.ru/fileservice/file/download/a/476640/sc/360/h/52bf0be8f5d56ffd9b78857bb677c2da.jpg)no-repeat; background-size: cover; background-position: center; } /*Убрать после редавтирования .anim-string { display: none; } /*END Убрать после редавтирования* .lite-page.block-set:not(.block-set-editor) { overflow: hidden; background: #070707; } .menu-container .lt-block-wrapper { background: rgba(7, 7, 7, 0.6); } .nav-item { position: absolute; top: 125px; left: 0; width: 100%; } .nav-item .container { max-width: none; width:100%; max-width: 1640px; margin: 0 auto; padding-left: 42px; } .nav-item .f-header p a{ color: #FFF; font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: 18px; letter-spacing: 1.08px; text-decoration-line: underline; } .nav-item .f-header p a:hover { color: rgba(255, 255, 255, 0.5); } /*menu* .menu-container { background: rgba(7, 7, 7, 0.6); position: absolute; width: 100%; top: 0; left: 0; } .customMenu { display: flex; justify-content: space-between; align-items: center; max-width: 1640px; margin: 0 auto; padding: 18px 42px; } .menu-column { display: flex; align-items: center; justify-content: space-between; gap: 25px; } .menu-column_lright ul { display: flex; gap: 25px; margin: 0; } .customMenu ul li a, .lk-button { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: normal; letter-spacing: 1.08px; } .customMenu ul li a:hover, .lk-button:hover { color: rgba(255, 255, 255, 0.5); text-decoration: none; cursor: pointer; } .customMenu ul li::marker { color: transparent; } /* 1 block .custom-header .f-header p { font-family: "Bebas Neue"; font-size: 100px; font-style: normal; font-weight: 400; line-height: 90%; letter-spacing: 2px; text-transform: lowercase; } .custom-header.custom-header_white { color: var(--main-white, #FFF); } .custom-header.custom-header_black { color: #070707; } .basic-text .f-text p { color: var(--main-black, #070707); font-family: "Inter"; font-size: 17px; font-weight: 500; line-height: normal; max-width: 570px; } */ .block-1 { background: url(//fs.getcourse.ru/fileservice/file/download/a/476640/sc/360/h/52bf0be8f5d56ffd9b78857bb677c2da.jpg)no-repeat; background-size: cover; background-position: center; } /* .block-1 .builder[data-path="column2"] { max-width: 480px; } .block-1 .f-header p { color: #FFF; font-family: "Bebas Neue"; font-size: 120px; font-weight: 400; line-height: 82%; letter-spacing: 2.4px; } .block-1 .f-subheader p { color: #FFF; font-family: "Bebas Neue"; font-size: 64px; font-weight: 400; line-height: 90%; letter-spacing: 1.28px; } .block-1 .f-text p { color: #FFF; font-family: "Inter"; font-size: 17px; font-weight: 500; line-height: normal; } .block-1 .custom-btn .btn.f-btn.btn-success { font-size: 24px; } .custom-btn .btn.f-btn.btn-success { width: 100%; border-radius: 4px; background: var(--main-orange, #F63B00); color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 32px; font-weight: 400; line-height: normal; letter-spacing: 0.48px; text-transform: capitalize; padding-top: 9px; } .card { border-radius: 6px; background: var(--main-white, #FFF); padding: 38px 34px; } .card-title { color: var(--main-black, #070707); font-family: "Inter"; font-size: 24px; font-weight: 600; line-height: 120%; } .card-text { color: var(--main-black, #070707); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: normal; } .card-item .f-text { display: flex; color: #fff; justify-content: space-between; border-bottom: 1px solid rgb(255, 255, 255, 0.5); padding: 0 0 24px 0; } .card-item .f-text p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: normal; text-align: right; } .card-item.card-item_pad .f-text { border-bottom: none; } .card-item.card-item_pad p:nth-child(1) { flex: 20%; text-align: left; } .card-item.card-item_pad p:nth-child(2) { flex: 45%; text-align: right; } .card-item.card-item_pad p:nth-child(2) span { background: #fff; color: #070707; padding: 6px 9px; display: inline-block; margin: 3px; border-radius: 3px; } .card-item.card-item_soft span { display: block; max-width: 160px; } .card-subtitle .f-text p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: normal; } .card-subtitle a { color: var(--main-light-orange, #FF7347); text-decoration-line: underline; } .card .card-text { margin-bottom: 24px; } .card .card-text:last-child { margin-bottom: 0; } .icons-text .f-text p { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 46px; font-weight: 400; line-height: 100%; letter-spacing: 0.92px; text-transform: lowercase; margin-bottom: 2px; } .yellow-text { color: var(--main-yellow, #F90); } .icons-text img { margin: 0 5px 0 5px; } .block-format .builder-item.part-text { position: relative; padding-left: 44px; } .block-format .builder-item:before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/155/h/342ae0cc1955f71b5636fa799d28be90.svg)no-repeat; } .block-format .builder-item.item-2:before { background: url( https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/215/h/7c91eb7527087c6f5b3f026c958edd8c.svg)no-repeat; } .block-format .builder-item.item-5:before { background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/120/h/6590f428a3a918876ffd3f077a7728ac.svg)no-repeat; } .block-format .f-text p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 24px; font-weight: 400; line-height: 100%; } /****** galery ********* .galery-block .builder { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; } .galery-block .builder-item { margin-bottom: 0 !important; } .image-item { flex: 0 0 calc(50% - 30px); } .galery-block .mobil-image { display: none; } .hide-galery { display: none; } .video-block .container { max-width: none; width: 100%; padding: 0; } /****** Form ******* .custom-form .form-content .builder { display: flex; justify-content: space-between; gap: 22px; } .custom-form .form-content .builder-item { flex: 0 0 50%; } .custom-form .lt-form .f-input { border-top: none; border-right: none; border-left: none; border-bottom: 2px solid rgba(122, 122, 122, 0.50); padding: 0; color: var(--main-grey-50, rgba(122, 122, 122, 0.50)); font-family: "Inter"; font-size: 17px; font-weight: 400; } /*wave .team-block-header { position: relative; } .team-block .my-container { justify-content: space-between; gap: 50px; } .team-block .builder { justify-content: start; gap: 0 66px; } .item-team-1 { flex: 0 0 54% !important; } .item-team-2 { flex: 0 0 36% !important; } .team-link .inLink { margin-left: 24px; } .custom-subtitle .f-header p { color: #fff; font-family: "Bebas Neue"; font-size: 46px; font-weight: 400; line-height: 100%; letter-spacing: 0.92px; text-transform: lowercase; margin-bottom: 18px; } .custom-subtitle .f-header p span { color: #F90; } .team-block-header:before { position: absolute; content: ""; top: -125px; left: 0; width: 204px; height: 233px; background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/13/h/8bf1221800f9cf4b38a6f55790862852.png)no-repeat; background-size: contain; } .team-block-header:after { position: absolute; content: ""; top: -125px; right: 0; width: 204px; height: 233px; background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/184/h/ac946d27b24fdd3c5ad7bc9103002829.png)no-repeat; background-size: contain; } .team-header .f-header p { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 64px; font-weight: 400; line-height: 90%; letter-spacing: 1.28px; text-transform: lowercase; } .team-subheader .f-subheader p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 18px; font-style: italic; font-weight: 400; line-height: 120%; } .team-link .f-text p a { color: var(--main-light-orange, #FF7347); font-family: "Bebas Neue"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 1.08px; text-decoration-line: underline; } .team-text .f-text p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 17px; font-style: normal; line-height: 120%; } .team-text .f-text p span { color: #FF7347; display: block; } .team-text .f-text ul { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: normal; margin-top: 25px; padding-left: 26px; } .team-text .f-text ul li { margin-bottom: 20px; } .team-block .builder[data-path="column1"] .part-image img { max-height: 356px } .fact-block .builder { display: flex; justify-content: space-between; } .anim-stroke .f-text p { color: var(--main-light-orange, #FF7347); font-family: "Bebas Neue"; font-size: 46px; font-weight: 400; line-height: 120%; letter-spacing: 0.92px; text-transform: lowercase; } .anim-stroke .container { max-width: none; width: 100%; } .marquee { color: var(--main-light-orange, #FF7347); font-family: "Bebas Neue"; font-size: 46px; font-weight: 400; line-height: 120%; letter-spacing: 0.92px; text-transform: lowercase; white-space: nowrap; } .anim-stroke .builder { display: flex; flex-wrap: nowrap; } /*form-button .form-button-block .builder { border-radius: 6px; background: var(--main-white, #FFF); max-width: 550px; margin: 0 auto; padding: 92px 60px 60px 60px; } .form-button-block .f-header { color: var(--main-black, #070707); font-family: "Bebas Neue"; font-size: 100px; font-weight: 400; line-height: 90%; letter-spacing: 2px; text-transform: lowercase; } .form-button-text1 .f-text p { color: var(--main-black, #070707); font-family: "Bebas Neue"; font-size: 32px; font-weight: 400; line-height: 100%; text-transform: lowercase; } .form-button-list ul li { color: var(--main-black, #070707); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: 120%; margin-bottom: 7px } .form-button-text2 .f-text p { color: var(--main-black, #070707); font-family: "Inter"; font-size: 17px; font-style: normal; font-weight: 400; line-height: 120%; margin-bottom: 32px; } .form-button-text3 .f-text p { color: var(--main-grey, #7A7A7A); text-align: center; font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: 120%; margin-top: 70px; } .faq-header .f-header p { display: flex; justify-content: space-between; } .footer-block { display: flex; justify-content: space-between; max-width: 1640px; margin: 0 auto; padding: 0 42px; } .footer-left-col, .footer-right-col { flex: 0 0 50%; } .footer-block p, .footer-block p a { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: 120%; letter-spacing: 1.08px; } .footer-block p { margin-bottom: 24px; } .footer-block .footer-left-col p a { text-decoration-line: underline; margin-right: 16px; } .footer-block .menu-item { display: flex; justify-content: space-between; } .last-box { display: flex; justify-content: space-between; max-width: 1640px; margin: 0 auto; padding: 0 42px; margin-top: 48px; } .last-box p, .last-box p a { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: 18px; letter-spacing: 1.08px; display: flex; justify-content: space-between; gap: 24px; } .last-box p a { text-decoration: underline; } .last-box p a.goUp { text-decoration: none; } .date-name { display: none; } .toggle-button { background: none; border: none; padding: 6px; } .dropdown { display: none; text-align: center; } .dropdown-content { opacity: 0; height: 1px; transition: 0.3s; } .dropdown-content.show { opacity: 1; height: auto; background: #070707; padding-bottom: 20px; } .dropdown-content.show ul { list-style: none; max-width: 80px; margin: 0 auto; padding-left: 0; } .dropdown-content.show ul li a{ color: #fff; font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: normal; letter-spacing: 1.08px; text-align: left; margin-bottom: 7px; display: block; } .dropdown-content.show .lk-button { margin-bottom: 20px; display: block; } @media(max-width: 1080px) { .team-block .builder[data-path="column1"] { display: none !important; } .footer-block, .last-box { padding: 0 24px !important; } } @media(max-width: 980px) { .container, .my-container { padding-left: 24px !important; padding-right: 24px !important; } .builder { padding: 0 !important; } .form-button-block .builder { padding: 40px 30px !important; } .nav-item .f-header { text-align: center !important; } .block-1 .lt-block-wrapper { padding-top: 275px !important; padding-bottom: 280px !important; } .block-1 .builder[data-path="column1"] { display: none !important; } .block-1 .f-subheader p { font-size: 28px !important; } .block-1 .f-text p { font-size: 14px !important; } .custom-btn .btn.f-btn.btn-success { font-size: 18px !important; } .block-1 .part-header { margin-bottom: 13px !important; } .block-1 .part-subheader { margin-bottom: 10px !important; } .block-1 .part-text { margin-bottom: 15px !important; } .custom-header .f-header p { font-size: 64px !important; max-width: 323px !important; text-align: left; } .block-2 .lt-block-wrapper { padding-top: 60px !important; } .faq-header .f-header p { max-width: 310px !important; overflow: hidden !important; justify-content: space-between !important; margin: 0 auto !important; } .cards-block .my-container { flex-direction: column !important; } .cards-block .builder { flex: 0 0 100% !important; } .cards-block .builder[data-path="column1"] { order: 1 !important; } .cards-block .builder[data-path="column2"] { order: 0 !important; } .card-item.card-item_pad { margin-bottom: 3px !important; } .card-item .f-text p { font-size: 14px !important; } .card-subtitle .f-text p { font-size: 14px !important; } .cards-block .lt-block-wrapper { padding-top: 0 !important; } .card { margin-bottom: 16px !important; } .cards-block .custom-btn { order: 12 !important; } .icons-text .f-text p { font-size: 28px !important; margin-bottom: 0 !important; } .myAccordion { font-size: 18px !important; } .myAccordion:after { width: 22px !important; height: 22px !important; top: 30px !important; } .custom-form .form-content .builder { flex-direction: column !important; } .part-image.team-item.item-team-1 { order: 1 !important; } .item-team-2.custom-subtitle { order: 0 !important; flex: 0 0 100% !important; } .part-header.team-header { order: 3 !important; } .part-subheader.team-subheader { order: 4 !important; } .part-text.team-link { order: 5 !important; margin-bottom: 16px !important; } .part-text.team-text { order: 6 !important; } .custom-subtitle .f-header p { font-size: 28px !important; margin-bottom: 25px !important; } .fact-block { display: none !important; } .footer-right-col { display: none !important; } .customMenu { display: none; } .nav-item { top: 100px !important; } .card-item.card-item_pad p:nth-child(2) span { font-size: 10px !important; } .card-title { font-size: 18px !important; } .card .card-text { font-size: 14px !important; } .icons-text .lt-block-wrapper { padding-top: 35px !important; padding-bottom:0 !important; } .icons-text .f-text p img { width: 24px !important; height: 24px !important; } .block-format .f-text p { font-size: 14px !important; } .block-format .builder-item.part-text { padding-left: 30px !important; margin-bottom: 16px !important; } .block-format .lt-block-wrapper { padding-top: 0 !important; padding-bottom: 15px !important; } .galery-block .lt-block-wrapper { padding-bottom: 11px !important; } .galery-block .builder { gap: 11px !important; } .galery-block .mobil-image { display: block !important; } .hide-galery .lt-block-wrapper { padding-top: 0 !important } .hide-galery .part-image { margin-bottom: 11px !important; } .image-item { display: none !important; } .video-block .container { padding: 0 !important; } .sill .custom-header{ margin-bottom: 15px !important; } .myAccordion { padding: 27px 50px 27px 0 !important; } .quest .lt-block-wrapper { padding-bottom: 0 !important; } .custom-form .lt-block-wrapper { padding-top: 45px !important; padding-bottom: 100px !important; } .team-block-header .lt-block-wrapper { padding-bottom: 0 !important; } .team-block .lt-block-wrapper { padding-top: 22px !important; } .team-block-header:before, .team-block-header:after { top: -65px !important; width: 104px !important; height: 133px !important; } .team-subheader .f-subheader p, .team-text .f-text p, .team-text .f-text ul { font-size: 14px !important; } .form-button-block .f-header { font-size: 64px !important; } .form-button-text1 .f-text p { font-size: 28px !important; } .form-button-text2 .f-text p { font-size: 10px !important; } .form-button-list ul li { font-size: 14px !important; } .form-button-block ul { padding-left: 20px !important; } .form-button-text3 .f-text p { font-size: 10px !important; margin-top: 16px !important; } .form-button-text2 .f-text p { margin-bottom: 16px !important; } .faq-header .lt-block-wrapper { padding-top: 10px !important; padding-bottom: 47px !important; } .custom-btn .lt-block-wrapper { padding-bottom: 40px !important; } .dropdown { display: block !important; position: relative; z-index: 100; } .hide-mobile { display: none !important; } .footer-left-col { flex: 100% !important; } .footer-soc { display: none !important; } .last-box p:first-child { display: none !important; } .date-name { display: block !important; } .last-box { margin-top: 15px !important; } .padding-bottom_basic .lt-block-wrapper { padding-bottom: 80px !important; } .padding-top_basic .lt-block-wrapper { padding-top: 80px !important; } .anim-string .lt-block-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; } .marquee { font-size: 28px !important; } } @media(max-width: 480px) { .team-block-header:before, .team-block-header:after { top: -46px !important; width: 74px !important; height: 73px !important; } } @media(max-width: 378px) { .footer-block p, .footer-block p a { font-size: 16px !important; } .last-box p, .last-box p a { font-size: 16px !important; } } </style> </div></div> <style> #ltBlock1931973934 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973934" data-block-id="1931974397" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-f204a" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings "> Link to this page location: <a class="anchor" data-anchor="top" name='top' id='top' href="#top" > #top </a> </div> </div></div> <style> #ltBlock1931973936 .lt-block-wrapper { padding-top: 270px; padding-bottom: 255px } </style> <div id="ltBlock1931973936" data-block-id="1931974399" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard block-1 block-1_main" data-code="b-7b2a2" > <div class="lt-block-wrapper"> <div class="my-container flex-container wrap-col"> <div id="builder4710511" class="builder flex-column col-md-0 col-md-offset-0" data-path="column1" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Block style" data-setting-editable="true"></div> </div> <style> #builder4710511 { ; } </style> <script> $( function() { if( $('#builder4710511 input[type="radio"]').length == 1 && $('#builder4710511 input[type="radio"]').prop('checked') ) { $('#builder4710511 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder4094310" class="builder flex-column col-md-12 col-md-offset-0" data-path="column2" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column2/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 16px; border-radius: ; " data-setting-editable="true" class="builder-item part-header text-left" id="a8f32c3ce1" > <div data-editable=true data-param='column2/parts/header1/inner/text' class='f-header f-header-36'><p>202</p></div> <div class="add-redesign-subblock" data-id="1931974399"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a8f32c3ce1 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field17535" data-item-name="field17535" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-subheader " id="a14c72c236" > <div data-editable=true data-param='column2/parts/field17535/inner/text' class='f-subheader f-subheader-sm f-text-transform-uppercase'><p><span>Touchdesigner </span><span></span></p><p>av streaming</p><p><br></p><p><span></span></p><p><br></p></div> <div class="add-redesign-subblock" data-id="1931974399"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a14c72c236 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field86895" data-item-name="field86895" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-button custom-btn" id="ac775bf7f6" > <button type="button" id="button2638353" class="btn f-btn button-md btn-success" style="color: white; background-color: ; "> Learn More </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton2638353']) { e.preventDefault(); return false; } else { $('#button2638353').addClass('disabled'); window['prsbutton2638353'] = true; setTimeout(function(){window['prsbutton2638353'] = false;$('#button2638353').removeClass('disabled');}, 6000); } return true; }; $( '#button2638353' ).click( function(e) { //disableButton(e); location.href='#about'; } ); }); </script> <div class="add-redesign-subblock" data-id="1931974399"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac775bf7f6 .add-redesign-subblock { display: none; } </style> </div> <style> #builder4094310 { ; } </style> <script> $( function() { if( $('#builder4094310 input[type="radio"]').length == 1 && $('#builder4094310 input[type="radio"]').prop('checked') ) { $('#builder4094310 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1931973937 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973937" data-block-id="1931974400" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-a59af" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings "> Link to this page location: <a class="anchor" data-anchor="about" name='about' id='about' href="#about" > #about </a> </div> </div></div> <style> #ltBlock1931973938 .lt-block-wrapper { padding-top: 165px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1931973938" data-block-id="1931974401" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common block-2" data-code="b-1f387" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder3075176" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 32px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white text-left" id="a24176aded" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>about the course</p></div> <div class="add-redesign-subblock" data-id="1931974401"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a24176aded .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field20634" data-item-name="field20634" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; color: #ffffff; border-radius: ; " data-setting-editable="true" class="builder-item part-text text_s" id="a5bafb72e6" > <div style='' class='text-normal f-text' data-param='items/parts/field20634/inner/text' data-editable='true'><p>This workshop aims to give you the theoretical and technical tools to develop your own Mediaserver and Streaming system with TouchDesigner.</p></div> <div class="add-redesign-subblock" data-id="1931974401"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5bafb72e6 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field20634_93" data-item-name="field20634_93" data-title="Element" data-animation-mode="no" style="margin-bottom: 3px; color: #ffffff; border-radius: ; " data-setting-editable="true" class="builder-item part-text text_s" id="a4ac4042a4" > <div style='' class='text-normal f-text' data-param='items/parts/field20634_93/inner/text' data-editable='true'></div> <div class="add-redesign-subblock" data-id="1931974401"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a4ac4042a4 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder3075176 input[type="radio"]').length == 1 && $('#builder3075176 input[type="radio"]').prop('checked') ) { $('#builder3075176 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973939 .lt-block-wrapper { padding-top: 30px; padding-bottom: 45px; background-color: #070707 } </style> <div id="ltBlock1931973939" data-block-id="1931974402" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard cards-block" data-code="b-28318" > <div class="lt-block-wrapper"> <div class="my-container flex-container wrap-col"> <div id="builder2197631" class="builder flex-column col-md-5 col-md-offset-0" data-path="column1" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column1/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card text-left" id="a3a82e6dc5" > <div style='' class='text-normal f-text' data-param='column1/parts/text1/inner/text' data-editable='true'><p class="card-title">Course target</p> <p class="card-text">This workshop targeted to bring you basic understanding how you can make a hardaware video and audio setup, and integrate TouchDesigner in the process of creation of AUdioVisual Content for the streaming</p></div> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a3a82e6dc5 .add-redesign-subblock { display: none; } </style> <div data-param="column1/parts/text1_23" data-item-name="text1_23" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card text-left" id="a4ca5cc57f" > <div style='' class='text-normal f-text' data-param='column1/parts/text1_23/inner/text' data-editable='true'><p class="card-title">Time proven approach ...</p> <p class="card-text">We believe that our course's approach to teaching TouchDesigner is unique and effective in that we provide our students with a hands-on learning experience that allows them to experiment and create freely..</p> <p class="card-text">Our course material is structured in a way that is easy to understand.</p></div> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a4ca5cc57f .add-redesign-subblock { display: none; } </style> <div data-param="column1/parts/field54544" data-item-name="field54544" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card" id="a802ac6e81" > <div style='' class='text-normal f-text' data-param='column1/parts/field54544/inner/text' data-editable='true'><p class="card-title">Who is the course for?</p> <p class="card-text"> This workshop for DJs, Musicians and Visual artists who want to stream AV content with brilliant visual quality using the power of TouchDesigner.</p></div> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a802ac6e81 .add-redesign-subblock { display: none; } </style> </div> <style> #builder2197631 { ; } </style> <script> $( function() { if( $('#builder2197631 input[type="radio"]').length == 1 && $('#builder2197631 input[type="radio"]').prop('checked') ) { $('#builder2197631 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder3915891" class="builder flex-column col-md-6 col-md-offset-1" data-path="column2" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column2/parts/field39440_21" data-item-name="field39440_21" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item" id="adb52076e7" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_21/inner/text' data-editable='true'><p>Duration </p> <p>3 weeks</p></div> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#adb52076e7 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_91" data-item-name="field39440_91" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item" id="a32cfe1f6e" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_91/inner/text' data-editable='true'><p>Your skill level</p> <p>Intermediate</p></div> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a32cfe1f6e .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_26" data-item-name="field39440_26" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item card-item_soft" id="a2b653b706" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_26/inner/text' data-editable='true'><p>Software </p> <p>TouchDesigner, OBS Studio</p></div> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a2b653b706 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_3" data-item-name="field39440_3" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item" id="a9e4abd982" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_3/inner/text' data-editable='true'><p>Video Duration </p> <p>4 Hours </p></div> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a9e4abd982 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_3_61" data-item-name="field39440_3_61" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item" id="a14c0e43ae" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_3_61/inner/text' data-editable='true'><p>Format </p> <p>Self-Study</p></div> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a14c0e43ae .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_3_56" data-item-name="field39440_3_56" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item card-item_pad" id="afbb9d7c5e" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_3_56/inner/text' data-editable='true'><p>Who needs this </p> <p><span>Motion Designers</span> <span>Media Artists</span> <span>3D Artists</span> <span>VR / XR Producers</span> <span>NFT Artists</span> <span>Interactive Developers</span> <span>Musicians</span> <span>VJs</span> <span>AI/ML Enthusiasts</span> <span>Designers</span></p></div> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#afbb9d7c5e .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field67209" data-item-name="field67209" data-title="Element" data-animation-mode="no" style="margin-bottom: 20px; border-radius: ; " data-setting-editable="true" class="builder-item part-button custom-btn" id="a8048543f5" > <button type="button" id="button910282" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: ; "> enroll </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton910282']) { e.preventDefault(); return false; } else { $('#button910282').addClass('disabled'); window['prsbutton910282'] = true; setTimeout(function(){window['prsbutton910282'] = false;$('#button910282').removeClass('disabled');}, 6000); } return true; }; $( '#button910282' ).click( function(e) { //disableButton(e); location.href='#book'; } ); }); </script> <div class="add-redesign-subblock" data-id="1931974402"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a8048543f5 .add-redesign-subblock { display: none; } </style> </div> <style> #builder3915891 { ; } </style> <script> $( function() { if( $('#builder3915891 input[type="radio"]').length == 1 && $('#builder3915891 input[type="radio"]').prop('checked') ) { $('#builder3915891 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1931973940 .lt-block-wrapper { padding-top: 0px; padding-bottom: 120px; background-color: #070707 } </style> <div id="ltBlock1931973940" data-block-id="1931974403" class="lt-block lt-view vid01 lt-video lt-video-common video-block" data-code="b-1318d" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12" style=""> <div class="clearfix videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/mDs264bXYzA" frameborder="0" allowfullscreen allow="autoplay; encrypted-media"></iframe> </div> <style> .videoWrapper { position: relative; padding-bottom: 52.25%; padding-top: 4%; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> </div> </div> </div> </div></div> <style> #ltBlock1931973941 .lt-block-wrapper { padding-top: 60px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931973941" data-block-id="1931974404" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common format-header" data-code="b-e216f" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder9511934" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 30px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white text-left" id="a68e1ed68c" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>course format & materials</p></div> <div class="add-redesign-subblock" data-id="1931974404"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a68e1ed68c .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder9511934 input[type="radio"]').length == 1 && $('#builder9511934 input[type="radio"]').prop('checked') ) { $('#builder9511934 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973942 .lt-block-wrapper { padding-top: 15px; padding-bottom: 75px; background-color: #070707; color: #ffffff } </style> <div id="ltBlock1931973942" data-block-id="1931974405" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common block-format" data-code="b-0eca2" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-10 text-left" style="color: #ffffff"> <div id="builder1487647" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-1" id="aec927949d" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>The course is completely prerecorded and includes 4 Hour of video lessons</p></div> <div class="add-redesign-subblock" data-id="1931974405"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aec927949d .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8" data-item-name="text1_8" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-2" id="ae5992713c" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8/inner/text' data-editable='true'><p>TouchDesigner projects are available to download</p></div> <div class="add-redesign-subblock" data-id="1931974405"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae5992713c .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8_65" data-item-name="text1_8_65" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-5" id="ac382d2545" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_65/inner/text' data-editable='true'><p>For communication, we have a chat with and other participants.</p></div> <div class="add-redesign-subblock" data-id="1931974405"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac382d2545 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder1487647 input[type="radio"]').length == 1 && $('#builder1487647 input[type="radio"]').prop('checked') ) { $('#builder1487647 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973942 hr.separator { border-color: #ffffff; } #ltBlock1931973942 .f-text { color: #ffffff; } </style> <style> #ltBlock1931973944 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973944" data-block-id="1931974407" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-21f2d" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings "> Link to this page location: <a class="anchor" data-anchor="galery" name='galery' id='galery' href="#galery" > #galery </a> </div> </div></div> <style> #ltBlock1931973945 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1931973945" data-block-id="1931974408" data-has-limited-visibility="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common gallery-block_button" data-code="b-05984" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder5435819" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field60572" data-item-name="field60572" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white" id="a1ad0a0766" > <div data-editable=true data-param='items/parts/field60572/inner/text' class='f-header f-header-36'><p>Gallery</p></div> <div class="add-redesign-subblock" data-id="1931974408"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1ad0a0766 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder5435819 input[type="radio"]').length == 1 && $('#builder5435819 input[type="radio"]').prop('checked') ) { $('#builder5435819 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973946 .lt-block-wrapper { padding-top: 30px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931973946" data-block-id="1931974409" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common galery-block" data-code="b-fbffd" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder6733534" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field40749" data-item-name="field40749" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img" id="affe692465" > <div id="image4801649" class="image-box" data-img-title="name" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/de92ecc9f4044d6468d0f4ef7c89ad6b.jpg/s/s1200x/a/476640/sc/359" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/de92ecc9f4044d6468d0f4ef7c89ad6b.jpg/s/s1200x/a/476640/sc/359" data-param="items/parts/field40749/inner/image" data-hash="de92ecc9f4044d6468d0f4ef7c89ad6b.jpg" data-image-editable="true" title="name" alt="name" style="" /> <div data-editable="true" data-param="items/parts/field40749/inner/image/caption" class="lt-image-caption"> name </div> </div> <script> $( function() { $( '#image4801649' ).click( function(ev) { ltShowModalBlock("b-e8196") } ); }); </script> <style> #image4801649 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931974409"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#affe692465 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_42" data-item-name="field40749_42" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img mobil-image" id="a5c8871086" > <div id="image6495902" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/a6d834b1e58e96461ad876a944a7be48.png/s/s1200x/a/476640/sc/165" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/a6d834b1e58e96461ad876a944a7be48.png/s/s1200x/a/476640/sc/165" data-param="items/parts/field40749_42/inner/image" data-hash="a6d834b1e58e96461ad876a944a7be48.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_42/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974409"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5c8871086 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_85" data-item-name="field40749_85" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img mobil-image" id="afb6d69c4c" > <div id="image9504438" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/bd1741b7f7b980a0debb8686bf6ca32f.jpg/s/s1200x/a/476640/sc/339" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/bd1741b7f7b980a0debb8686bf6ca32f.jpg/s/s1200x/a/476640/sc/339" data-param="items/parts/field40749_85/inner/image" data-hash="bd1741b7f7b980a0debb8686bf6ca32f.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_85/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974409"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#afb6d69c4c .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field88582" data-item-name="field88582" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image image-item" id="a430342759" > <div id="image41742" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/6e74e0b8c3b072f3e607dd909e1d1cb6.jpg/s/s1200x/a/476640/sc/241" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/6e74e0b8c3b072f3e607dd909e1d1cb6.jpg/s/s1200x/a/476640/sc/241" data-param="items/parts/field88582/inner/image" data-hash="6e74e0b8c3b072f3e607dd909e1d1cb6.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field88582/inner/image/caption" class="lt-image-caption"> </div> </div> <script> $( function() { $( '#image41742' ).click( function(ev) { blueimp.Gallery([ev.currentTarget], { index: ev.currentTarget, event: ev, urlProperty: 'img-src', titleProperty: 'img-title' }); } ); }); </script> <style> #image41742 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931974409"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a430342759 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field66449" data-item-name="field66449" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image image-item" id="a948aefb69" > <div id="image6486172" class="image-box" data-img-title="" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/91b483488b4448f4f36aed2548959d78.jpg/s/s1200x/a/476640/sc/37" > <img class="lazyload" data-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/91b483488b4448f4f36aed2548959d78.jpg/s/s1200x/a/476640/sc/37" data-param="items/parts/field66449/inner/image" data-hash="91b483488b4448f4f36aed2548959d78.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field66449/inner/image/caption" class="lt-image-caption"> </div> </div> <script> $( function() { $( '#image6486172' ).click( function(ev) { blueimp.Gallery([ev.currentTarget], { index: ev.currentTarget, event: ev, urlProperty: 'img-src', titleProperty: 'img-title' }); } ); }); </script> <style> #image6486172 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931974409"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a948aefb69 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field99040" data-item-name="field99040" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img" id="a92387d33a" > <div id="image3926282" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/5ef66e9af4c65dd285c8bb1c35276bb9.png/s/s1200x/a/476640/sc/305" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/5ef66e9af4c65dd285c8bb1c35276bb9.png/s/s1200x/a/476640/sc/305" data-param="items/parts/field99040/inner/image" data-hash="5ef66e9af4c65dd285c8bb1c35276bb9.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field99040/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974409"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a92387d33a .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field44606" data-item-name="field44606" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-video image-box" id="ae2148caf4" > <div class='video-box' > <div class="clearfix videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/WaZHsCLJx7Q" frameborder="0" allowfullscreen allow="autoplay; encrypted-media"></iframe></div> <style> .videoWrapper { position: relative; padding-bottom: 52.25%; padding-top: 4%; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: !important; } </style></div> <div class="add-redesign-subblock" data-id="1931974409"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae2148caf4 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder6733534 input[type="radio"]').length == 1 && $('#builder6733534 input[type="radio"]').prop('checked') ) { $('#builder6733534 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973948 .lt-block-wrapper { padding-top: 15px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1931973948" data-block-id="1931974411" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common hide-galery" data-code="b-0a942" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder1977724" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field40749" data-item-name="field40749" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="ae2d93ee61" > <div id="image9802309" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/5c9d4e4e995c6d60faeb1d42ec9ce346.png/s/s1200x/a/476640/sc/352" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/5c9d4e4e995c6d60faeb1d42ec9ce346.png/s/s1200x/a/476640/sc/352" data-param="items/parts/field40749/inner/image" data-hash="5c9d4e4e995c6d60faeb1d42ec9ce346.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974411"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae2d93ee61 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_20" data-item-name="field40749_20" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="ada546b15d" > <div id="image4796688" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/62e6d9eb02ddc9ab4ef734f2ece67f48.png/s/s1200x/a/476640/sc/401" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/62e6d9eb02ddc9ab4ef734f2ece67f48.png/s/s1200x/a/476640/sc/401" data-param="items/parts/field40749_20/inner/image" data-hash="62e6d9eb02ddc9ab4ef734f2ece67f48.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_20/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974411"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ada546b15d .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_42" data-item-name="field40749_42" data-title="Element" data-animation-mode="no" style="margin-bottom: 10px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="aba04129d3" > <div id="image259999" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/62e6d9eb02ddc9ab4ef734f2ece67f48.png/s/s1200x/a/476640/sc/401" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/62e6d9eb02ddc9ab4ef734f2ece67f48.png/s/s1200x/a/476640/sc/401" data-param="items/parts/field40749_42/inner/image" data-hash="62e6d9eb02ddc9ab4ef734f2ece67f48.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_42/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974411"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aba04129d3 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder1977724 input[type="radio"]').length == 1 && $('#builder1977724 input[type="radio"]').prop('checked') ) { $('#builder1977724 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973949 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973949" data-block-id="1931974412" class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block" data-code="b-cbaeb" > <div class="lt-block-wrapper"> <script language="javascript" id="rawJs8740700"> $(function(){ var acc = document.getElementsByClassName("myAccordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("myActive"); /* Toggle between hiding and showing the active panel */ var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } }); </script> </div></div> <style> #ltBlock1931973950 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973950" data-block-id="1931974413" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-688a2" > <div class="lt-block-wrapper"> <style id="rawCss9811563">.quest { background: #fff; max-width: none; padding-left: 24px; padding-right: 24px; } .quest .buttonBox:first-child .myAccordion { border-top: 1px solid rgb(7, 7, 7, 1); } .accordionBox h2 { font-size: 36px; font-family: "Montserrat-Bold"; color: rgb(44, 44, 44); line-height: 1.2; margin-bottom: 50px; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) .active, .myAccordion:hover { background-color: #ccc; } */ /* Style the accordion panel. Note: hidden by default */ .myPanel { color: rgb(7, 7, 7); display: none; overflow: hidden; padding: 10px 0; } .myPanel p { font-size: 17px; font-weight: 400; font-family: "Inter"; color: #070707; } /**/ .quest.quest-2 { background: #070707; max-width: none; } .buttonBox { max-width: 1170px; margin: 0 auto; } .quest.quest-2 .buttonBox .myAccordion { background: #070707; border-top: 1px solid #fff; } .quest.quest-2 .myAccordion:after { content: ""; position: absolute; width: 32px; height: 32px; top: 35px; right: 5px; background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/191/h/75935ca5252a6ef25b624dd4d043bd6f.svg)no-repeat; background-size: contain; } .quest.quest-2 .myPanel p { color: #fff; } .quest.quest-2 .buttonBox:last-child .myAccordion { border-bottom: 1px solid #fff; } @media(max-width: 1087px) { .accordionBox { max-width: 90% !important; margin-right: 5% !important; margin-left: 5% !important; } }</style> </div></div> <style> #ltBlock1931973951 .lt-block-wrapper { padding-top: 180px; padding-bottom: 15px; background-color: #ffffff } </style> <div id="ltBlock1931973951" data-block-id="1931974414" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common sill padding-top_basic" data-code="b-9a3f5" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder1300429" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 32px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_black text-left" id="a6ff982444" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>syllabus</p></div> <div class="add-redesign-subblock" data-id="1931974414"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a6ff982444 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field1164" data-item-name="field1164" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text basic-text" id="a7ada33239" > <div style='' class='text-normal f-text' data-param='items/parts/field1164/inner/text' data-editable='true'><p>Detailed course program:</p></div> <div class="add-redesign-subblock" data-id="1931974414"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a7ada33239 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder1300429 input[type="radio"]').length == 1 && $('#builder1300429 input[type="radio"]').prop('checked') ) { $('#builder1300429 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973952 .lt-block-wrapper { padding-top: 0px; padding-bottom: 120px } </style> <div id="ltBlock1931973952" data-block-id="1931974415" class="lt-block lt-view raw-html lt-raw lt-raw-html quest" data-code="b-f76ac" > <div class="lt-block-wrapper"> <div id="rawHtml9484578" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <div class="buttonBox"> <button class="myAccordion">Week 1: Hardware / Software setup </button> <div class="myPanel"> <p> NDI / SPOUT<br> Using the DSLR Camera as a Source<br> Using Smartphone as a Source<br> Setting up hardware connections<br> Latency<br> Audio routing<br> </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 2: Streaming with OBS Studio </button> <div class="myPanel"> <p> Streaming setup using OBS Studio<br> Connection setup:<br> Youtube<br> Facebook<br> Restream.io<br> Layout<br> Sound Setup<br> Recording<br> </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 3: Streaming system in TouchDesigner </button> <div class="myPanel"> <p> Connecting TouchDesigner to OBS<br> Setting up cameras<br> System architecture<br> Color Correction<br> Layout<br> EFFECTS<br> Control UI<br> Controlling TouchDesigner from Ableton<br> </p> </div> </div> </div> </div></div> <style> #ltBlock1931973954 .lt-block-wrapper { padding-top: 60px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931973954" data-block-id="1931974417" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common format-header" data-code="b-22a9f" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder7289947" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 30px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white text-left" id="a724f87b76" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>outcomes from the course</p></div> <div class="add-redesign-subblock" data-id="1931974417"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a724f87b76 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder7289947 input[type="radio"]').length == 1 && $('#builder7289947 input[type="radio"]').prop('checked') ) { $('#builder7289947 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973955 .lt-block-wrapper { padding-top: 15px; padding-bottom: 75px; background-color: #070707; color: #ffffff } </style> <div id="ltBlock1931973955" data-block-id="1931974418" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common block-format" data-code="b-5077e" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-10 text-left" style="color: #ffffff"> <div id="builder9953012" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-1" id="a7c5bd2299" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>Hardware connection for the video sources</p></div> <div class="add-redesign-subblock" data-id="1931974418"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a7c5bd2299 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8" data-item-name="text1_8" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-2" id="acb9d1c3b9" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8/inner/text' data-editable='true'><p>Using Smartphone as a Source</p></div> <div class="add-redesign-subblock" data-id="1931974418"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acb9d1c3b9 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8_52" data-item-name="text1_8_52" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-3" id="a9aa3d4de0" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_52/inner/text' data-editable='true'><p>Setting up OBS Studio for Multistreaming </p></div> <div class="add-redesign-subblock" data-id="1931974418"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a9aa3d4de0 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8_65" data-item-name="text1_8_65" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-5" id="ae8122cd46" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_65/inner/text' data-editable='true'><p>Connecting TouchDesigner to OBS and to Ableton Live </p></div> <div class="add-redesign-subblock" data-id="1931974418"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae8122cd46 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field77150" data-item-name="field77150" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-2" id="a579639605" > <div style='' class='text-normal f-text' data-param='items/parts/field77150/inner/text' data-editable='true'><p>System architecture for the streaming</p></div> <div class="add-redesign-subblock" data-id="1931974418"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a579639605 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field35240" data-item-name="field35240" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-5" id="a6b0b2fe92" > <div style='' class='text-normal f-text' data-param='items/parts/field35240/inner/text' data-editable='true'><p>Control UI</p></div> <div class="add-redesign-subblock" data-id="1931974418"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a6b0b2fe92 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder9953012 input[type="radio"]').length == 1 && $('#builder9953012 input[type="radio"]').prop('checked') ) { $('#builder9953012 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973955 hr.separator { border-color: #ffffff; } #ltBlock1931973955 .f-text { color: #ffffff; } </style> <style> #ltBlock1931973956 .lt-block-wrapper { padding-top: 165px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931973956" data-block-id="1931974419" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common team-block-header" data-code="b-de01e" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder7756422" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; margin-top: 10px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white text-left" id="a47fba7720" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>Team</p></div> <div class="add-redesign-subblock" data-id="1931974419"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a47fba7720 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field62686" data-item-name="field62686" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; color: #ffffff; border-radius: ; " data-setting-editable="true" class="builder-item part-text text_s" id="a98cbdeb6e" > <div style='' class='text-normal f-text' data-param='items/parts/field62686/inner/text' data-editable='true'><p>We are a team of professionals ready to help you throughout the journey. Besides an ample technical expertise, each of us has an individual style and a unique vision to share with you.</p></div> <div class="add-redesign-subblock" data-id="1931974419"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a98cbdeb6e .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder7756422 input[type="radio"]').length == 1 && $('#builder7756422 input[type="radio"]').prop('checked') ) { $('#builder7756422 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973957 .lt-block-wrapper { padding-top: 0px; padding-bottom: 120px; background-color: #070707 } </style> <div id="ltBlock1931973957" data-block-id="1931974420" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard team-block" data-code="b-b5666" > <div class="lt-block-wrapper"> <div class="my-container flex-container wrap-col"> <div id="builder6738518" class="builder flex-column col-md-3 col-md-offset-0" data-path="column1" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column1/parts/field30586_4" data-item-name="field30586_4" data-title="Element" data-animation-mode="no" style="margin-bottom: 30px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="aabe25f391" > <div id="image3651041" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/146c6e116918e75b8d4ef4e120ef34f4.jpg/s/s1200x/a/476640/sc/153" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/146c6e116918e75b8d4ef4e120ef34f4.jpg/s/s1200x/a/476640/sc/153" data-param="column1/parts/field30586_4/inner/image" data-hash="146c6e116918e75b8d4ef4e120ef34f4.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="column1/parts/field30586_4/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974420"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aabe25f391 .add-redesign-subblock { display: none; } </style> <div data-param="column1/parts/field30586" data-item-name="field30586" data-title="Element" data-animation-mode="no" style="margin-bottom: 30px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="a9193183cc" > <div id="image6636312" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/59c6d6c3a02affd2dd245549fea6c69b.jpg/s/s1200x/a/476640/sc/344" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/59c6d6c3a02affd2dd245549fea6c69b.jpg/s/s1200x/a/476640/sc/344" data-param="column1/parts/field30586/inner/image" data-hash="59c6d6c3a02affd2dd245549fea6c69b.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="column1/parts/field30586/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974420"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a9193183cc .add-redesign-subblock { display: none; } </style> <div data-param="column1/parts/field30586_4_50" data-item-name="field30586_4_50" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="aa3b4e710f" > <div id="image1158022" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/25545f7e0480e8bee1eaa413680fa345.jpg/s/s1200x/a/476640/sc/141" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/25545f7e0480e8bee1eaa413680fa345.jpg/s/s1200x/a/476640/sc/141" data-param="column1/parts/field30586_4_50/inner/image" data-hash="25545f7e0480e8bee1eaa413680fa345.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="column1/parts/field30586_4_50/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974420"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aa3b4e710f .add-redesign-subblock { display: none; } </style> </div> <style> #builder6738518 { ; } </style> <script> $( function() { if( $('#builder6738518 input[type="radio"]').length == 1 && $('#builder6738518 input[type="radio"]').prop('checked') ) { $('#builder6738518 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder3924147" class="builder flex-column col-md-9 col-md-offset-0" data-path="column2" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column2/parts/image1" data-item-name="image1" data-title="Element" data-animation-mode="no" style="margin-bottom: 64px; border-radius: ; " data-setting-editable="true" class="builder-item part-image team-item item-team-1 text-left" id="a5aaf36052" > <div id="image2199423" class="image-box" data-img-title="" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/f0ace295e00f258c4787a92939b79c47.jpg/s/s1200x/a/476640/sc/119" > <img class="lazyload" data-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/f0ace295e00f258c4787a92939b79c47.jpg/s/s1200x/a/476640/sc/119" data-param="column2/parts/image1/inner/image" data-hash="f0ace295e00f258c4787a92939b79c47.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="column2/parts/image1/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931974420"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5aaf36052 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field74124" data-item-name="field74124" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-header item-team-2 custom-subtitle" id="aba9474a2d" > <div data-editable=true data-param='column2/parts/field74124/inner/text' class='f-header f-header-36'><p><a class="active-auth-text2">Stanislav Glazov</a></p> <p class="hidden-auth-text2"> </p></div> <div class="add-redesign-subblock" data-id="1931974420"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aba9474a2d .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field51121" data-item-name="field51121" data-title="Element" data-animation-mode="no" style="margin-bottom: 16px; border-radius: ; " data-setting-editable="true" class="builder-item part-header team-header" id="a5bd565fdd" > <div data-editable=true data-param='column2/parts/field51121/inner/text' class='f-header f-header-36'><p>STANISLAV GLAZOV</p></div> <div class="add-redesign-subblock" data-id="1931974420"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5bd565fdd .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field23428" data-item-name="field23428" data-title="Element" data-animation-mode="no" style="margin-bottom: 16px; border-radius: ; " data-setting-editable="true" class="builder-item part-subheader team-subheader" id="a2ff710770" > <div data-editable=true data-param='column2/parts/field23428/inner/text' class='f-subheader f-subheader-sm'><p>MEDIA ARTIST, EDUCATOR, COURSE AUTHOR</p></div> <div class="add-redesign-subblock" data-id="1931974420"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a2ff710770 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field2257" data-item-name="field2257" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text team-link" id="acee01bab8" > <div style='' class='text-normal f-text' data-param='column2/parts/field2257/inner/text' data-editable='true'><p><a href="https://www.behance.net/lichtpfad" target="_blank"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/46/h/dbbe8f85ffa1cf25848abffb5e99ff8c.svg" alt="" title=""></a> <a href="https://www.facebook.com/glazovlive" target="_blank"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/290/h/e5be74ab261355f2f4ce35fd1e5bf914.jpg" alt="" title=""></a> <a href="https://instagram.com/glazov_av" target="_blank"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/142/h/a689b2c707e8a6700657ead4a1c305c6.jpg" alt="" title=""></a> </p></div> <div class="add-redesign-subblock" data-id="1931974420"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acee01bab8 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field55041" data-item-name="field55041" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text team-text" id="a58425f13e" > <div style='' class='text-normal f-text' data-param='column2/parts/field55041/inner/text' data-editable='true'><p>3D AND AUDIOVISUAL ARTIST WITH OVER 22 YEARS OF EXPERIENCE IN COMPUTER GRAPHICS AND 20 YEARS OF TEACHING EXPERIENCE</p> <p>For more than 20 years, he has worked in light and visual art, seeking innovative opportunities where art and technology intersect. His installations and AV performances explore themes such as inner and social freedom, consciousness, identity, and loneliness in the modern world, using high-tech techniques. </p><p>Driven by his desire to create unforgettable experiences that inspire, he takes an individualized approach to each work, creating unique algorithms and synchronizing sound with visuals and digital shapes. He is also known for producing music with modular synthesizers and analog devices, influenced by industrial music, which combines noise, disharmony, and shamanism to take listeners on an intense emotional journey.</p><p>In 2013, he created his own generative design studio Licht.Pfad.</p> <p><span>Creation of AV Performances in partnership with Dasha Rush, Robert Lippok</span></p><p>Performances at all the iconic festivals of the planet: Berlin Atonal, Mutek Montreal, Ars Electronica Linz, Unsound Festival in Krakow, Raster-Noton night in Berghain, Barbican London, Resonance Festival in Tokyo, Mira Festival Barcelona, L.E.V. Festival, Light Festival Lyon</p> <p>Since 2016 - working on theater projects with Maxim Didenko, including the creation of media servers for various performances</p></div> <div class="add-redesign-subblock" data-id="1931974420"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a58425f13e .add-redesign-subblock { display: none; } </style> </div> <style> #builder3924147 { ; } </style> <script> $( function() { if( $('#builder3924147 input[type="radio"]').length == 1 && $('#builder3924147 input[type="radio"]').prop('checked') ) { $('#builder3924147 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1931973959 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973959" data-block-id="1931974422" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-4cd02" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings "> Link to this page location: <a class="anchor" data-anchor="book" name='book' id='book' href="#book" > #book </a> </div> </div></div> <style> #ltBlock1931973960 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973960" data-block-id="1931974423" class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block" data-code="b-cc13c" > <div class="lt-block-wrapper"> <script language="javascript" id="rawJs9701909"> $(function() { var marquee = $("#marquee"); marquee.css({"overflow": "hidden", "width": "100%"}); // оболочка для текста ввиде span (IE не любит дивы с inline-block) marquee.wrapInner("<span>"); marquee.find("span").css({ "width": "50%", "display": "inline-block", "text-align":"center" }); marquee.wrapInner("<div>"); marquee.find("div").css("width", "100%"); var reset = function() { $(this).css("margin-left", "0%"); $(this).animate({ "margin-left": "-50%" }, 12000, 'linear', reset); }; reset.call(marquee.find("div")); }); </script> </div></div> <style> #ltBlock1931973963 .lt-block-wrapper { padding-top: 15px; padding-bottom: 105px; background-color: #070707 } </style> <div id="ltBlock1931973963" data-block-id="1931974426" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common form-button-block form-block-twoCol" data-code="b-93d6d" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder611508" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-header text-center" id="a151a4f137" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>225€</p></div> <div class="add-redesign-subblock" data-id="1931974426"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a151a4f137 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-text1 text-center" id="a0a70e2d96" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>Self-Study course<br></p></div> <div class="add-redesign-subblock" data-id="1931974426"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a0a70e2d96 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field7091" data-item-name="field7091" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-text2" id="acde0a6960" > <div style='' class='text-normal f-text' data-param='items/parts/field7091/inner/text' data-editable='true'><p>You receive a fully prepared package that you can use at your own pace without restrictions.<br> It includes:</p></div> <div class="add-redesign-subblock" data-id="1931974426"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acde0a6960 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field788" data-item-name="field788" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-list" id="a825829b12" > <div style='' class='text-normal f-text' data-param='items/parts/field788/inner/text' data-editable='true'><ul><li>Access to the Video Lessons</li><li>Access to the working Projects</li><li>Access to the shared chat</li></ul> <p><br></p></div> <div class="add-redesign-subblock" data-id="1931974426"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a825829b12 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field788_10" data-item-name="field788_10" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-text3 text-left" id="a52e25b639" > <div style='' class='text-normal f-text' data-param='items/parts/field788_10/inner/text' data-editable='true'><p>Incl. VAT: 35,92 €<br> If you have EU VAT ID and located outside Germany, please, contact us to avoid double tax</p></div> <div class="add-redesign-subblock" data-id="1931974426"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a52e25b639 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field53402" data-item-name="field53402" data-title="Element" data-animation-mode="no" style="margin-bottom: 0px; border-radius: ; " data-setting-editable="true" class="builder-item part-button custom-btn" id="a4d2afa3bc" > <button type="button" id="button5554266" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: ; "> Enroll </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton5554266']) { e.preventDefault(); return false; } else { $('#button5554266').addClass('disabled'); window['prsbutton5554266'] = true; setTimeout(function(){window['prsbutton5554266'] = false;$('#button5554266').removeClass('disabled');}, 6000); } return true; }; $( '#button5554266' ).click( function(e) { //disableButton(e); ltAddToBasket("3895074" ) } ); }); </script> <div class="add-redesign-subblock" data-id="1931974426"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a4d2afa3bc .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder611508 input[type="radio"]').length == 1 && $('#builder611508 input[type="radio"]').prop('checked') ) { $('#builder611508 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973966 .lt-block-wrapper { padding-top: 60px; padding-bottom: 120px; background-color: #070707 } </style> <div id="ltBlock1931973966" data-block-id="1931974429" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common custom-btn btn-faq-block" data-code="b-52d5d" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder4571619" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field12391" data-item-name="field12391" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text subtitle-faq" id="a89ab09e13" > <div style='' class='text-normal f-text' data-param='items/parts/field12391/inner/text' data-editable='true'><p>Got any questions left? We are happy to help! } } } } } } } } }</p></div> <div class="add-redesign-subblock" data-id="1931974429"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a89ab09e13 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field5592" data-item-name="field5592" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; margin-top: 8px; border-radius: ; " data-setting-editable="true" class="builder-item part-button text-center" id="acb570c1e7" > <button type="button" id="button4651824" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: ; "> Ask your question </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton4651824']) { e.preventDefault(); return false; } else { $('#button4651824').addClass('disabled'); window['prsbutton4651824'] = true; setTimeout(function(){window['prsbutton4651824'] = false;$('#button4651824').removeClass('disabled');}, 6000); } return true; }; $( '#button4651824' ).click( function(e) { //disableButton(e); } ); }); </script> <div class="add-redesign-subblock" data-id="1931974429"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acb570c1e7 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder4571619 input[type="radio"]').length == 1 && $('#builder4571619 input[type="radio"]').prop('checked') ) { $('#builder4571619 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931973967 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931973967" data-block-id="1931974430" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-044a2" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings "> Link to this page location: <a class="anchor" data-anchor="contacts" name='contacts' id='contacts' href="#contacts" > #contacts </a> </div> </div></div> <style> #ltBlock1873139538 .lt-block-wrapper { padding-top: 30px; padding-bottom: 90px; background-color: #070707 } </style> <div id="ltBlock1873139538" data-block-id="1873139540" class="lt-block lt-view raw-html lt-raw lt-raw-html" data-code="b-018a8" > <div class="lt-block-wrapper"> <div id="rawHtml5158019" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <div class="footer-block"> <div class="footer-left-col"> <p>Email <span class="hide-mobile">address</span>: <a href="mailto:hello@hou2touch.com" target="_blank"> hello [at] hou2touch.com</a></p> <p>Telegram: <a href="https://t.me/prcdrl" target="_blank"> @prcdrl</a> </p> <p class="footer-soc"> <a href="https://www.youtube.com/@StanislavGlazov" target="_blank">youtube</a> <a href="https://www.instagram.com/hou2touch/" target="_blank">instagram</a> <a href="https://www.facebook.com/hou2touch" target="_blank">facebook</a> <a href="https://twitter.com/hou2touch" target="_blank">twitter</a> </p> <p class="date-name">hou2touch 2023 (c)</p> </div> <div class="footer-right-col"> <p class="menu-item"> <a href="https://hou2touch.com/course" target="_blank">hou2touch</a> <a href="https://hou2touch.com/boxes" target="_blank">school</a> <a href="https://hou2touch.com/about" target="_blank">who we are</a> <a href="https://hou2touch.com/blog" target="_blank">free stuff</a> <a href="https://hou2touch.com/subscribe" target="_blank">subscribe to newsletters</a> <a href="/cms/system/contact" target="_blank">write to us</a> </p> </div> </div> <div class="last-box"> <p class="date-name">hou2touch 2025 (c)</p> <p> <a href="" class="goUp">go up ^ </a><a href="https://hou2touch.com/offer" target="_blank">License Agreement</a> <a href="" class="goUp">go up ^ </a><a href="https://hou2touch.com/oferta_ru" target="_blank">License Agreement RU</a> <a href="https://hou2touch.com/PrivacyPolicy" target="_blank">Privacy Policy</a></p> </div> </div> </div></div> </div> <style> .gc-account-leftbar, .talks-widget-window, .page-edit-link, .create-link-link { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; } </style> </div> <div class="notice-widget" id="noticeWidget"></div> <script> $( function() { $('#noticeWidget').noticeWidget() } ); </script> <script src="/nassets/js/superlite-block-f73a75f6f2bda9d2205a4cf877acd2e7.js?v=1740144201"></script> <script src="/nassets/8ce7462f/js/replace.js?v=1738829054"></script> <script src="/nassets/341a0a65/deps/js/bootstrap-core.min.js?v=1727033018"></script> <script src="/nassets/c4ee8f9e/js/modal.js?v=1727033020"></script> <script src="/nassets/89bfd734/js/blueimp-gallery.min.js?v=1727033016"></script> <script src="/nassets/89bfd734/js/jquery.blueimp-gallery.min.js?v=1727033016"></script> <script src="/nassets/89bfd734/js/blueimp-gallery-indicator.js?v=1727033016"></script> <script src="/nassets/341a0a65/js/basket.js?v=1739864354"></script> <script src="/nassets/5d1d7cc7/notice.js?v=1727033016"></script> <script async src="https://hou2touch.com/chtm/s/metric/clarity.js"></script> <script src="/public/js/gccounter-new.js?1"></script> <!-- <script async src="https://vhencapi13.gcfiles.net/st/stat.js?v=--><!--"></script>--> </body>