{"id":85242,"date":"2020-06-14T13:42:23","date_gmt":"2020-06-14T11:42:23","guid":{"rendered":"https:\/\/prohoster.info\/blog\/administrirovanie\/kak-my-delali-tanczevalnyj-bal-onlajn"},"modified":"2020-06-14T13:42:23","modified_gmt":"2020-06-14T11:42:23","slug":"kak-my-delali-tanczevalnyj-bal-onlajn","status":"publish","type":"post","link":"https:\/\/prohoster.info\/hr\/blog\/administrirovanie\/kak-my-delali-tanczevalnyj-bal-onlajn","title":{"rendered":"Kako smo organizirali online plesnu bal","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Kako
\n
\nVeliki Sevastopoljski Oficirski Bal tradicionalno se odr\u017eava u lipnju, no ovaj put pripreme nisu i\u0161le po planu. Organizatori su odlu\u010dili pokrenuti 'Sevastopoljski Bal Online'. Budu\u0107i da ve\u0107 nekoliko godina radimo prijenos ovog doga\u0111aja, nije nam preostalo drugo nego nastaviti. Publika na Facebooku, Vkontakteu i YouTubeu, 35 parova plesalo je kod ku\u0107e.<\/a><\/noindex><\/p>\n

Tijekom vremena provedenog u online prijenosima, primijetili smo tendenciju da gotovo svaki projekt zahtijeva (ili od nas sami tra\u017eimo) neku inovaciju. Koristimo SDI, video sender, prijenos signala putem nekoliko 4G modema s mora, novu konzolu, signalnu matricu, snimanje videa iz drona, restream na 25 VK grupa i sli\u010dno. Svaki novi projekt nas tjera dublje u svijet streaminga. O tome pri\u010damo na YouTubeu VidMK, odlu\u010dili smo napisati i na Habr.<\/p>\n

Dakle, zadatak...<\/h2>\n

\nPlesni bal zbog epidemije odr\u017eava se online. Ima glavnu plesnu paru, a ostali sudionici ple\u0161u prate\u0107i njih, \u0161to zna\u010di da trebaju vidjeti i \u010duti glavnu paru uz muziku. <\/p>\n

\"Kako
\n
\nNa po\u010detku se uklju\u010duje guverner Sevastopolja kako bi otvorio bal. Pripremljen re\u017eirani prijenos ide na YouTube, Facebook i VK.<\/p>\n

\"Kako
\n
\nNajlogi\u010dniji na\u010din bio je - pozvati sve u video razgovor. Prvo mi je na pamet pao Zoom, ali obi\u010dno se trudim ne uzimati odmah ono \u0161to je poznato, ve\u0107 tra\u017eim alternative. Mo\u017eda imaju sjajan marketing, a \u010dak i ako je alat dobar, sigurno postoji ne\u0161to bolje. U AVstream \u010detu nekoliko puta su spominjali TrueConf, odlu\u010dio sam to probati.<\/p>\n

Ovdje je va\u017eno napomenuti da smo na Krimu i mnoge popularne usluge ovdje ne rade. Moramo tra\u017eiti, a \u010desto se pokazuje da su alternative bolje. Tako smo, primjerice, umjesto blokiranog Trella po\u010deli koristiti mo\u0107ni Planfix. <\/p>\n

TrueConf je odmah privukao pa\u017enju mogu\u0107no\u0161\u0107u postavljanja vlastitog servera. U teoriji bi to zna\u010dilo da nismo ovisni o pove\u0107anom optere\u0107enju na podatkovnim centrima tijekom samoizolacije, tiho smo u Sevastopolju, povezuju\u0107i uglavnom lokalne korisnike i nekoliko iz drugih gradova, a sve radi stabilno. Osim toga, kori\u0161tenje vlastitog servera bilo je isplativije. A u slu\u010daju na\u0161ih klijenata, \u010dak su ga pru\u017eili besplatno, budu\u0107i da je organizator bal bio NKO.<\/p>\n

Op\u0107enito, testirali smo proizvod i shvatili da nam odgovara. Iako nismo radili puni test s optere\u0107enjem od 35 ljudi, bilo je malo zastra\u0161uju\u0107e kako \u0107e se stari ra\u010dunalni sustav pona\u0161ati u ulozi poslu\u017eitelja. Za tako visoko optere\u0107enje zahtjevi prema sistemu su prili\u010dno visoki, pa smo donijeli ra\u010dunalo zasnovano na AMD Ryzen 7 2700, s njim je bilo mnogo lak\u0161e. <\/p>\n

Poslu\u017eitelj se fizi\u010dki nalazio tamo gdje je prolazila prijenos balova. Glavna aplikacija za videokonferenciju bila je povezana unutar iste mre\u017ee s serverom<\/a>. To je pove\u0107alo povjerenje da \u0107e slika do poslu\u017eitelju<\/a> definitivno sti\u0107i, a zatim \u0107e i\u0107i online ostalim sudionicima. Ina\u010de, internet mora biti dobar. Za na\u0161ih 35 sudionika brzina prijenosa dostigla je 120 Mbit, \u0161to zna\u010di da obi\u010dni internet od 100 Mbit nije dovoljan. Uglavnom, poslu\u017eitelj radi, idemo se posvetiti prijenosu\u2026<\/p>\n

Signal s kamere<\/h2>\n

\nSvaki videopoziv nudi mogu\u0107nost odabira web kamere kao izvora slike i mikrofona za zvuk. Kako postupiti ako trebamo profesionalnu video kameru i zvuk s dva mikrofona s fonogramom? Ukratko, koristili smo NDI.<\/p>\n

Cijeli prijenos trebali smo re\u017eirati i strimati na dru\u0161tvene mre\u017ee. Za to smo imali glavno ra\u010dunalo u ulozi mini-PKS (pokretni TV studio). Sav rad obavljao se uz pomo\u0107 programa vMix. To je prili\u010dno mo\u0107an softver za organizaciju prijenosa razli\u010ditih tipova i razina slo\u017eenosti. <\/p>\n

\"Kako
\n
\nNa\u0161 plesni par snimala je jedna kamera, vi\u0161e nije bilo potrebno. Signal s kamere uhva\u0107en je pomo\u0107u interne karte BlackMagic Intensity Pro. Po mom mi\u0161ljenju, to je relevantna karta za snimanje jednog HDMI signala. Taj signal trebao je biti poslan kao web kamera u TrueConf. Moglo se odmah konvertirati stream u web kameru uz pomo\u0107 vMix-a, ali nisam htio optere\u0107ivati sve na jednom ra\u010dunalu. Stoga smo za TrueConf razgovor koristili poseban laptop. <\/p>\n

Kako dobiti signal s kamere na prijenosnom ra\u010dunalu? Mo\u017eete stvoriti virtualni videosignal na jednom ra\u010dunalu i primiti ga na bilo kojem drugom ra\u010dunalu u lokalnoj mre\u017ei koliko god puta \u017eelite. To je NDI (Network Device Interface). U su\u0161tini, to je neka vrsta virtualnog kabela koji ne treba posebno administrirati. Propusnost jednog toka za 1080p25 gotovo da je 100 Mbit, stoga je za stabilan rad obavezna mre\u017ea od 1 Gbit ili Wi-Fi br\u017ei od 150 Mbit. No, bolje je koristiti kabel. Takvih NDI signala mo\u017ee biti mnogo u jednoj lokalnoj mre\u017ei, sve dok ima dovoljno propusnosti.<\/p>\n

Dakle, na glavnom ra\u010dunalu u vMix-u vidimo signal s kamere, \u0161aljemo ga u mre\u017eu kao NDI signal. Na prijenosnom ra\u010dunalu za video pozive primamo ovaj signal pomo\u0107u programa NDI Virtual Input iz paketa NDI Tools (koji je besplatan). Ovaj mini program stvara virtualnu web kameru u koju uklju\u010dujete potreban NDI signal. U su\u0161tini, to je sve, na\u0161a HDMI kamera putem NDI-a se pojavila u TrueConf-u.<\/p>\n

\u0160to je s zvukom?<\/h2>\n

\n\"Kako
\n
\nZvuk s dva radiomikrofona i pozadinsku glazbu prikupljamo putem dobrog audio miksera i unosimo eksternom audio karticom u vMix. Upravo tu audio smjesu \u0161aljemo u eter i u na\u0161 NDI tok za TrueConf. Tamo umjesto mikrofona prijenosnog ra\u010dunala biramo NewTek NDI Audio. Sada svi na\u0161i plesa\u010di vide i \u010duju na\u0161u prekrasnu sliku i kvalitetan zvuk tijekom razgovora.<\/p>\n

Eterska slika<\/h2>\n

\nU TrueConf-u odabrali smo obi\u010dan na\u010din video poziva, kad svi vide sve. Postojala je opcija kada vidimo sve, a svi vide samo voditelje. To je u\u010dinkovitije, ali tada ne bi bilo efekta masovnosti.<\/p>\n

\"Kako
\n
\nU formatu poziva \u201esvi vide sve\u201d mo\u017eete odabrati bilo koji prozor koji \u017eelite pove\u0107ati. Tako su sudionici vidjeli voditeljsku par, a mi smo stvorili jo\u0161 jednog korisnika s \u010dijeg smo ra\u010duna slali sliku u eter i prebacivali se izme\u0111u parova. Kliknuli smo na \u017eeljeni par i pove\u0107ali njihov ekran, dok su ostali parovi bili mali na dnu. Ponekad smo prikazali sve ekrane kako bismo pokazali koliko ljudi ple\u0161e sinkrono.<\/p>\n

Sada o sinkronizaciji<\/h2>\n

\nSigurno ste se pitali o ka\u0161njenju. Da, postojalo je, oko 1-2 sekunde u oba smjera. Ovdje se svira glazba, zvuk sudionicima dolazi kasnije, ple\u0161u pod tim ritmom, a njihova slika dolazi do nas jo\u0161 kasnije. Odlju\u010dili smo zanemariti to u okviru formata i ipak je to izgledalo masivno i zanimljivo. <\/p>\n

Problema sinkronizacije za gledatelje mo\u017ee se rije\u0161iti umjetnim ka\u0161njenjem zvuka u na\u0161em prijenosu za dru\u0161tvene mre\u017ee. Tada bi gledatelj streama vidio kako sudionici ple\u0161u to\u010dno u ritmu glazbe. No, nije sigurno da slika od svih dolazi s istim ka\u0161njenjem. Ovo dodatno komplicira shemu prijenosa, obavezno \u0107emo to u\u010diniti sljede\u0107i put. <\/p>\n

Usput, u paketu NDI Tools postoji jo\u0161 jedan mini program - Scan Converter. On stvara NDI signal, hvataju\u0107i va\u0161 ekran ili web kameru. Tako lako mo\u017eete organizirati prijenos, na primjer, e-sport natjecanja unutar lokalne mre\u017ee, imaju\u0107i samo tu mre\u017eu i web kamere. Nema potrebe za dodatnim ure\u0111ajima.<\/p>\n

\"Kako
\n
\nZa nas je to bio jo\u0161 jedan projekt u kojem smo trebali isprobati nova rje\u0161enja koja jo\u0161 nismo susreli u stvarnim prijenosima. Rado \u0107u odgovoriti na sve va\u0161e komentare, pa\u017eljivo i s zanimanjem prou\u010diti va\u0161e \u017eelje i preporuke, ako znate kako bi se moglo bolje napraviti. Svijet streamova je beskrajan, mnoge tehnologije pojavljuju se pred na\u0161im o\u010dima i zajedno mo\u017eemo br\u017ee u\u010diti. Ispod mo\u017eete pogledati pregledni video s lokacije.<\/p>\n

\r\n \"Pogledajte\r\n
<\/div>\r\n <\/div><\/center>
\n
Izvor: habr.com<\/a> <\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u0411\u043e\u043b\u044c\u0448\u043e\u0439 \u0421\u0435\u0432\u0430\u0441\u0442\u043e\u043f\u043e\u043b\u044c\u0441\u043a\u0438\u0439 \u041e\u0444\u0438\u0446\u0435\u0440\u0441\u043a\u0438\u0439 \u0411\u0430\u043b \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u043e \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0432 \u0438\u044e\u043d\u0435, \u043d\u043e \u0432 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u043d\u0435 \u0437\u0430\u0434\u0430\u043b\u0430\u0441\u044c. \u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u00ab\u0421\u0435\u0432\u0430\u0441\u0442\u043e\u043f\u043e\u043b\u044c\u0441\u043a\u0438\u0439 \u0411\u0430\u043b \u041e\u043d\u043b\u0430\u0439\u043d\u00bb. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u044e \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f \u0443\u0436\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043b\u0435\u0442 \u043f\u043e\u0434\u0440\u044f\u0434, \u043e\u0442\u0441\u0442\u0443\u043f\u0430\u0442\u044c \u0431\u044b\u043b\u043e \u043d\u0435\u043a\u0443\u0434\u0430. \u0417\u0440\u0438\u0442\u0435\u043b\u0438 \u0432 \u0444\u0435\u0439\u0441\u0431\u0443\u043a\u0435, \u0432\u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0435 \u0438 \u043d\u0430 \u044e\u0442\u0443\u0431\u0435, 35 \u043f\u0430\u0440 \u0442\u0430\u043d\u0446\u0443\u044e\u0442 \u0443 \u0441\u0435\u0431\u044f \u0434\u043e\u043c\u0430. \u0412\u043e\u043e\u0431\u0449\u0435, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0437\u0430\u043d\u0438\u043c\u0430\u044f\u0441\u044c \u043e\u043d\u043b\u0430\u0439\u043d-\u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u044f\u043c\u0438, \u043c\u044b \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u0438 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044e, \u0447\u0442\u043e […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":85243,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[688],"tags":[],"class_list":["post-85242","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-administrirovanie"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Kako smo organizirali plesni bal online | ProHoster","description":"Veliki Sevastopoljski Oficirski Bal tradicionalno.","canonical_url":"https:\/\/prohoster.info\/hr\/blog\/administrirovanie\/kak-my-delali-tanczevalnyj-bal-onlajn","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"hr_HR","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041a\u0430\u043a \u043c\u044b \u0434\u0435\u043b\u0430\u043b\u0438 \u0442\u0430\u043d\u0446\u0435\u0432\u0430\u043b\u044c\u043d\u044b\u0439 \u0431\u0430\u043b \u043e\u043d\u043b\u0430\u0439\u043d | ProHoster","og:description":"\u0411\u043e\u043b\u044c\u0448\u043e\u0439 \u0421\u0435\u0432\u0430\u0441\u0442\u043e\u043f\u043e\u043b\u044c\u0441\u043a\u0438\u0439 \u041e\u0444\u0438\u0446\u0435\u0440\u0441\u043a\u0438\u0439 \u0411\u0430\u043b \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u043e.","og:url":"https:\/\/prohoster.info\/hr\/blog\/administrirovanie\/kak-my-delali-tanczevalnyj-bal-onlajn","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2020-06-14T11:42:23+00:00","article:modified_time":"2020-06-14T11:42:23+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"85242","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":null,"breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 14:41:22","updated":"2026-02-09 21:46:33","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/posts\/85242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/comments?post=85242"}],"version-history":[{"count":2,"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/posts\/85242\/revisions"}],"predecessor-version":[{"id":160271,"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/posts\/85242\/revisions\/160271"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/media\/85243"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/media?parent=85242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/categories?post=85242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/hr\/wp-json\/wp\/v2\/tags?post=85242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}