{"id":32482,"date":"2023-03-08T15:12:49","date_gmt":"2023-03-08T14:12:49","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=32482"},"modified":"2025-06-16T19:00:05","modified_gmt":"2025-06-16T17:00:05","slug":"couches-personnalisees","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/fr\/user-manual\/custom-layers\/","title":{"rendered":"Couches personnalis\u00e9es"},"content":{"rendered":"<p>mimoLive peut \u00eatre personnalis\u00e9 en ajoutant de nouveaux calques. La v\u00e9ritable puissance des calques r\u00e9side dans le fait qu'ils sont cr\u00e9\u00e9s \u00e0 l'aide d'une technologie MacOS X appel\u00e9e Quartz Composer. Presque tout est possible avec les compositions Quartz. Vous pouvez cr\u00e9er des \u00e9missions de t\u00e9l\u00e9vision interactives dans lesquelles votre public peut envoyer des <span class=\"caps\">SMS<\/span> ou des messages Twitter qui s'affichent \u00e0 l'\u00e9cran. Cr\u00e9er des graphiques boursiers \u00e0 partir de donn\u00e9es en ligne. Comptabiliser les scores d'un match sportif. Jouer \u00e0 des jeux \u00e0 l'\u00e9cran. Vous pouvez trouver de l'inspiration dans certaines des couches incluses dans mimoLive. Pour fonctionner avec mimoLive, les compositions Quartz doivent contenir certains \u00e9l\u00e9ments afin que mimoLive et le calque puissent communiquer et que le calque puisse afficher les fichiers multim\u00e9dias que mimoLive lui envoie. En th\u00e9orie, tout le monde peut cr\u00e9er ses propres calques. Cette page d\u00e9crit, d'un point de vue technique, comment cr\u00e9er des calques \u00e0 l'aide de Quartz Composer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"purchasing-a-custom-layer\">Achat d'une couche personnalis\u00e9e<\/h3>\n\n\n\n<p>Si vous ne souhaitez pas vous plonger vous-m\u00eame dans Quartz Composer, laissez-nous le faire pour vous. Nous avons une grande exp\u00e9rience de la cr\u00e9ation de couches pour mimoLive, y compris de la visualisation de donn\u00e9es telles que les graphiques boursiers, que vous pouvez mettre \u00e0 profit pour cr\u00e9er la couche qui vous convient le mieux. S'il vous pla\u00eet <a href=\"https:\/\/boinx.com\/contact\/\" target=\"_blank\" rel=\"noreferrer noopener\">contacter le service commercial<\/a> pour plus de d\u00e9tails.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creating-a-custom-layer---getting-started\">Cr\u00e9ation d'un calque personnalis\u00e9 - D\u00e9marrage<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=JudWtmnDTbE\" target=\"_blank\" rel=\"noreferrer noopener\">Masterclass Couches de codage pour mimoLive<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"pre-requisitions\">Pr\u00e9-requis<\/h4>\n\n\n\n<p>Vous devez remplir certaines conditions avant de pouvoir commencer \u00e0 d\u00e9velopper des couches pour mimoLive :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vous devez disposer d'une licence mimoLive valide pour tester et ex\u00e9cuter vos calques dans mimoLive.<\/li>\n\n\n\n<li>Vous devez avoir install\u00e9 l'application Quartz Composer d'Apple. Il s'agit d'un outil de d\u00e9veloppement gratuit que vous pouvez t\u00e9l\u00e9charger sur le site web des d\u00e9veloppeurs d'Apple. Cependant, vous devez d'abord vous enregistrer en tant que d\u00e9veloppeur Mac (http:\/\/developer.apple.com). Vous y trouverez <a href=\"https:\/\/developer.apple.com\/library\/mac\/#documentation\/graphicsimaging\/conceptual\/QuartzComposerUserGuide\/qc_intro\/qc_intro.html\" target=\"_blank\" rel=\"noreferrer noopener\">Guide de l'utilisateur de Quartz Composer<\/a> par Apple.<\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/boinx\/QCLua\" target=\"_blank\" rel=\"noreferrer noopener\">Patch Lua<\/a> - Vous aurez besoin du patch Lua pour ouvrir les couches mimoLive dans Quartz Composer \u00e0 partir de mimoLive 1.9. Il est open source et disponible sur GitHub. Nous utilisons ce patch pour remplacer le patch JavaScript de QuartzComposer car il ne fonctionne pas de mani\u00e8re stable dans mimoLive. (T\u00e9l\u00e9chargez le patch ici :<a href=\"https:\/\/github.com\/boinx\/QCLua\/releases\" target=\"_blank\" rel=\"noreferrer noopener\">[https:\/\/github.com\/boinx\/QCLua\/releases<\/a> )<\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/boinx\/QCJSON\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"caps\">JSON<\/span> Patch<\/a> et <a href=\"https:\/\/github.com\/boinx\/QCOAuth\" target=\"_blank\" rel=\"noreferrer noopener\">Patch OAuth<\/a> - Il existe deux autres patchs personnalis\u00e9s qui ne sont actuellement utilis\u00e9s que dans la couche Twitter. Lorsque vous personnalisez la couche Twitter, vous devez t\u00e9l\u00e9charger et installer les correctifs avant de commencer l'\u00e9dition.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"blank-layer-template\">Mod\u00e8le de calque vierge<br>Vous pouvez utiliser notre fichier de composition Quartz gratuit comme point de d\u00e9part pour vos couches personnalis\u00e9es. Il contient un ensemble d'entr\u00e9es et de sorties de base et les propri\u00e9t\u00e9s requises que vous devez modifier dans la bo\u00eete de dialogue \"Editer les informations\" de Quartz Composer.<\/h4>\n\n\n\n<p><a href=\"http:\/\/boinx.com\/software\/mimolive\/layers\/layer_template.zip\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger Layer Template v1.0<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"the-hello-world-example\">L'exemple de Hello-World<\/h4>\n\n\n\n<p>Comme premier exemple simple, nous allons cr\u00e9er une composition Quartz de base et l'utiliser comme couche dans mimoLive.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>D\u00e9marrer l'application Quartz Composer<\/li>\n\n\n\n<li>Choisir <b>Fichier \u21e2 Nouveau vide<\/b> dans la barre de menu. Vous obtiendrez un nouveau document Quartz Composer vide.<\/li>\n\n\n\n<li>Ouvrez la biblioth\u00e8que de patchs en cliquant sur le bouton situ\u00e9 dans le coin sup\u00e9rieur gauche. Une petite fen\u00eatre appara\u00eetra avec une liste de tous les patchs de Quartz Composer.<\/li>\n\n\n\n<li>Dans la biblioth\u00e8que des patchs, recherchez le patch intitul\u00e9 Billboard. Vous pouvez le faire rapidement en tapant les premi\u00e8res lettres du nom du patch dans le champ de recherche situ\u00e9 en bas de la fen\u00eatre de la biblioth\u00e8que de patchs. Il s'agit d'un patch de rendu. Il dessine une image \u00e0 plat sur l'\u00e9cran de sortie.<\/li>\n\n\n\n<li>Faites glisser le patch de la biblioth\u00e8que vers votre fen\u00eatre d'\u00e9dition vierge. Le patch restera coll\u00e9 \u00e0 l'endroit o\u00f9 vous l'avez d\u00e9pos\u00e9. Vous pouvez le d\u00e9placer en cliquant dessus. Remarque : le patch a plusieurs entr\u00e9es qui sont marqu\u00e9es par un point de connexion sur le c\u00f4t\u00e9 gauche de chaque valeur.<\/li>\n\n\n\n<li>Trouvez maintenant le patch Image with String dans la biblioth\u00e8que de patchs et faites-le glisser dans votre fen\u00eatre d'\u00e9dition. Positionnez-le sur le c\u00f4t\u00e9 droit du patch Billboard. Le patch Image with String est un patch g\u00e9n\u00e9rateur qui g\u00e9n\u00e8re une image contenant un texte que vous pouvez sp\u00e9cifier avec la valeur d'entr\u00e9e String.<\/li>\n\n\n\n<li>Connectez la sortie Image du patch Image with String \u00e0 l'entr\u00e9e Image du patch Billboard.<\/li>\n\n\n\n<li>Si la visionneuse Quartz Composer n'est pas visible pour l'instant, cliquez sur le bouton Visionneuse dans le coin sup\u00e9rieur droit. Vous devriez voir une fen\u00eatre avec un damier en arri\u00e8re-plan et \"Hello World !\" en lettres blanches au-dessus.<\/li>\n\n\n\n<li>Retournez dans la fen\u00eatre de l'\u00e9diteur et cliquez avec le bouton droit de la souris sur le patch Image with String pour faire appara\u00eetre un menu contextuel.<\/li>\n\n\n\n<li>S\u00e9lectionner <b>Insert Input Splitter \u21e2 String<\/b> de ce menu contextuel. Un nouveau patch de type S\u00e9parateur d'entr\u00e9e appara\u00eetra sur le document et sera connect\u00e9 par sa sortie \u00e0 la cha\u00eene d'entr\u00e9e du patch Image avec cha\u00eene.<\/li>\n\n\n\n<li>Cliquez \u00e0 nouveau avec le bouton droit de la souris sur le s\u00e9parateur d'entr\u00e9e nouvellement cr\u00e9\u00e9 et s\u00e9lectionnez <b>Publier les entr\u00e9es \u21e2 Entr\u00e9e<\/b>. Une zone de texte appara\u00eet et demande le nom de cette entr\u00e9e publi\u00e9e. Remplacez-le par Mon texte. Veuillez noter que cette entr\u00e9e publi\u00e9e est visible dans mimoLive et qu'elle sera pr\u00e9sent\u00e9e dans la vue des param\u00e8tres \u00e0 gauche lorsque la couche est s\u00e9lectionn\u00e9e dans mimoLive.<\/li>\n\n\n\n<li>Ouvrez la fiche d'information sur la composition en s\u00e9lectionnant <b>\u00c9diteur \u21e2 Modifier les informations...<\/b>. Vous obtiendrez une feuille contenant une liste de paires cl\u00e9-valeur.<\/li>\n\n\n\n<li>Ajoutez une nouvelle cl\u00e9 en cliquant sur le bouton + en bas \u00e0 gauche. Une nouvelle ligne appara\u00eetra dans la liste pour demander un nom de cl\u00e9.<\/li>\n\n\n\n<li>Saisissez tv_LayerProtocolVersion en tant que param\u00e8tre <b>Propri\u00e9t\u00e9<\/b>, commuter le <b>Classe<\/b> de ''String'' \u00e0 ''Number'' et mettre un ''1'' dans l'option ''String'' \u00e0 ''Number''. <b>Valeur<\/b> colonne.<\/li>\n\n\n\n<li>Cliquez sur le bouton <b>Termin\u00e9<\/b> dans le coin inf\u00e9rieur gauche pour fermer la feuille.<\/li>\n\n\n\n<li>Enregistrez cette composition sur votre bureau sous le nom Hello World.qtz<\/li>\n\n\n\n<li>Lancez mimoLive, ne cr\u00e9ez pas encore de document.<\/li>\n\n\n\n<li>S\u00e9lectionner <b>Fichier \u21e2 Importer des compositions de calques...<\/b> dans la barre de menu. Une bo\u00eete de dialogue de s\u00e9lection de fichier s'affiche. Veuillez s\u00e9lectionner le fichier Hello World.qtz pr\u00e9c\u00e9demment enregistr\u00e9 sur le Bureau.<\/li>\n\n\n\n<li>Cr\u00e9ez maintenant un nouveau document mimoLive avec <b>Fichier \u21e2 Nouveau...<\/b>. Le s\u00e9lecteur de mod\u00e8les mimoLive s'affiche.<\/li>\n\n\n\n<li>S\u00e9lectionnez le mod\u00e8le Vierge et cliquez sur le bouton Choisir dans le coin inf\u00e9rieur droit. Une nouvelle fen\u00eatre de document mimoLive s'affiche, contenant un seul calque Placer dans lequel vous \u00eates assis devant votre ordinateur.<\/li>\n\n\n\n<li>Ouvrez le r\u00e9f\u00e9rentiel des couches en cliquant sur le bouton \"+\" dans le coin sup\u00e9rieur droit de la colonne Couches.<\/li>\n\n\n\n<li>Trouvez le calque Hello World que vous venez d'importer et faites glisser une instance au sommet de la pile de calques au milieu du document.<\/li>\n\n\n\n<li>Recherchez l'entr\u00e9e d\u00e9finie par vos soins, appel\u00e9e Mon texte, et modifiez le texte du champ de saisie.<\/li>\n\n\n\n<li>Apr\u00e8s avoir cliqu\u00e9 sur le bouton \"Live\" de ce calque, votre texte appara\u00eetra sur la vid\u00e9o.<\/li>\n<\/ol>\n\n\n\n<p>F\u00e9licitations ! Vous venez de cr\u00e9er une nouvelle couche mimoLive ! Dans les sections suivantes, nous allons entrer dans les d\u00e9tails de ce qui est n\u00e9cessaire pour \u00eatre un bon citoyen de mimoLive.<\/p>\n\n\n\n<p>Veuillez noter que nous ne pouvons pas expliquer en d\u00e9tail comment utiliser l'\u00e9diteur Quartz Composer dans cette documentation. Si vous souhaitez en savoir plus sur Quartz Composer, veuillez lire le Guide de l'utilisateur de Quartz Composer sur le site Apple Developer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Gestion des calques dans mimoLive<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"exporting-a-layer-from-mimolive\">Exportation d'une couche \u00e0 partir de mimoLive<\/h4>\n\n\n\n<p>Si vous souhaitez modifier une couche int\u00e9gr\u00e9e dans mimoLive, vous pouvez exporter cette couche dans mimoLive en suivant les \u00e9tapes suivantes :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ouvrez le r\u00e9f\u00e9rentiel des calques \u00e0 l'aide du bouton \"+\" situ\u00e9 dans le coin sup\u00e9rieur droit de la colonne Calques.<\/li>\n\n\n\n<li>Recherchez et s\u00e9lectionnez le calque que vous souhaitez utiliser comme base pour votre nouveau calque.<\/li>\n\n\n\n<li>Ouvrez le menu contextuel en cliquant avec le bouton droit de la souris sur ce calque.<\/li>\n\n\n\n<li>S\u00e9lectionner <b>Exporter la composition des couches...<\/b> dans ce menu contextuel.<\/li>\n\n\n\n<li>Il vous sera demand\u00e9 de saisir un nom de fichier et de d\u00e9finir l'emplacement o\u00f9 enregistrer la couche.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"importing-a-layer-in-mimolive\">Importation d'une couche dans mimoLive<\/h4>\n\n\n\n<p>Une fois que vous avez fini de modifier ou de cr\u00e9er votre couche personnalis\u00e9e, vous devez l'importer dans mimoLive. Il existe plusieurs fa\u00e7ons d'importer une couche dans mimoLive :<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Importation d'une couche \u00e0 l'aide du menu Fichier<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>S\u00e9lectionnez Fichier \u21e2 Importer des compositions de calques....<\/li>\n\n\n\n<li>Une bo\u00eete de dialogue de s\u00e9lection de fichiers s'affiche.<\/li>\n\n\n\n<li>S\u00e9lectionnez votre fichier QuartzComposition et cliquez sur \"Importer\".<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Importer une couche en utilisant l'extension de nom de fichier \".tvlayer\"<\/h5>\n\n\n\n<p>Cette technique est utile lorsque vous envoyez des calques personnalis\u00e9s \u00e0 d'autres utilisateurs de mimoLive (par exemple vos clients) qui ne sont pas familiaris\u00e9s avec l'importation manuelle de calques personnalis\u00e9s. Elle n'est cependant pas tr\u00e8s pratique en cours de d\u00e9veloppement, car QuartzComposer n'ouvre pas le fichier lorsque vous en modifiez l'extension.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Recherchez votre composition dans le Finder.<\/li>\n\n\n\n<li>Cliquez une fois sur le nom du fichier pour le modifier. Un cadre autour du nom du fichier indique que vous \u00eates sur le point de le modifier.<\/li>\n\n\n\n<li>Ajoutez l'extension .tvlayer \u00e0 la fin et appuyez sur Return. Le Finder vous demandera si vous souhaitez r\u00e9ellement modifier l'extension. Veuillez accepter.<\/li>\n\n\n\n<li>Double-cliquez sur le fichier de composition. mimoLive ouvrira et importera automatiquement le fichier en tant que nouveau calque. Un message d'alerte s'affiche en cas de succ\u00e8s.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"custom-layer-api\">Couche personnalis\u00e9e <span class=\"caps\">API<\/span><\/h3>\n\n\n\n<p>mimoLive s'attend \u00e0 ce que les compositions de Quartz adoptent le syst\u00e8me de la <a href=\"https:\/\/mimolive.com\/fr\/manuel-de-lutilisateur\/api-de-couche-personnalisee\/\">Couche personnalis\u00e9e <span class=\"caps\">API<\/span><\/a>. Dans cette section, vous apprendrez la mise en \u0153uvre minimale.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"minimal-implementation\">Mise en \u0153uvre minimale<\/h4>\n\n\n\n<p>La mise en \u0153uvre minimale du protocole de couche n'implique que les propri\u00e9t\u00e9s de composition de Quartz, qui peuvent \u00eatre modifi\u00e9es dans l'\u00e9diteur de Quartz Composer en s\u00e9lectionnant <b>\u00c9diteur \u21e2 Modifier les informations (\u2325\u2318I)<\/b>.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>Nom<\/th><th>Type<\/th><th>Valeur de l'\u00e9chantillon<\/th><\/tr><tr><td>tv_LayerProtocolVersion<\/td><td>Nombre (r\u00e9el)<\/td><td>1.2<\/td><\/tr><tr><td>tv_LayerIdentifier<\/td><td>Cha\u00eene<\/td><td>com.example.layer.mylayer<\/td><\/tr><tr><td>tv_LayerVersion<\/td><td>Nombre (r\u00e9el)<\/td><td>1.01<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Il est important de savoir comment ces valeurs sont utilis\u00e9es par mimoLive afin que mimoLive puisse g\u00e9rer les conflits de version des couches.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tv_LayerProtocolVersion : Lorsque nous modifions le protocole de la couche, nous augmentons la version du protocole de la couche. Cela permet aux anciennes versions de mimoLive de signaler \u00e0 l'utilisateur l'utilisation d'une couche (par exemple, stock\u00e9e dans un document mimoLive) dont la version du protocole est plus r\u00e9cente et qui risque donc de ne pas \u00eatre trait\u00e9e correctement par mimoLive.<\/li>\n\n\n\n<li>tv_LayerIdentifier : Cette valeur doit \u00eatre unique pour chacune de vos couches. Nos couches ont le pr\u00e9fixe com.boinx.layer.*. Veuillez utiliser votre propre sch\u00e9ma afin d'avoir des identifiants uniques dans le monde entier. Veuillez noter que mimoLive n'utilise pas le nom de fichier pour comparer les couches !<\/li>\n\n\n\n<li>tv_LayerVersion : Si mimoLive constate que la version d'un calque stock\u00e9 dans un document est diff\u00e9rente de celle d'un calque install\u00e9 dans le r\u00e9f\u00e9rentiel de calques, il utilise les r\u00e8gles suivantes pour d\u00e9cider de ce qu'il convient de faire :<br>- Si la version de la couche documentaire est sup\u00e9rieure \u00e0 celle du r\u00e9f\u00e9rentiel : conserver la version du document.<br>- Si la version du calque de document est inf\u00e9rieure \u00e0 celle du r\u00e9f\u00e9rentiel, mais qu'elle a le m\u00eame num\u00e9ro majeur (par exemple, 2.4 contre 2.6), remplacez le calque de document par le nouveau.<br>Si le num\u00e9ro majeur de la version du calque est diff\u00e9rent, mimoLive traitera le calque comme un remplacement incompatible et ne mettra pas \u00e0 jour le document du calque !<\/li>\n<\/ul>\n\n\n\n<p>Ajouts aux biens communs<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>le droit d'auteur :<\/li>\n\n\n\n<li>description :<\/li>\n\n\n\n<li>nom :<\/li>\n\n\n\n<li>tv_Tagline :<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>mimoLive can be customized by adding new layers. The real power of layers lies in the fact that they are actually made with a MacOS X technology called Quartz Composer. Almost anything is possible with Quartz Compositions. You can create interactive TV shows where your audience can send in SMS or twitter messages which are [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":8,"template":"","meta":{"_acf_changed":false,"_angie_page":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-32482","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/32482","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":1,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/32482\/revisions"}],"predecessor-version":[{"id":40923,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/32482\/revisions\/40923"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/media?parent=32482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/categories?post=32482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/tags?post=32482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}