{"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":"registrering-av-webblasare","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/sv\/user-manual\/sources-input\/screen-sources\/web-browser-capture\/","title":{"rendered":"Webbl\u00e4sarprogram F\u00e5ngst K\u00e4lla"},"content":{"rendered":"<h3 class=\"wp-block-heading\">K\u00e4llan f\u00f6r insamling av information fr\u00e5n webbl\u00e4saren<\/h3>\n\n\n\n<p>The <strong>F\u00e5ngst i webbl\u00e4saren<\/strong> kan du f\u00e5nga ett webbl\u00e4sarf\u00f6nster eller en del av det och tillhandah\u00e5lla det som visas d\u00e4r som video som kan anv\u00e4ndas i alla lager som har st\u00f6d f\u00f6r en videok\u00e4lla.<\/p>\n\n\n\n<p>Detta kan vara anv\u00e4ndbart om du vill visa upp en webbsida. Du kan ocks\u00e5 skapa ett transparent grafiskt \u00f6verl\u00e4gg med levande data som uppdateras via Internet med hj\u00e4lp av <span class=\"caps\">HTML<\/span> och <span class=\"caps\">CSS<\/span> f\u00f6r formatering.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">L\u00e4gga till k\u00e4llan f\u00f6r insamling i webbl\u00e4saren<\/h3>\n\n\n\n<p>F\u00f6r att l\u00e4gga till k\u00e4llan Web Browser Capture till ditt mimoLive-dokument klickar du p\u00e5 \"+\"-knappen h\u00f6gst upp i <a href=\"https:\/\/mimolive.com\/sv\/anvandarhandbok\/kallor-och-kallforvaret\/\">K\u00e4llf\u00f6rteckning<\/a> f\u00f6r att visa en lista \u00f6ver tillg\u00e4ngliga k\u00e4lltyper. Hitta k\u00e4llan Web Browser Capture och dra den till Source Repository.<\/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\">Inmatning av en <span class=\"caps\">URL<\/span> F\u00f6r att f\u00e5nga<\/h3>\n\n\n\n<p>Klicka p\u00e5 i <span class=\"caps\">URL<\/span> f\u00e4ltet och ange <span class=\"caps\">URL<\/span> du vill f\u00e5nga.<\/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\">Du kan ocks\u00e5 ange filer fr\u00e5n din lokala dator<\/p><\/div>\n                <div><p class=\"text_exclamation\">Om du vill h\u00e4mta ett HTML-dokument fr\u00e5n din dator m\u00e5ste du ange en URL som b\u00f6rjar med \"file:\/\/\/\" f\u00f6ljt av den fullst\u00e4ndiga s\u00f6kv\u00e4gen till dokumentet. Observera de tre \"\/\" efter \"file:\" ! T.ex. 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\">Kontroll av inneh\u00e5llet<\/h3>\n\n\n\n<p>F\u00f6r att styra inneh\u00e5llet i din Web Browser Capture-k\u00e4lla m\u00e5ste du \u00f6ppna webbl\u00e4sarf\u00f6nstret genom att klicka p\u00e5 knappen \"Visa Web Browser\" nedanf\u00f6r <span class=\"caps\">URL<\/span> f\u00e4lt. Ett nytt webbl\u00e4sarf\u00f6nster \u00f6ppnas med inneh\u00e5llet i ditt <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>Det finns flera olika kontrollelement:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Bak\u00e5t och fram\u00e5t<\/h4>\n\n\n\n<p>Med de tv\u00e5 f\u00f6rsta knapparna kan du hoppa genom webbl\u00e4sarens historik om du navigerat via l\u00e4nkar p\u00e5 webbsidorna.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"caps\">URL<\/span> f\u00e4lt<\/h4>\n\n\n\n<p>I textf\u00e4ltet i mitten kan du ange en ny <span class=\"caps\">URL<\/span> f\u00f6r webbinneh\u00e5llet.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Ladda om<\/h4>\n\n\n\n<p>Med den cirkul\u00e4ra knappen kan du tvinga fram en omladdning av den aktuella webbsidan.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Odling<\/h4>\n\n\n\n<p>Om du bara vill f\u00e5nga en viss del av inneh\u00e5llet i webbl\u00e4saren kan du aktivera besk\u00e4rning med den h\u00e4r knappen. En r\u00f6d ram visas s\u00e5 att du kan definiera den del som du vill f\u00e5nga genom att dra i de r\u00f6da handtagen. Numeriska f\u00e4lt visas l\u00e4ngst ner i webbl\u00e4sarf\u00f6nstret s\u00e5 att du kan ange exakta parametrar vid behov.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Transparent bakgrund<\/h4>\n\n\n\n<p>Ibland vill du bara ha textinneh\u00e5llet p\u00e5 en webbsida som \u00f6verlagring i din videoproduktion, men webbsidans inneh\u00e5ll har en definierad bakgrundsf\u00e4rg. I det h\u00e4r fallet kan du f\u00f6rs\u00f6ka ta bort transparensen genom att klicka p\u00e5 den h\u00e4r knappen. Eftersom detta \u00e4r att manipulera <span class=\"caps\">HTML<\/span> dokumentstrukturen via inskjuten JavaScript-kod, vilket kanske inte fungerar p\u00e5 alla webbsidor.<\/p>\n\n\n\n<p>F\u00f6ljande JavaScript-kod exekveras f\u00f6r att g\u00f6ra bakgrunden transparent:<\/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\">Anv\u00e4nd Chromakey-filtret om funktionen f\u00f6r att ta bort bakgrunden inte fungerar!<\/p><\/div>\n                <div><p class=\"text_exclamation\">Du kan fortfarande ans\u00f6ka <a href=\"\/sv\/anvandarhandbok\/chroma-keying-grundlaggande\/\">Chroma Keying Grundl\u00e4ggande<\/a> f\u00f6r att g\u00f6ra bakgrunden transparent! L\u00e4r dig hur du <a href=\"\/sv\/anvandarhandbok\/filter\/\">L\u00e4gg till ett filter<\/a> till webbl\u00e4sark\u00e4llan.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h4 class=\"wp-block-heading\">Muspekare<\/h4>\n\n\n\n<p>S\u00e4rskilt om du vill visa upp webbsidor f\u00f6r din publik kan du vilja visa dem din muspekare s\u00e5 att de kan f\u00f6lja med i ditt ber\u00e4ttande. Anv\u00e4nd den h\u00e4r knappen f\u00f6r att sl\u00e5 p\u00e5 och av muspekaren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Inst\u00e4llning av pixelm\u00e5tt<\/h3>\n\n\n\n<p>Det \u00e4r viktigt att veta att pixeldimensionerna f\u00f6r den f\u00e5ngade webbsidan \u00e4r desamma som webbl\u00e4sarens f\u00f6nster. Som standard kommer f\u00f6nstret att ha samma dimensioner som din videoproduktion. N\u00e4r du \u00e4ndrar storleken p\u00e5 f\u00f6nstret kommer \u00e4ven pixeldimensionerna f\u00f6r den bild som tas upp att \u00e4ndras.<\/p>\n\n\n\n<p>Om du vill ange en viss pixeldimension f\u00f6r din k\u00e4lla kan du klicka p\u00e5 handlingshjulet i det \u00f6vre h\u00f6gra h\u00f6rnet f\u00f6r att visa en popup-meny med f\u00f6rdefinierade videoformat eller s\u00e5 kan du byta till en egen dimension.<\/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>F\u00e5nga datorljud<\/strong><br>Om du vill veta mer om hur du f\u00e5ngar upp ljud fr\u00e5n en dator, se <a href=\"https:\/\/mimolive.com\/sv\/anvandarhandbok\/dator-audio\/\">K\u00e4llor (ing\u00e5ng) \/ Datorljud<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c5terst\u00e4llning av Web Browser Capture Source<\/h3>\n\n\n\n<p>MacOS lagrar cacher, cookies och andra data som \u00e4r relaterade till den webbvy som anv\u00e4nds av Web Browser Capture Source p\u00e5:<br><br><code>~\/Library\/WebKit\/com.boinx.mimoLive\/WebsiteData\/<\/code><\/p>\n\n\n\n<p>Om det blir n\u00f6dv\u00e4ndigt att \u00e5terst\u00e4lla k\u00e4llans webbinneh\u00e5ll tar du bort den mappen.<\/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\/sv\/wp-json\/wp\/v2\/user-manual\/31962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":4,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual\/31962\/revisions"}],"predecessor-version":[{"id":41617,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual\/31962\/revisions\/41617"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual\/40839"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/media?parent=31962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/categories?post=31962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/tags?post=31962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}