{"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\/sv\/blog\/administrirovanie\/kak-my-delali-tanczevalnyj-bal-onlajn","title":{"rendered":"Hur vi skapade en dansbal online","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Hur
\n
\nDen stora Sevastopol Officersbalen h\u00e5lls traditionellt i juni, men den h\u00e4r g\u00e5ngen gick inte f\u00f6rberedelserna som planerat. Arrang\u00f6rerna beslutade att lansera \"Sevastopol Bal Online\". Eftersom vi har h\u00e5llit en livestream av evenemanget i flera \u00e5r nu, fanns det ingen \u00e5terv\u00e4ndo. Tittarna p\u00e5 Facebook, VK och YouTube, 35 par dansar hemma.<\/a><\/noindex><\/p>\n

N\u00e4r vi sysslat med onlinetransmissioner ett tag har vi m\u00e4rkt en tendens att n\u00e4stan varje projekt kr\u00e4ver (eller vi kr\u00e4ver fr\u00e5n oss sj\u00e4lva) n\u00e5gon form av innovation. Antingen anv\u00e4nder vi SDI f\u00f6r f\u00f6rsta g\u00e5ngen, en videos\u00e4ndare, skickar signalen med flera 4G-modem fr\u00e5n havet, en ny mixer, en signalswitch, plockar upp video fr\u00e5n en dr\u00f6nare, restreamar till 25 grupper p\u00e5 VK och s\u00e5 vidare. Varje nytt projekt tvingar oss att dyka djupare in i str\u00f6mmande v\u00e4rld. Vi ber\u00e4ttar om detta p\u00e5 YouTube-kanalen VidMK, och besl\u00f6t oss f\u00f6r att skriva \u00e4ven p\u00e5 Habr.<\/p>\n

\u0418\u0442\u0430\u043a, \u0437\u0430\u0434\u0430\u0447\u0430…<\/h2>\n

\nBaletten genomf\u00f6rs online p\u00e5 grund av pandemin. Det finns ett ledande par, de andra deltagarna dansar och f\u00f6ljer efter dem, vilket inneb\u00e4r att de m\u00e5ste se och h\u00f6ra det fr\u00e4msta paret tillsammans med musiken. <\/p>\n

\"Hur
\n
\nI b\u00f6rjan kopplar guvern\u00f6ren av Sevastopol upp sig f\u00f6r att \u00f6ppna balen. Den f\u00e4rdiga regisserade livestreamen s\u00e4nds p\u00e5 YouTube, Facebook och VK.<\/p>\n

\"Hur
\n
\nDet mest uppenbara s\u00e4ttet var att alla skulle ringas upp i ett videokonferensrum. Zoom kom f\u00f6rst att t\u00e4nka p\u00e5, men jag brukar undvika att direkt g\u00e5 p\u00e5 det som \u00e4r mest k\u00e4nt och letar efter alternativ. Kanske har de bra marknadsf\u00f6ring, och \u00e4ven om verktyget \u00e4r bra, finns det s\u00e4kert n\u00e5got annat. I AVstream-chatten pratades det flera g\u00e5nger om TrueConf, s\u00e5 jag beslutade att testa.<\/p>\n

Det \u00e4r viktigt att n\u00e4mna att vi \u00e4r i Krim och m\u00e5nga popul\u00e4ra tj\u00e4nster fungerar inte h\u00e4r. Vi m\u00e5ste leta efter alternativ, och ofta visar dessa sig vara b\u00e4ttre. Till exempel, ist\u00e4llet f\u00f6r det blockerade Trello b\u00f6rjade vi anv\u00e4nda det m\u00e4ktiga Planfix. <\/p>\n

TrueConf slog direkt an med m\u00f6jligheten att skapa v\u00e5r egen server. I teorin skulle det inneb\u00e4ra att vi inte blir p\u00e5verkade av den allm\u00e4nna \u00f6kade belastningen p\u00e5 datacenter under sj\u00e4lvisoleringen, vi sitter stilla i Sevastopol, kopplar mestadels lokala anv\u00e4ndare och n\u00e5gra fr\u00e5n andra st\u00e4der, och allt fungerar stabilt. Dessutom var anv\u00e4ndningen av v\u00e5r egen server mer kostnadseffektiv. Och i fallet med v\u00e5ra kunder fick vi den till och med gratis, eftersom den blev tillhandah\u00e5llen av arrang\u00f6rerna, en ideell organisation.<\/p>\n

Vi har testat produkten och insett att den passar oss. \u00c4ven om vi inte genomf\u00f6rde full belastningstest med 35 personer, var vi lite nerv\u00f6sa f\u00f6r hur den gamla datorn skulle klara av att agera server. Kraven p\u00e5 systemet \u00e4r ganska h\u00f6ga vid s\u00e5dan belastning, s\u00e5 vi tog med en dator baserad p\u00e5 AMD Ryzen 7 2700, vilket gjorde oss mer bekv\u00e4ma. <\/p>\n

Servern fanns fysiskt p\u00e5 samma st\u00e4lle d\u00e4r balen s\u00e4ndes. Huvudapplikationen f\u00f6r videokommunikation kopplades till samma n\u00e4tverk som servern<\/a>. Detta \u00f6kade v\u00e5r s\u00e4kerhet i att bilden skulle servern<\/a> definitivt n\u00e5 fram, och sedan skickas online till de andra deltagarna. F\u00f6rresten, internetuppkopplingen m\u00e5ste vara bra. F\u00f6r v\u00e5ra 35 deltagare n\u00e5dde uppladdningshastigheten 120 Mbit, vilket betyder att vanlig internet p\u00e5 100 Mbit inte skulle vara tillr\u00e4ckligt. I allm\u00e4nhet fungerar servern, nu ska vi b\u00f6rja med s\u00e4ndningen...<\/p>\n

Signalen fr\u00e5n kameran<\/h2>\n

\nVarje videchat erbjuder att v\u00e4lja en webbkamera som bildk\u00e4lla och en mikrofon f\u00f6r ljud. Hur g\u00f6r vi om vi beh\u00f6ver anv\u00e4nda en professionell videokamera och ljud fr\u00e5n tv\u00e5 mikrofoner med bakgrundsmusik? Kort sagt, vi anv\u00e4nde NDI.<\/p>\n

Vi beh\u00f6vde regissera och str\u00f6mma hela s\u00e4ndningen till sociala medier. F\u00f6r detta hade vi en huvuddator som fungerade som en mini-OB (mobilt tv-studio). Allt arbete hanterades med hj\u00e4lp av programmet vMix. Det \u00e4r en ganska kraftfull mjukvara f\u00f6r att organisera s\u00e4ndningar av olika typer och sv\u00e5righetsgrader. <\/p>\n

\"Hur
\n
\nV\u00e5r dansduo filmades med en kamera, mer beh\u00f6vdes inte. Signalen fr\u00e5n kameran f\u00e5ngades med hj\u00e4lp av det interna kortet BlackMagic Intensity Pro. Enligt min mening \u00e4r detta ett aktuellt kort f\u00f6r att f\u00e5nga en HDMI-signal. Denna signal beh\u00f6vde skickas som en webbkamera i TrueConf. Man kunde direkt konvertera fl\u00f6det till en webbkamera med vMix, men vi ville inte \u00f6verbelasta allt p\u00e5 en dator. D\u00e4rf\u00f6r anv\u00e4nde vi en separat laptop f\u00f6r TrueConf-samtalet. <\/p>\n

Hur f\u00e5r man en signal fr\u00e5n kameran till en b\u00e4rbar dator? Man kan skapa en virtuell videignal p\u00e5 en dator och f\u00e5nga den p\u00e5 vilken annan dator som helst i det lokala n\u00e4tverket hur m\u00e5nga g\u00e5nger som helst. Detta \u00e4r NDI (Network Device Interface). I grunden \u00e4r det en slags virtuell kabel som man inte beh\u00f6ver administrera p\u00e5 n\u00e5got komplicerat s\u00e4tt. Bredden p\u00e5 en str\u00f6m f\u00f6r 1080p25 \u00e4r n\u00e4stan 100 Mbit, s\u00e5 f\u00f6r stabil drift beh\u00f6vs ett n\u00e4tverk p\u00e5 1 Gbit eller wifi \u00f6ver 150 Mbit. Men kabel \u00e4r alltid att f\u00f6redra. Det kan finnas m\u00e5nga NDI-signaler i ett lokalt n\u00e4tverk, s\u00e5 l\u00e4nge bandbredden r\u00e4cker.<\/p>\n

S\u00e5, p\u00e5 den huvudsakliga datorn i vMix ser vi signalen fr\u00e5n kameran och skickar den ut i n\u00e4tverket som en NDI-signal. P\u00e5 b\u00e4rbara datorn, som anv\u00e4nds f\u00f6r konferens, f\u00e5ngar vi denna signal med hj\u00e4lp av programmet NDI Virtual Input fr\u00e5n NDI Tools-paketet (som \u00e4r gratis). Detta mini-program skapar en virtuell webbkamera, dit du kopplar den NDI-signal som beh\u00f6vs. I praktiken har v\u00e5r HDMI-kamera via NDI dykt upp i TrueConf.<\/p>\n

Vad g\u00e4ller ljudet?<\/h2>\n

\n\"Hur
\n
\nLjudet fr\u00e5n tv\u00e5 radiomikrofoner och bakgrundsmusiken samlar vi med hj\u00e4lp av en bra ljudmixare och f\u00f6r in den externa ljudkortet till vMix. Det \u00e4r just denna ljudsumma som vi s\u00e4nder ut och i v\u00e5r NDI-str\u00f6m f\u00f6r TrueConf. D\u00e4r v\u00e4ljer vi NewTek NDI Audio ist\u00e4llet f\u00f6r b\u00e4rbar datorns mikrofon. Nu ser och h\u00f6r v\u00e5ra dansare v\u00e5r vackra bild och kvalitetsljud under konferensen.<\/p>\n

S\u00e4ndningsbilden<\/h2>\n

\nI TrueConf valde vi det vanliga konferensl\u00e4get d\u00e4r alla ser alla. Det fanns ocks\u00e5 ett alternativ d\u00e4r vi ser alla, men alla ser bara programledarna. Detta \u00e4r mer effektivt, men d\u00e5 skulle mass-effekten f\u00f6rsvinna.<\/p>\n

\"Hur
\n
\nI konferensformatet \"alla ser alla\" kan man v\u00e4lja vilket f\u00f6nster som helst som ska f\u00f6rstoras. S\u00e5 deltagarna s\u00e5g v\u00e4rdparet, och vi skapade ytterligare en anv\u00e4ndare, fr\u00e5n vars konto vi s\u00e4nde bilden och bytte mellan paret. Vi klickade p\u00e5 det par som beh\u00f6vdes och f\u00f6rst\u00f6rde deras sk\u00e4rm, medan de andra paren var sm\u00e5 l\u00e4ngst ner. Ibland visade vi alla sk\u00e4rmar f\u00f6r att visa hur m\u00e5nga som dansade synkront.<\/p>\n

Nu om synkronisering<\/h2>\n

\nDu har s\u00e4kert st\u00e4llt dig fr\u00e5gan om f\u00f6rdr\u00f6jning. Ja, det fanns en, runt 1-2 sekunder \u00e5t b\u00e5da h\u00e5ll. H\u00e4r spelar musik, och ljudet n\u00e5r deltagarna senare; de dansar till denna takt, medan deras bild kommer tillbaka \u00e4nnu senare. Vi beslutade att bortse fr\u00e5n detta i formatet, och \u00e4nd\u00e5 s\u00e5g det storslaget och intressant ut. <\/p>\n

F\u00f6r att l\u00f6sa synkroniseringsproblemet f\u00f6r tittarna kan vi anv\u00e4nda en konstgjord ljudf\u00f6rdr\u00f6jning i v\u00e5r s\u00e4ndning f\u00f6r sociala medier. D\u00e5 skulle tittarna p\u00e5 streamen se hur deltagarna dansar exakt i takt med musiken. Men det \u00e4r inte s\u00e4kert att bilden n\u00e5r alla med samma f\u00f6rsening. Det h\u00e4r \u00e4r \u00e4nnu ett komplicerat moment i s\u00e4ndningen, men vi ska se till att g\u00f6ra det s\u00e5 n\u00e4sta g\u00e5ng. <\/p>\n

F\u00f6rresten, i paketet NDI Tools finns det ett annat miniprogram - Scan Converter. Det skapar en NDI-signal genom att f\u00e5nga din sk\u00e4rm eller webbkamera. P\u00e5 s\u00e5 s\u00e4tt kan du enkelt organisera en s\u00e4ndning, till exempel e-sportt\u00e4vlingar inom det lokala n\u00e4tverket, med enbart detta n\u00e4tverk och webbkameror. Inga andra enheter beh\u00f6vs.<\/p>\n

\"Hur
\n
\nF\u00f6r oss var det \u00e4nnu ett projekt d\u00e4r vi beh\u00f6vde testa nya l\u00f6sningar som vi inte hade st\u00f6tt p\u00e5 i direkts\u00e4ndningar tidigare. Jag kommer g\u00e4rna att svara p\u00e5 alla era kommentarer och noggrant och med intresse studera era \u00f6nskem\u00e5l och rekommendationer om ni vet hur det kunde ha gjorts b\u00e4ttre. V\u00e4rlden av streaming \u00e4r o\u00e4ndlig, m\u00e5nga teknologier dyker upp framf\u00f6r v\u00e5ra \u00f6gon och vi kan l\u00e4ra oss snabbare tillsammans. Nedan kan ni se en \u00f6versiktlig video fr\u00e5n platsen.<\/p>\n

\r\n \"Spela\r\n
<\/div>\r\n <\/div><\/center>
\n
K\u00e4lla: 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\udd47Hur vi genomf\u00f6rde en dansbal online | ProHoster","description":"Den stora Sevastopolianska Officerballen \u00e4r traditionell.","canonical_url":"https:\/\/prohoster.info\/sv\/blog\/administrirovanie\/kak-my-delali-tanczevalnyj-bal-onlajn","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sv_SE","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\/sv\/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\/sv\/wp-json\/wp\/v2\/posts\/85242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/comments?post=85242"}],"version-history":[{"count":2,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts\/85242\/revisions"}],"predecessor-version":[{"id":160271,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts\/85242\/revisions\/160271"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/media\/85243"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/media?parent=85242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/categories?post=85242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/tags?post=85242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}