{"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":"webbrowser-vastleggen","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/nl\/user-manual\/sources-input\/screen-sources\/web-browser-capture\/","title":{"rendered":"Webbrowser vastleggen bron"},"content":{"rendered":"<h3 class=\"wp-block-heading\">De bron voor het vastleggen van de webbrowser<\/h3>\n\n\n\n<p>De <strong>Webbrowser vastleggen<\/strong> source kun je een internetbrowservenster of een deel ervan vastleggen en wat daar wordt weergegeven als video aanbieden voor gebruik in elke laag die een videobron ondersteunt.<\/p>\n\n\n\n<p>Dit kan handig zijn als je een webpagina wilt laten zien. Of je kunt een transparante grafische overlay maken met live gegevens die via het internet worden bijgewerkt met behulp van <span class=\"caps\">HTML<\/span> en <span class=\"caps\">CSS<\/span> voor opmaak.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">De webbrowser-opnamebron toevoegen<\/h3>\n\n\n\n<p>Om de bron Web Browser Capture toe te voegen aan uw mimoLive-document klikt u op de \"+\"-knop bovenaan het <a href=\"https:\/\/mimolive.com\/nl\/gebruikershandleiding\/bronnen-en-de-bronnen-repository\/\">Bronnenarchief<\/a> om een lijst met beschikbare brontypen weer te geven. Zoek de bron Web Browser Capture en sleep deze naar de bronopslagplaats.<\/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\">Een <span class=\"caps\">URL<\/span> Vastleggen<\/h3>\n\n\n\n<p>Klik in de <span class=\"caps\">URL<\/span> veld en voer de <span class=\"caps\">URL<\/span> die je wilt vastleggen.<\/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\">U kunt ook bestanden opgeven vanaf uw lokale computer<\/p><\/div>\n                <div><p class=\"text_exclamation\">Als je een HTML-document van je computer wilt vastleggen, moet je de URL opgeven die begint met \"file:\/\/\/\" gevolgd door het volledige pad naar dit document. Let op de drie \"\/\" na \"file:\" ! Bijv. 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\">De inhoud beheren<\/h3>\n\n\n\n<p>Om de inhoud van de bron Webbrowser Capture te controleren, moet u het browservenster openen door op de knop \"Show Web Browser\" (Webbrowser weergeven) te klikken onder de knop <span class=\"caps\">URL<\/span> veld. Er verschijnt een nieuw browservenster met de inhoud van uw <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>Er zijn verschillende bedieningselementen beschikbaar:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Achteruit en vooruit<\/h4>\n\n\n\n<p>Met de eerste twee knoppen kun je door de browsergeschiedenis springen als je via links op de webpagina's hebt genavigeerd.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"caps\">URL<\/span> veld<\/h4>\n\n\n\n<p>In het tekstveld in het midden kun je een nieuwe <span class=\"caps\">URL<\/span> voor de webinhoud.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Herladen<\/h4>\n\n\n\n<p>Met de circulaire knop kun je het herladen van de huidige webpagina forceren.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Bijsnijden<\/h4>\n\n\n\n<p>Als je alleen een bepaald deel van de inhoud van de webbrowser wilt vastleggen, kun je bijsnijden inschakelen met deze knop. Er verschijnt een rode rand waarmee je het gedeelte dat je wilt vastleggen kunt defini\u00ebren door de rode handgrepen te verslepen. Onderaan het webbrowservenster verschijnen numerieke velden waarmee je indien nodig exacte parameters kunt invoeren.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Transparante achtergrond<\/h4>\n\n\n\n<p>Soms wil je alleen de tekstuele inhoud van een webpagina als overlay voor je videoproductie, maar heeft de inhoud van de webpagina een bepaalde achtergrondkleur. In dit geval kun je proberen de transparantie te verwijderen door op deze knop te klikken. Aangezien dit het manipuleren van de <span class=\"caps\">HTML<\/span> documentstructuur via ge\u00efnjecteerde JavaScript-code werkt dit mogelijk niet voor alle webpagina's.<\/p>\n\n\n\n<p>De volgende JavaScript-code wordt uitgevoerd om de achtergrond transparant te maken:<\/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\">Gebruik het Chromakey Filter als de achtergrondverwijderingsfunctie niet werkt!<\/p><\/div>\n                <div><p class=\"text_exclamation\">Je kunt nog steeds solliciteren <a href=\"\/nl\/gebruikershandleiding\/chroma-keying-basis\/\">Chroma Keying Basis<\/a> om de achtergrond transparant te maken! Leer hoe je <a href=\"\/nl\/gebruikershandleiding\/filters\/\">Filter toevoegen<\/a> naar de webbrowserbron.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h4 class=\"wp-block-heading\">Muiscursor<\/h4>\n\n\n\n<p>Vooral als je webpagina's wilt laten zien aan je publiek, wil je misschien dat ze je muiscursor zien zodat ze je verhaal kunnen volgen. Gebruik deze knop om de muiscursor aan en uit te zetten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">De pixeldimensies instellen<\/h3>\n\n\n\n<p>Het is belangrijk om te weten dat de pixelafmetingen van de vastgelegde webpagina dezelfde zijn als die van het venster van de webbrowser. Standaard heeft het venster de afmetingen van je videoproductie. Als je het formaat van het venster aanpast, worden ook de pixelafmetingen van de vastgelegde afbeelding gewijzigd.<\/p>\n\n\n\n<p>Om een bepaalde pixeldimensie voor je bron op te geven kun je op het actiewiel in de rechterbovenhoek klikken om een popupmenu met vooraf gedefinieerde videoformaten te openen of je kunt overschakelen naar een aangepaste dimensie.<\/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>Computer Audio vastleggen<\/strong><br>Raadpleeg voor meer informatie over het vastleggen van computeraudio <a href=\"https:\/\/mimolive.com\/nl\/gebruikershandleiding\/computer-audio\/\">Bronnen (ingang) \/ Computer Audio<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">De webbrowser-opnamebron opnieuw instellen<\/h3>\n\n\n\n<p>MacOS slaat de caches, cookies en andere gegevens met betrekking tot de door de webbrowser gebruikte Webview op:<br><br><code>~\/Library\/WebKit\/com.boinx.mimoLive\/WebsiteData\/<\/code><\/p>\n\n\n\n<p>Als het nodig is om de webinhoud van de bron opnieuw in te stellen, verwijdert u die map.<\/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\/nl\/wp-json\/wp\/v2\/user-manual\/31962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/nl\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/nl\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/nl\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":4,"href":"https:\/\/mimolive.com\/nl\/wp-json\/wp\/v2\/user-manual\/31962\/revisions"}],"predecessor-version":[{"id":41617,"href":"https:\/\/mimolive.com\/nl\/wp-json\/wp\/v2\/user-manual\/31962\/revisions\/41617"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/nl\/wp-json\/wp\/v2\/user-manual\/40839"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/nl\/wp-json\/wp\/v2\/media?parent=31962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/nl\/wp-json\/wp\/v2\/categories?post=31962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/nl\/wp-json\/wp\/v2\/tags?post=31962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}