{"id":34069,"date":"2023-04-24T19:18:29","date_gmt":"2023-04-24T17:18:29","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=34069"},"modified":"2026-02-23T11:04:57","modified_gmt":"2026-02-23T10:04:57","slug":"annotation","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/fr\/user-manual\/live-editing\/layers\/text-layers\/annotation\/","title":{"rendered":"Couche d'annotation"},"content":{"rendered":"<p>La couche d'annotation de mimoLive est un outil puissant qui vous permet de dessiner et d'\u00e9crire en temps r\u00e9el sur votre vid\u00e9o en direct. Cette couche offre une vari\u00e9t\u00e9 d'outils d'annotation, tels que des zones de texte, qui vous permettent de mettre en \u00e9vidence des zones sp\u00e9cifiques ou d'ajouter des notes et des appels \u00e0 l'action \u00e0 votre flux en direct. Avec la possibilit\u00e9 de personnaliser les couleurs et la taille des annotations, la couche d'annotation est un excellent moyen d'am\u00e9liorer l'interactivit\u00e9 de votre flux en direct et d'impliquer votre public.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"680\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.52-1024x680.png\" alt=\"Couche d&#039;annotation mimoLive\" class=\"wp-image-34070\" style=\"width:840px;height:557px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.52-1024x680.png 1024w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.52-300x199.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.52-768x510.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.52-18x12.png 18w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.52.png 1514w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.55.png\"><img decoding=\"async\" width=\"1024\" height=\"727\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.55-1024x727.png\" alt=\"\" class=\"wp-image-34071\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.55-1024x727.png 1024w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.55-300x213.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.55-768x545.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.55-1536x1090.png 1536w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.55-2048x1453.png 2048w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-24-at-19.15.55-18x12.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Texte<\/h3>\n\n\n\n<p>Dans la zone de texte, vous pouvez saisir le texte qui doit appara\u00eetre dans la zone d'annotation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A l'\u00e9cran Button (D\u00e9clencheur HTTP)<\/h3>\n\n\n\n<p>Activer\u00a0<strong>\u00c0 l'\u00e9cran Button<\/strong>\u00a0pour que la couche d'annotation agisse comme un bouton cliquable\/applicable. Lorsque l'utilisateur clique \u00e0 l'int\u00e9rieur de la zone de bouton configur\u00e9e, mimoLive d\u00e9clenche la requ\u00eate HTTP sp\u00e9cifi\u00e9e dans la section\u00a0<strong>D\u00e9clencheur HTTP URL<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">D\u00e9clencheur HTTP URL<\/h3>\n\n\n\n<p>Collez ici l'URL HTTP compl\u00e8te qui doit \u00eatre d\u00e9clench\u00e9e lorsque l'utilisateur clique dessus dans la vue Sortie du programme. Un moyen rapide d'obtenir une URL qui contr\u00f4lera un calque dans mimoLive consiste \u00e0 cliquer avec le bouton droit de la souris sur le bouton Live d'un calque ou sur un param\u00e8tre et \u00e0 utiliser les \u00e9l\u00e9ments de menu \u201c Copier l'URL ... \u201d, puis \u00e0 coller le r\u00e9sultat ici.<br><br><\/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\">Activez le serveur HTTP dans mimoLive pour contr\u00f4ler mimoLive \u00e0 partir de cette couche.<\/p><\/div>\n                <div><p class=\"text_exclamation\">Pour pouvoir contr\u00f4ler mimoLive \u00e0 partir de cette couche, vous devez activer le serveur HTTP int\u00e9gr\u00e9 dans mimoLive.<\/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\">Animation<\/h3>\n\n\n\n<p>La bo\u00eete d'annotation peut \u00eatre pr\u00e9sent\u00e9e de diff\u00e9rentes mani\u00e8res (couper, dissoudre, pousser). Vous pouvez sp\u00e9cifier la transition entrante et une transition sortante ind\u00e9pendante. Le param\u00e8tre Dur\u00e9e vous permet de d\u00e9finir la dur\u00e9e d'apparition de la bo\u00eete d'annotation.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>The Annotation layer in mimoLive is a powerful tool that allows you to draw and write on top of your live video in real-time. This layer provides a variety of annotation tools, such as text boxes, enabling you to highlight specific areas or add notes and call to actions to your live stream. With the [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":40881,"menu_order":2,"template":"","meta":{"_acf_changed":false,"_angie_page":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-34069","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/34069","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\/1"}],"version-history":[{"count":3,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/34069\/revisions"}],"predecessor-version":[{"id":43629,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/34069\/revisions\/43629"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/40881"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/media?parent=34069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/categories?post=34069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/tags?post=34069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}