{"id":32274,"date":"2023-03-10T15:22:37","date_gmt":"2023-03-10T14:22:37","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=32274"},"modified":"2023-07-03T17:22:18","modified_gmt":"2023-07-03T15:22:18","slug":"livecodingtv","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/pt\/user-manual\/playout-output-destinations\/live-streaming\/livecodingtv\/","title":{"rendered":"Livecoding.tv"},"content":{"rendered":"<p>Livecoding.tv \u00e9 uma plataforma de transmiss\u00e3o ao vivo que visa educar os espectadores atrav\u00e9s de tutoriais ao vivo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"109\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac.png\" alt=\"\" class=\"wp-image-32275\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac.png 800w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac-300x41.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac-768x105.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/15b978d9-4012-4218-a8d1-3481169252ac-18x2.png 18w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"preparing-your-livecodingtv-account\">Preparar a sua conta livecoding.tv<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Primeiro, tem de se inscrever no LiveCoding.tv. H\u00e1 v\u00e1rias op\u00e7\u00f5es \u00e0 sua escolha. Como quer transmitir para o LiveCoding, tem de se inscrever para uma conta de Emissora.<\/li>\n\n\n\n<li>No canto superior direito encontra o menu para a configura\u00e7\u00e3o do seu canal. Seleccione o item de menu \"Configura\u00e7\u00f5es\". Isto leva-o a uma p\u00e1gina onde pr\u00e9-configurar\u00e1 o comportamento da sua emiss\u00e3o.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/43c6c050-a470-4d9c-b75c-ccd51ed6373a.png\" alt=\"\" class=\"wp-image-32276\" width=\"200\" height=\"309\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/43c6c050-a470-4d9c-b75c-ccd51ed6373a.png 200w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/43c6c050-a470-4d9c-b75c-ccd51ed6373a-194x300.png 194w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/43c6c050-a470-4d9c-b75c-ccd51ed6373a-8x12.png 8w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c9 necess\u00e1rio copiar o <span class=\"caps\">FMS<\/span> <span class=\"caps\">URL<\/span> da sec\u00e7\u00e3o \"Streaming key\" e traz\u00ea-lo para o painel Streaming Setup no mimoLive (ver instru\u00e7\u00f5es abaixo onde o colocar).<\/li>\n\n\n\n<li>Depois disso copie a Streaming Key clicando no bot\u00e3o \"Click to display\" na sec\u00e7\u00e3o \"Streaming Key\" e traga-a tamb\u00e9m para o mimoLive.<\/li>\n<\/ul>\n\n\n<section class=\"boinx_exclamation\">\n    <div class=\"main_div_exclamation\">\n        <div class=\"left_div_icon_exclamation\">\n                <i class=\"icon_exclamation\">\u2757<\/i>\n        <\/div>\n\n        <div class=\"right_div_text_exclamation\">\n                <div><p class=\"text_exclamation_headline\">Importante: Mantenha a Streaming Key em segredo!<\/p><\/div>\n                <div><p class=\"text_exclamation\"><\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_exclamation {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(242,222,222);\n    border-radius: 8px;\n}\n.icon_exclamation {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(184,74,72);\n    line-height:60px;\n}\n.text_exclamation {\n    color:rgb(184,74,72);\n}\n\n.text_exclamation_headline{\n    font-weight:bold;\n    color:rgb(184,74,72);\n}\n\n\n.main_div_exclamation\n{\n    display:flex !IMPORTANT;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content : flex-start;\n    align-items : flex-start\n    align-content : flex-start;\n    \n}\n\n.left_div_icon_exclamation{\n    display:flex !IMPORTANT;\n    width:80px;\n    padding:10px;\n    margin:20px 20px 20px 0;\n    height:40px;\n}\n.right_div_text_exclamation{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    width:200px;\n    padding:10px;\n    margin:0;\n}<\/style>\n\t\t\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"400\" height=\"142\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/8fc57938-8a9d-4183-a86d-ae93b54d4619.png\" alt=\"\" class=\"wp-image-32277\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/8fc57938-8a9d-4183-a86d-ae93b54d4619.png 400w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/8fc57938-8a9d-4183-a86d-ae93b54d4619-300x107.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/8fc57938-8a9d-4183-a86d-ae93b54d4619-18x6.png 18w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"preparing-mimolive\">Preparar o mimoLive<\/h3>\n\n\n\n<p>Aqui pode ver o mimoLive a correr com duas camadas visuais activas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"577\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26.png\" alt=\"\" class=\"wp-image-32278\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26-300x173.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26-768x443.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/fda65224-f227-44ff-a24e-99185cfaaa26-18x10.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clicar no pequeno bot\u00e3o de verifica\u00e7\u00e3o directamente para o bot\u00e3o de streaming. Isto abrir\u00e1 o painel de defini\u00e7\u00f5es de Streaming.<\/li>\n\n\n\n<li>Colar a sua c\u00f3pia <span class=\"caps\">FMS<\/span> <span class=\"caps\">URL<\/span> e a Streaming Key (fornecida pelo LiveCoding.tv)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"311\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/59078e6e-3ce7-44f6-8b93-b414e5560254.png\" alt=\"\" class=\"wp-image-32279\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/59078e6e-3ce7-44f6-8b93-b414e5560254.png 400w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/59078e6e-3ce7-44f6-8b93-b414e5560254-300x233.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/59078e6e-3ce7-44f6-8b93-b414e5560254-15x12.png 15w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"going-live\">Em directo<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clique no bot\u00e3o livestream para que fique vermelho:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"577\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70.png\" alt=\"\" class=\"wp-image-32280\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70-300x173.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70-768x443.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ce7d0486-839e-4975-a704-0c5cc303ac70-18x10.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Voltar \u00e0 p\u00e1gina web LiveCoding e seleccionar o item de menu \"O Meu Canal\" no menu pendente no canto superior direito. Agora deve ver a sua produ\u00e7\u00e3o de v\u00eddeo na janela do navegador.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"useful-things-to-consider\">Coisas \u00dateis a Considerar<\/h3>\n\n\n\n<p>Ao transmitir para o LiveCoding.tv pretende mostrar o seu ambiente de trabalho ao p\u00fablico. Para o fazer, precisa de criar uma fonte \"Screen Capture\" ou uma fonte \"Window Capture\", dependendo do que vai mostrar.<\/p>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\"><\/p><\/div>\n                <div><p class=\"text_highlight\">A fonte \"Window Capture\" n\u00e3o mostra o cursor do rato ou quaisquer outros itens visuais no seu ambiente de trabalho.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_section {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(217,237,248);\n    border-radius: 8px;\n  \n}\n\n.icon_highlight {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(58,134,172);\n    line-height:60px;\n}\n\n.text_highlight {\n    color:rgb(58,134,172);\n}\n\n.text_highlight_headline{\n    font-weight:bold;\n    color:rgb(58,134,172);\n}\n\n.main_div\n{\n    display:flex !IMPORTANT;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content : flex-start;\n    align-items : flex-start\n    align-content : flex-start;\n}\n.left_div_icon{\n    display:flex !IMPORTANT;\n    width:40px;\n    padding:0;\n    margin:10px 20px 10px 10px;\n    \n}\n.right_div_text{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    padding:10px;\n    margin:0;\n    width:200px;\n    }<\/style>\n\t\t\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"209\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/e4172ed6-bab4-4767-8faa-b41dcdad4ddc.png\" alt=\"\" class=\"wp-image-32281\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/e4172ed6-bab4-4767-8faa-b41dcdad4ddc.png 500w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/e4172ed6-bab4-4767-8faa-b41dcdad4ddc-300x125.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/e4172ed6-bab4-4767-8faa-b41dcdad4ddc-18x8.png 18w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c9 uma boa ideia ter duas montagens de exposi\u00e7\u00e3o. Num dos ecr\u00e3s, corre o mimoLive e no outro corre o seu programa. com isto nada do mimoLive distrair\u00e1 a sua emiss\u00e3o.<\/li>\n\n\n\n<li>Use o <span class=\"caps\">PIP<\/span> camada no mimoLive para tamb\u00e9m incluir uma c\u00e2mara facial no seu fluxo de v\u00eddeo. As pessoas adoram ver quem est\u00e1 por detr\u00e1s de tudo isto!<\/li>\n\n\n\n<li>Se quiser reproduzir alguma m\u00fasica gratuita, pode descarregar algumas faixas de joshwoodward.com e coloc\u00e1-las numa \"Playlist Source\" para as deixar correr em loop. Por favor, certifique-se de que cumpre os requisitos da licen\u00e7a de dar a Josh Woodward cr\u00e9ditos para a m\u00fasica do seu espect\u00e1culo. Pode utilizar facilmente a camada Playlist Visualizer Layer para o fazer.<\/li>\n\n\n\n<li>Se estiver a desenvolver para iOS e testar a sua aplica\u00e7\u00e3o num dispositivo iOS real, pode querer usar uma Fonte de V\u00eddeo de Dispositivo iOS para trazer para o ecr\u00e3 do dispositivo iOS. A camada perfeita para apresentar o seu trabalho \u00e1rduo s\u00e3o as camadas iOS Device Demo e iOS Device Demo 3D que v\u00eam com o mimoLive:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"191\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/343aff3a-bbcd-4ee5-9e77-ed2d813975e6.png\" alt=\"\" class=\"wp-image-32282\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/343aff3a-bbcd-4ee5-9e77-ed2d813975e6.png 500w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/343aff3a-bbcd-4ee5-9e77-ed2d813975e6-300x115.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/343aff3a-bbcd-4ee5-9e77-ed2d813975e6-18x7.png 18w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Livecoding.tv is a live streaming platform that aims to educate viewers through live tutorials. Preparing Your livecoding.tv Account Preparing mimoLive Here you can see mimoLive running with two active visual layers. Going Live Useful Things to Consider As you are streaming to LiveCoding.tv you want to show your desktop to the audience. To do so [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":32254,"menu_order":3,"template":"","meta":{"_acf_changed":false,"_angie_page":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-32274","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/user-manual\/32274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/user-manual\/32274\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/user-manual\/32254"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/media?parent=32274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/categories?post=32274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/tags?post=32274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}