{"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":"acquisizione-del-browser-web","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/it\/user-manual\/sources-input\/screen-sources\/web-browser-capture\/","title":{"rendered":"Fonte di acquisizione del browser web"},"content":{"rendered":"<h3 class=\"wp-block-heading\">La fonte di acquisizione del browser web<\/h3>\n\n\n\n<p>Il <strong>Acquisizione del browser web<\/strong> consente di catturare una finestra del browser Internet o una parte di essa e di fornire ci\u00f2 che viene visualizzato come video da utilizzare in qualsiasi livello che supporti una sorgente video.<\/p>\n\n\n\n<p>Questo pu\u00f2 essere utile se si vuole mostrare una pagina web. Oppure \u00e8 possibile creare una sovrapposizione grafica trasparente con dati in tempo reale aggiornati via Internet, utilizzando <span class=\"caps\">HTML<\/span> e <span class=\"caps\">CSS<\/span> per la formattazione.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aggiunta della sorgente di acquisizione del browser web<\/h3>\n\n\n\n<p>Per aggiungere la sorgente Web Browser Capture al documento mimoLive, fare clic sul pulsante \"+\" nella parte superiore del documento mimoLive. <a href=\"https:\/\/mimolive.com\/it\/manuale-duso\/e-il-repository-delle-fonti\/\">Repository delle fonti<\/a> per visualizzare un elenco dei tipi di sorgente disponibili. Individuare la sorgente Web Browser Capture e trascinarla nel Repository delle sorgenti.<\/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\">Inserire un <span class=\"caps\">URL<\/span> Per catturare<\/h3>\n\n\n\n<p>Fare clic nel campo <span class=\"caps\">URL<\/span> e inserire il valore <span class=\"caps\">URL<\/span> che si vuole catturare.<\/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\">\u00c8 inoltre possibile specificare i file dal computer locale<\/p><\/div>\n                <div><p class=\"text_exclamation\">Se si desidera acquisire un documento HTML dal proprio computer, \u00e8 necessario specificare l'URL che inizia con \"file:\/\/\/\" seguito dal percorso completo del documento. Si prega di notare i tre \"\/\" dopo \"file:\"! Ad esempio, file:\/\/\/Utenti\/mimolivestation\/Desktop\/PaginaHTML.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\">Controllo dei contenuti<\/h3>\n\n\n\n<p>Per controllare il contenuto della sorgente Web Browser Capture \u00e8 necessario aprire la finestra del browser facendo clic sul pulsante \"Show Web Browser\" sotto la voce <span class=\"caps\">URL<\/span> campo. Verr\u00e0 visualizzata una nuova finestra del browser contenente il contenuto del campo <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>Sono disponibili diversi elementi di controllo:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Indietro e avanti<\/h4>\n\n\n\n<p>I primi due pulsanti consentono di passare attraverso la cronologia del browser se si \u00e8 navigato attraverso i link delle pagine web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"caps\">URL<\/span> campo<\/h4>\n\n\n\n<p>Il campo di testo al centro permette di inserire un nuovo <span class=\"caps\">URL<\/span> per i contenuti web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Ricarica<\/h4>\n\n\n\n<p>Con il pulsante circolare \u00e8 possibile forzare il ricaricamento della pagina web corrente.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Ritaglio<\/h4>\n\n\n\n<p>Se si desidera catturare solo una parte del contenuto del browser Web, \u00e8 possibile attivare il ritaglio con questo pulsante. Viene visualizzato un bordo rosso che consente di definire la porzione da catturare trascinando le maniglie rosse. Nella parte inferiore della finestra del browser web vengono visualizzati dei campi numerici che consentono di inserire parametri precisi, se necessario.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Sfondo trasparente<\/h4>\n\n\n\n<p>A volte si desidera avere solo il contenuto testuale di una pagina web come sovrapposizione per la produzione video, ma il contenuto della pagina web ha un colore di sfondo definito. In questo caso si pu\u00f2 provare a rimuovere la trasparenza facendo clic su questo pulsante. Poich\u00e9 si tratta di una manipolazione del <span class=\"caps\">HTML<\/span> struttura del documento tramite codice JavaScript iniettato, questo potrebbe non funzionare per tutte le pagine Web.<\/p>\n\n\n\n<p>Il seguente codice JavaScript viene eseguito per rendere lo sfondo trasparente:<\/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\">Utilizzate il filtro Chromakey se la funzione di rimozione dello sfondo non funziona!<\/p><\/div>\n                <div><p class=\"text_exclamation\">\u00c8 ancora possibile candidarsi <a href=\"\/it\/manuale-duso\/chroma-keying-di-base\/\">Chroma Keying di base<\/a> per rendere lo sfondo trasparente! Imparate come <a href=\"\/it\/manuale-duso\/filtri\/\">aggiungere un filtro<\/a> all'origine del browser Web.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h4 class=\"wp-block-heading\">Cursore del mouse<\/h4>\n\n\n\n<p>Soprattutto se si desidera mostrare pagine web al pubblico, si potrebbe voler vedere il cursore del mouse in modo che possa seguire la narrazione. Utilizzate questo pulsante per attivare e disattivare il cursore del mouse.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Impostazione delle dimensioni dei pixel<\/h3>\n\n\n\n<p>\u00c8 importante sapere che le dimensioni in pixel della pagina Web catturata sono le stesse della finestra del browser Web. Per impostazione predefinita, la finestra avr\u00e0 le dimensioni della produzione video. Una volta ridimensionata la finestra, anche le dimensioni in pixel dell'immagine catturata risulteranno modificate.<\/p>\n\n\n\n<p>Per specificare una determinata dimensione in pixel per la sorgente, \u00e8 possibile fare clic sulla rotella d'azione nell'angolo in alto a destra per visualizzare un menu a comparsa con formati video predefiniti o passare a una dimensione personalizzata.<\/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>Acquisizione dell'audio del computer<\/strong><br>Per sapere come catturare l'audio del computer, consultare la sezione <a href=\"https:\/\/mimolive.com\/it\/manuale-duso\/audio-del-computer\/\">Sorgenti (ingresso) \/ Audio del computer<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Azzeramento della sorgente di cattura del browser web<\/h3>\n\n\n\n<p>MacOS memorizza le cache, i cookie e altri dati relativi alla visualizzazione Web utilizzata dal browser Web Capture Source all'indirizzo:<br><br><code>~\/Libreria\/WebKit\/com.boinx.mimoLive\/WebsiteData\/<\/code><\/p>\n\n\n\n<p>Se diventa necessario reimpostare il contenuto web della sorgente, cancelli questa cartella.<\/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\/it\/wp-json\/wp\/v2\/user-manual\/31962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/it\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/it\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/it\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":4,"href":"https:\/\/mimolive.com\/it\/wp-json\/wp\/v2\/user-manual\/31962\/revisions"}],"predecessor-version":[{"id":41617,"href":"https:\/\/mimolive.com\/it\/wp-json\/wp\/v2\/user-manual\/31962\/revisions\/41617"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/it\/wp-json\/wp\/v2\/user-manual\/40839"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/it\/wp-json\/wp\/v2\/media?parent=31962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/it\/wp-json\/wp\/v2\/categories?post=31962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/it\/wp-json\/wp\/v2\/tags?post=31962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}