{"id":31962,"date":"2023-03-10T15:22:37","date_gmt":"2023-03-10T14:22:37","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=31962"},"modified":"2025-08-08T16:29:25","modified_gmt":"2025-08-08T14:29:25","slug":"captura-do-navegador-web","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/pt\/user-manual\/sources-input\/screen-sources\/web-browser-capture\/","title":{"rendered":"Fonte de captura do navegador da Web"},"content":{"rendered":"<h3 class=\"wp-block-heading\">A fonte de captura do navegador da Web<\/h3>\n\n\n\n<p>O <strong>Captura de Browser de Internet<\/strong> permite-lhe capturar uma janela do navegador da Internet ou parte dela e fornecer o que \u00e9 a\u00ed apresentado como v\u00eddeo para utiliza\u00e7\u00e3o em qualquer camada que suporte uma fonte de v\u00eddeo.<\/p>\n\n\n\n<p>Isto pode ser \u00fatil se quiser mostrar uma p\u00e1gina Web. Ou pode criar uma sobreposi\u00e7\u00e3o de gr\u00e1ficos transparentes com dados em direto actualizados atrav\u00e9s da Internet utilizando <span class=\"caps\">HTML<\/span> e <span class=\"caps\">CSS<\/span> para formata\u00e7\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adi\u00e7\u00e3o da fonte de captura do navegador da Web<\/h3>\n\n\n\n<p>Para adicionar a fonte de Captura do Navegador Web ao seu documento mimoLive, clique no bot\u00e3o \"+\" na parte superior da janela <a href=\"https:\/\/mimolive.com\/pt\/manual-do-utilizador\/fontes-e-o-repositorio-de-fontes\/\">Reposit\u00f3rio de Fontes<\/a> para mostrar uma lista de tipos de fontes dispon\u00edveis. Encontre a fonte Captura do navegador da Web e arraste-a para o Reposit\u00f3rio de fontes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"920\" height=\"302\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa.png\" alt=\"\" class=\"wp-image-31964\" style=\"width:460px;height:151px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa.png 920w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa-300x98.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa-768x252.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa-18x6.png 18w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Entrada de um <span class=\"caps\">URL<\/span> Para capturar<\/h3>\n\n\n\n<p>Clique no bot\u00e3o <span class=\"caps\">URL<\/span> e introduzir o campo <span class=\"caps\">URL<\/span> que pretende captar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"478\" height=\"252\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/559f4e3c-64fe-4bcf-be74-982d9556dd2b.png\" alt=\"\" class=\"wp-image-31965\" style=\"width:239px;height:126px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/559f4e3c-64fe-4bcf-be74-982d9556dd2b.png 478w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/559f4e3c-64fe-4bcf-be74-982d9556dd2b-300x158.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/559f4e3c-64fe-4bcf-be74-982d9556dd2b-18x9.png 18w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/figure>\n\n\n\n<p><\/p>\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\">Tamb\u00e9m pode especificar ficheiros do seu computador local<\/p><\/div>\n                <div><p class=\"text_exclamation\">Se quiser capturar um documento HTML do seu computador, tem de especificar o URL que come\u00e7a com \"file:\/\/\/\" seguido do caminho completo para esse documento. Tenha em aten\u00e7\u00e3o os tr\u00eas \"\/\" a seguir a \"file:\" ! Por exemplo, file:\/\/\/Users\/mimolivestation\/Desktop\/MyHTMLpage.html<\/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<h3 class=\"wp-block-heading\">Controlar o conte\u00fado<\/h3>\n\n\n\n<p>Para controlar o conte\u00fado da fonte de captura do navegador da Web, \u00e9 necess\u00e1rio abrir a janela do navegador clicando no bot\u00e3o \"Mostrar navegador da Web\" abaixo do <span class=\"caps\">URL<\/span> campo. Aparecer\u00e1 uma nova janela do browser com o conte\u00fado do seu <span class=\"caps\">URL<\/span>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1000\" height=\"150\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920.png\" alt=\"\" class=\"wp-image-31966\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920-300x45.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920-768x115.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920-18x3.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Est\u00e3o dispon\u00edveis v\u00e1rios elementos de controlo:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Para tr\u00e1s e para a frente<\/h4>\n\n\n\n<p>Os dois primeiros bot\u00f5es permitem-lhe percorrer o hist\u00f3rico do browser se tiver navegado atrav\u00e9s de liga\u00e7\u00f5es nas p\u00e1ginas Web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"caps\">URL<\/span> dom\u00ednio<\/h4>\n\n\n\n<p>O campo de texto no meio permite-lhe introduzir um novo <span class=\"caps\">URL<\/span> para o conte\u00fado da Web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Recarregar<\/h4>\n\n\n\n<p>Com o bot\u00e3o circular, pode for\u00e7ar o recarregamento da p\u00e1gina Web atual.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Cultivo<\/h4>\n\n\n\n<p>Se pretender capturar apenas uma determinada parte do conte\u00fado do navegador Web, pode ativar o recorte com este bot\u00e3o. Aparece uma moldura vermelha que permite definir a parte que pretende capturar arrastando as pegas vermelhas. Aparecer\u00e3o campos num\u00e9ricos na parte inferior da janela do navegador Web para permitir a introdu\u00e7\u00e3o de par\u00e2metros exactos, se necess\u00e1rio.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Fundo transparente<\/h4>\n\n\n\n<p>Por vezes, pretende ter apenas o conte\u00fado textual de uma p\u00e1gina Web como uma sobreposi\u00e7\u00e3o para a sua produ\u00e7\u00e3o de v\u00eddeo, mas o conte\u00fado da p\u00e1gina Web tem uma cor de fundo definida. Neste caso, pode tentar remover a transpar\u00eancia, clicando neste bot\u00e3o. Uma vez que isto est\u00e1 a manipular o <span class=\"caps\">HTML<\/span> estrutura do documento atrav\u00e9s de c\u00f3digo JavaScript injetado, isto pode n\u00e3o funcionar em todas as p\u00e1ginas Web.<\/p>\n\n\n\n<p>O seguinte c\u00f3digo JavaScript \u00e9 executado para tornar o fundo transparente:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>document.body.style = document.body.style.cssText + \\\u201c;background: transparent !important;\\\u201c;<\/code><\/pre>\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\">Utilize o filtro Chromakey se a funcionalidade de remo\u00e7\u00e3o de fundo n\u00e3o funcionar!<\/p><\/div>\n                <div><p class=\"text_exclamation\">Ainda \u00e9 poss\u00edvel candidatar-se <a href=\"\/pt\/manual-do-utilizador\/chroma-keying-basico\/\">Chroma Keying b\u00e1sico<\/a> para tornar o fundo transparente! Saiba como <a href=\"\/pt\/manual-do-utilizador\/filtros\/\">adicionar um filtro<\/a> para a fonte do Web Browser.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h4 class=\"wp-block-heading\">Cursor do rato<\/h4>\n\n\n\n<p>Especialmente se quiser mostrar p\u00e1ginas Web \u00e0 sua audi\u00eancia, pode querer ver o cursor do rato para que possam seguir a sua narra\u00e7\u00e3o. Utilize este bot\u00e3o para ativar e desativar o cursor do rato.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Configurar as dimens\u00f5es do pixel<\/h3>\n\n\n\n<p>\u00c9 importante saber que as dimens\u00f5es em pix\u00e9is da p\u00e1gina Web capturada s\u00e3o as mesmas da janela do navegador Web. Por defeito, a janela ter\u00e1 as dimens\u00f5es da sua produ\u00e7\u00e3o de v\u00eddeo. Se redimensionar a janela, as dimens\u00f5es em p\u00edxeis da imagem capturada resultante tamb\u00e9m ser\u00e3o alteradas.<\/p>\n\n\n\n<p>Para especificar uma determinada dimens\u00e3o de p\u00edxeis para a sua fonte, pode clicar na roda de a\u00e7\u00e3o no canto superior direito para revelar um menu pop-up com formatos de v\u00eddeo predefinidos ou pode mudar para uma dimens\u00e3o personalizada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"382\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044.png\" alt=\"\" class=\"wp-image-31967\" style=\"width:591px;height:287px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044.png 788w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044-300x145.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044-768x372.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044-18x9.png 18w\" sizes=\"(max-width: 788px) 100vw, 788px\" \/><\/figure>\n\n\n\n<p><strong>Captura de \u00e1udio do computador<\/strong><br>Para saber como captar o \u00e1udio do computador, consulte <a href=\"https:\/\/mimolive.com\/pt\/manual-do-utilizador\/audio-do-computador\/\">Fontes (entrada) \/ \u00c1udio do computador<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Redefinir a fonte de captura do navegador da Web<\/h3>\n\n\n\n<p>O MacOS armazena as caches, os cookies e outros dados relacionados com a visualiza\u00e7\u00e3o da Web utilizada pelo Navegador da Web Fonte de Captura em:<br><br><code>~\/Biblioteca\/WebKit\/com.boinx.mimoLive\/WebsiteData\/<\/code><\/p>\n\n\n\n<p>Se for necess\u00e1rio repor o conte\u00fado Web da fonte, elimine essa pasta.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>The Web Browser Capture Source The Web Browser Capture source lets you capture an internet browser window or a part of it and provide what\u2019s displayed there as video for use in any layer that supports a video source. This can be useful if you want to show off a web page. Or you can [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":40839,"menu_order":2,"template":"","meta":{"_acf_changed":false,"_angie_page":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-31962","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/user-manual\/31962","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":4,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/user-manual\/31962\/revisions"}],"predecessor-version":[{"id":41617,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/user-manual\/31962\/revisions\/41617"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/user-manual\/40839"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/media?parent=31962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/categories?post=31962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/pt\/wp-json\/wp\/v2\/tags?post=31962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}