{"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":"capture-du-navigateur-web","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/fr\/user-manual\/sources-input\/screen-sources\/web-browser-capture\/","title":{"rendered":"Source de capture du navigateur Web"},"content":{"rendered":"<h3 class=\"wp-block-heading\">La source de capture du navigateur Web<\/h3>\n\n\n\n<p>Le site <strong>Capture du navigateur Web<\/strong> vous permet de capturer une fen\u00eatre de navigateur Internet ou une partie de celle-ci et de fournir ce qui s'y affiche sous forme de vid\u00e9o \u00e0 utiliser dans n'importe quelle couche prenant en charge une source vid\u00e9o.<\/p>\n\n\n\n<p>Cela peut s'av\u00e9rer utile si vous souhaitez mettre en valeur une page web. Vous pouvez \u00e9galement cr\u00e9er une superposition graphique transparente avec des donn\u00e9es actualis\u00e9es en direct via l'internet \u00e0 l'aide de la fonction <span class=\"caps\">HTML<\/span> et <span class=\"caps\">CSS<\/span> pour la mise en forme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ajout de la source de capture du navigateur Web<\/h3>\n\n\n\n<p>Pour ajouter la source Web Browser Capture \u00e0 votre document mimoLive, cliquez sur le bouton \"+\" situ\u00e9 en haut de la page d'accueil. <a href=\"https:\/\/mimolive.com\/fr\/manuel-de-lutilisateur\/les-sources-et-le-referentiel-des-sources\/\">D\u00e9p\u00f4t des sources<\/a> pour afficher une liste des types de sources disponibles. Recherchez la source Web Browser Capture et faites-la glisser vers le r\u00e9f\u00e9rentiel de sources.<\/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\">Saisie d'un <span class=\"caps\">URL<\/span> Saisir<\/h3>\n\n\n\n<p>Cliquez sur le bouton <span class=\"caps\">URL<\/span> et saisissez le <span class=\"caps\">URL<\/span> que vous souhaitez capturer.<\/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\">Vous pouvez \u00e9galement sp\u00e9cifier des fichiers \u00e0 partir de votre ordinateur local<\/p><\/div>\n                <div><p class=\"text_exclamation\">Si vous souhaitez capturer un document HTML \u00e0 partir de votre ordinateur, vous devez sp\u00e9cifier l'URL commen\u00e7ant par \"file:\/\/\/\" suivi du chemin d'acc\u00e8s complet \u00e0 ce document. Veuillez noter les trois \"\/\" apr\u00e8s \"file :\" ! Par exemple, 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\">Contr\u00f4ler le contenu<\/h3>\n\n\n\n<p>Pour contr\u00f4ler le contenu de la source de capture du navigateur Web, vous devez ouvrir la fen\u00eatre du navigateur en cliquant sur le bouton \"Afficher le navigateur Web\" situ\u00e9 sous la fen\u00eatre de capture du navigateur Web. <span class=\"caps\">URL<\/span> champ. Une nouvelle fen\u00eatre de navigateur s'ouvrira, contenant le contenu de votre <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>Plusieurs \u00e9l\u00e9ments de contr\u00f4le sont disponibles :<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">En avant et en arri\u00e8re<\/h4>\n\n\n\n<p>Les deux premiers boutons vous permettent de consulter l'historique du navigateur si vous avez navigu\u00e9 via des liens sur les pages web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"caps\">URL<\/span> champ<\/h4>\n\n\n\n<p>Le champ de texte au milieu vous permet de saisir un nouveau <span class=\"caps\">URL<\/span> pour le contenu web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Recharge<\/h4>\n\n\n\n<p>Le bouton circulaire permet de forcer le rechargement de la page web en cours.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Cultures<\/h4>\n\n\n\n<p>Si vous ne souhaitez capturer qu'une partie du contenu du navigateur web, vous pouvez activer le recadrage \u00e0 l'aide de ce bouton. Une bordure rouge s'affiche et vous permet de d\u00e9finir la partie \u00e0 capturer en faisant glisser les poign\u00e9es rouges. Des champs num\u00e9riques apparaissent en bas de la fen\u00eatre du navigateur web pour vous permettre de saisir des param\u00e8tres exacts si n\u00e9cessaire.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Fond transparent<\/h4>\n\n\n\n<p>Il arrive que vous souhaitiez que seul le contenu textuel d'une page web soit superpos\u00e9 \u00e0 votre production vid\u00e9o, mais que le contenu de la page web ait une couleur d'arri\u00e8re-plan d\u00e9finie. Dans ce cas, vous pouvez essayer de supprimer la transparence en cliquant sur ce bouton. Comme il s'agit d'une manipulation de l'\u00e9l\u00e9ment <span class=\"caps\">HTML<\/span> via un code JavaScript inject\u00e9, il se peut que cela ne fonctionne pas pour toutes les pages web.<\/p>\n\n\n\n<p>Le code JavaScript suivant est ex\u00e9cut\u00e9 pour rendre l'arri\u00e8re-plan 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\">Utilisez le filtre Chromakey si la fonction de suppression de l'arri\u00e8re-plan ne fonctionne pas !<\/p><\/div>\n                <div><p class=\"text_exclamation\">Vous pouvez encore postuler <a href=\"\/fr\/manuel-de-lutilisateur\/chroma-keying-basic\/\">Chroma Keying Basic<\/a> pour rendre l'arri\u00e8re-plan transparent ! Apprenez \u00e0 <a href=\"\/fr\/manuel-de-lutilisateur\/filtres\/\">ajouter un filtre<\/a> \u00e0 la source du navigateur Web.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h4 class=\"wp-block-heading\">Curseur de souris<\/h4>\n\n\n\n<p>Si vous souhaitez pr\u00e9senter des pages web \u00e0 votre public, vous voudrez peut-\u00eatre leur montrer le curseur de la souris afin qu'ils puissent suivre votre narration. Ce bouton permet d'activer et de d\u00e9sactiver le curseur de la souris.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Param\u00e9trage des dimensions des pixels<\/h3>\n\n\n\n<p>Il est important de savoir que les dimensions en pixels de la page web captur\u00e9e sont les m\u00eames que celles de la fen\u00eatre du navigateur web. Par d\u00e9faut, la fen\u00eatre aura les dimensions de votre production vid\u00e9o. Lorsque vous redimensionnez la fen\u00eatre, les dimensions en pixels de l'image captur\u00e9e qui en r\u00e9sulte sont \u00e9galement modifi\u00e9es.<\/p>\n\n\n\n<p>Pour sp\u00e9cifier une certaine dimension de pixel pour votre source, vous pouvez cliquer sur la roue d'action dans le coin sup\u00e9rieur droit pour faire appara\u00eetre un menu contextuel avec des formats vid\u00e9o pr\u00e9d\u00e9finis ou vous pouvez passer \u00e0 une dimension personnalis\u00e9e.<\/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>Capturer l'audio d'un ordinateur<\/strong><br>Pour en savoir plus sur la mani\u00e8re de capturer le son d'un ordinateur, voir <a href=\"https:\/\/mimolive.com\/fr\/manuel-de-lutilisateur\/ordinateur-audio\/\">Sources (entr\u00e9es) \/ Audio de l'ordinateur<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9initialisation de la source de capture du navigateur Web<\/h3>\n\n\n\n<p>MacOS stocke les caches, les cookies et d'autres donn\u00e9es relatives \u00e0 la vue Web utilis\u00e9e par le navigateur Web Capture Source \u00e0 l'adresse :<br><br><code>~\/Biblioth\u00e8que\/WebKit\/com.boinx.mimoLive\/WebsiteData\/<\/code><\/p>\n\n\n\n<p>S'il s'av\u00e8re n\u00e9cessaire de r\u00e9initialiser le contenu web de la source, supprimez ce dossier.<\/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\/fr\/wp-json\/wp\/v2\/user-manual\/31962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":4,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/31962\/revisions"}],"predecessor-version":[{"id":41617,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/31962\/revisions\/41617"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/40839"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/media?parent=31962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/categories?post=31962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/tags?post=31962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}