{"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-del-navegador-web","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/es\/user-manual\/sources-input\/screen-sources\/web-browser-capture\/","title":{"rendered":"Fuente de captura del navegador web"},"content":{"rendered":"<h3 class=\"wp-block-heading\">La fuente de captura del navegador web<\/h3>\n\n\n\n<p>En <strong>Captura del navegador web<\/strong> source le permite capturar una ventana del navegador de Internet o una parte de ella y proporcionar lo que all\u00ed se muestra como v\u00eddeo para su uso en cualquier capa que admita una fuente de v\u00eddeo.<\/p>\n\n\n\n<p>Esto puede ser \u00fatil si quieres mostrar una p\u00e1gina web. Tambi\u00e9n puede crear una superposici\u00f3n de gr\u00e1ficos transparentes con datos actualizados en directo a trav\u00e9s de Internet utilizando <span class=\"caps\">HTML<\/span> y <span class=\"caps\">CSS<\/span> para formatear.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A\u00f1adir la fuente de captura del navegador web<\/h3>\n\n\n\n<p>Para a\u00f1adir la fuente Web Browser Capture a su documento mimoLive, haga clic en el bot\u00f3n \"+\" situado en la parte superior de la ventana <a href=\"https:\/\/mimolive.com\/es\/manual-del-usuario\/fuentes-y-el-repositorio-de-fuentes\/\">Repositorio de fuentes<\/a> para mostrar una lista de los tipos de fuentes disponibles. Busque la fuente Web Browser Capture y arr\u00e1strela al repositorio de fuentes.<\/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\">Introducir un <span class=\"caps\">URL<\/span> Capturar<\/h3>\n\n\n\n<p>Haga clic en el bot\u00f3n <span class=\"caps\">URL<\/span> e introduzca el <span class=\"caps\">URL<\/span> que desea capturar.<\/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\">Tambi\u00e9n puede especificar archivos de su ordenador local<\/p><\/div>\n                <div><p class=\"text_exclamation\">Si desea capturar un documento HTML de su ordenador, debe especificar la URL empezando por \"file:\/\/\/\" seguido de la ruta completa a este documento. \u00a1Tenga en cuenta los tres \"\/\" despu\u00e9s de \"file:\" ! Por ejemplo: 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 el contenido<\/h3>\n\n\n\n<p>Para controlar el contenido de la fuente de captura del navegador web, debe abrir la ventana del navegador haciendo clic en el bot\u00f3n \"Mostrar navegador web\" situado debajo del bot\u00f3n <span class=\"caps\">URL<\/span> campo. Aparecer\u00e1 una nueva ventana del navegador con el contenido de su <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>Hay varios elementos de control disponibles:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Adelante y atr\u00e1s<\/h4>\n\n\n\n<p>Los dos primeros botones te permiten saltar por el historial del navegador si has navegado a trav\u00e9s de enlaces en las p\u00e1ginas web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"caps\">URL<\/span> campo<\/h4>\n\n\n\n<p>El campo de texto del centro le permite introducir un nuevo <span class=\"caps\">URL<\/span> para el contenido de la web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Recarga<\/h4>\n\n\n\n<p>Con el bot\u00f3n circular puede forzar una recarga de la p\u00e1gina web actual.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Cultivo<\/h4>\n\n\n\n<p>Si s\u00f3lo desea capturar una parte determinada del contenido del navegador web, puede activar el recorte con este bot\u00f3n. Aparecer\u00e1 un borde rojo que le permitir\u00e1 definir la parte que desea capturar arrastrando los tiradores rojos. Aparecer\u00e1n campos num\u00e9ricos en la parte inferior de la ventana del navegador web para que pueda introducir los par\u00e1metros exactos si es necesario.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Fondo transparente<\/h4>\n\n\n\n<p>A veces quieres tener s\u00f3lo el contenido textual de una p\u00e1gina web como una superposici\u00f3n para tu producci\u00f3n de v\u00eddeo, pero el contenido de la p\u00e1gina web tiene un color de fondo definido. En este caso puedes intentar eliminar la transparencia haciendo clic en este bot\u00f3n. Como esto es manipular el <span class=\"caps\">HTML<\/span> estructura del documento a trav\u00e9s de c\u00f3digo JavaScript inyectado esto puede no funcionar para todas las p\u00e1ginas web.<\/p>\n\n\n\n<p>El siguiente c\u00f3digo JavaScript se ejecuta para hacer el fondo 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\">Utiliza el filtro Chromakey si la funci\u00f3n de eliminaci\u00f3n de fondo no funciona.<\/p><\/div>\n                <div><p class=\"text_exclamation\">A\u00fan puede solicitarlo <a href=\"\/es\/manual-del-usuario\/croma-basico\/\">Chroma Keying B\u00e1sico<\/a> para que el fondo sea transparente. Aprenda a <a href=\"\/es\/manual-del-usuario\/filtros\/\">a\u00f1adir un filtro<\/a> a la fuente del Navegador Web.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h4 class=\"wp-block-heading\">Cursor del rat\u00f3n<\/h4>\n\n\n\n<p>Especialmente si quieres mostrar p\u00e1ginas web a tu audiencia, puede que quieras que vean el cursor del rat\u00f3n para que puedan seguir tu narraci\u00f3n. Utilice este bot\u00f3n para activar y desactivar el cursor del rat\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Configuraci\u00f3n de las dimensiones de los p\u00edxeles<\/h3>\n\n\n\n<p>Es importante saber que las dimensiones en p\u00edxeles de la p\u00e1gina web capturada es la misma que la ventana del navegador web. Por defecto, la ventana tendr\u00e1 las dimensiones de su producci\u00f3n de v\u00eddeo. Una vez que cambie el tama\u00f1o de la ventana tambi\u00e9n cambiar\u00e1n las dimensiones en p\u00edxeles de la imagen capturada resultante.<\/p>\n\n\n\n<p>Para especificar una determinada dimensi\u00f3n en p\u00edxeles para tu fuente, puedes hacer clic en la rueda de acci\u00f3n de la esquina superior derecha para que aparezca un men\u00fa emergente con formatos de v\u00eddeo predefinidos o puedes cambiar a una dimensi\u00f3n 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>Capturar el audio del ordenador<\/strong><br>Para saber c\u00f3mo capturar el audio de un ordenador, consulte <a href=\"https:\/\/mimolive.com\/es\/manual-del-usuario\/audio-por-ordenador\/\">Fuentes (Entrada) \/ Computer Audio<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Restablecer la fuente de captura del navegador web<\/h3>\n\n\n\n<p>MacOS almacena las memorias cach\u00e9, las cookies y otros datos relacionados con la Webview utilizada por el navegador Web Capture Source en:<br><br><code>~\/Library\/WebKit\/com.boinx.mimoLive\/WebsiteData\/<\/code><\/p>\n\n\n\n<p>Si es necesario restablecer el contenido web de la fuente, elimine esa carpeta.<\/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\/es\/wp-json\/wp\/v2\/user-manual\/31962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":4,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/user-manual\/31962\/revisions"}],"predecessor-version":[{"id":41617,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/user-manual\/31962\/revisions\/41617"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/user-manual\/40839"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/media?parent=31962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/categories?post=31962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/tags?post=31962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}