{"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":"anpassade-lager","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/sv\/user-manual\/custom-layers\/","title":{"rendered":"Anpassade lager"},"content":{"rendered":"<p>mimoLive kan anpassas genom att l\u00e4gga till nya lager. Den verkliga kraften i lager ligger i det faktum att de faktiskt \u00e4r gjorda med en MacOS X-teknik som kallas Quartz Composer. N\u00e4stan allt \u00e4r m\u00f6jligt med Quartz Compositions. Du kan skapa interaktiva TV-program d\u00e4r din publik kan skicka in <span class=\"caps\">SMS<\/span> eller twittermeddelanden som visas p\u00e5 sk\u00e4rmen. Skapa aktiediagram fr\u00e5n onlinedata. H\u00e5lla reda p\u00e5 po\u00e4ngen i en sportmatch. Spela spel p\u00e5 sk\u00e4rmen. Du kan hitta inspiration i n\u00e5gra av de lager som ing\u00e5r i mimoLive. F\u00f6r att fungera med mimoLive m\u00e5ste Quartz-kompositionerna inneh\u00e5lla vissa element s\u00e5 att mimoLive och lagret kan prata med varandra och s\u00e5 att lagret kan visa de mediefiler som mimoLive skickar till det. I teorin kan vem som helst skapa sina egna lager. Denna sida beskriver p\u00e5 en teknisk niv\u00e5 hur man skapar lager med hj\u00e4lp av Quartz Composer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"purchasing-a-custom-layer\">K\u00f6pa ett anpassat lager<\/h3>\n\n\n\n<p>Om du inte vill gr\u00e4va i Quartz Composer sj\u00e4lv kan du l\u00e5ta oss g\u00f6ra det \u00e5t dig. Vi har l\u00e5ng erfarenhet av att skapa lager f\u00f6r mimoLive, inklusive datavisualisering som aktiediagram, som du kan utnyttja f\u00f6r att skapa precis r\u00e4tt lager f\u00f6r dig. V\u00e4nligen kontakta oss <a href=\"https:\/\/boinx.com\/contact\/\" target=\"_blank\" rel=\"noreferrer noopener\">kontakta f\u00f6rs\u00e4ljningsavdelningen<\/a> f\u00f6r detaljer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creating-a-custom-layer---getting-started\">Skapa ett anpassat lager - Kom ig\u00e5ng<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=JudWtmnDTbE\" target=\"_blank\" rel=\"noreferrer noopener\">Masterclass Kodningslager f\u00f6r mimoLive<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"pre-requisitions\">F\u00f6rhandsrekvisitioner<\/h4>\n\n\n\n<p>Det finns n\u00e5gra f\u00f6ruts\u00e4ttningar innan du kan b\u00f6rja utveckla lager f\u00f6r mimoLive:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Du m\u00e5ste ha en giltig mimoLive-licens f\u00f6r att testa och k\u00f6ra dina lager i mimoLive.<\/li>\n\n\n\n<li>Du m\u00e5ste ha applikationen Quartz Composer fr\u00e5n Apple installerad. Det \u00e4r ett gratis utvecklingsverktyg som du kan ladda ner p\u00e5 Apples webbplats f\u00f6r utvecklare. Du m\u00e5ste dock f\u00f6rst registrera dig som Mac-utvecklare (http:\/\/developer.apple.com). H\u00e4r kan du hitta <a href=\"https:\/\/developer.apple.com\/library\/mac\/#documentation\/graphicsimaging\/conceptual\/QuartzComposerUserGuide\/qc_intro\/qc_intro.html\" target=\"_blank\" rel=\"noreferrer noopener\">Anv\u00e4ndarhandbok f\u00f6r Quartz Composer<\/a> av Apple.<\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/boinx\/QCLua\" target=\"_blank\" rel=\"noreferrer noopener\">Lua-patch<\/a> - Du beh\u00f6ver Lua-patchen f\u00f6r att \u00f6ppna mimoLive-lager i Quartz Composer fr\u00e5n och med mimoLive 1.9. Den \u00e4r \u00f6ppen k\u00e4llkod och tillg\u00e4nglig fr\u00e5n GitHub. Vi anv\u00e4nder denna patch som en ers\u00e4ttning f\u00f6r QuartzComposer JavaScript-patch eftersom den inte k\u00f6rs stabilt i mimoLive. (Ladda ner korrigeringen h\u00e4rifr\u00e5n:<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> och <a href=\"https:\/\/github.com\/boinx\/QCOAuth\" target=\"_blank\" rel=\"noreferrer noopener\">OAuth-patch<\/a> - Det finns ytterligare tv\u00e5 anpassade patchar som f\u00f6r n\u00e4rvarande endast anv\u00e4nds i Twitter-skiktet. N\u00e4r du anpassar Twitter-skiktet m\u00e5ste du ladda ner och installera korrigeringarna innan du b\u00f6rjar redigera.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"blank-layer-template\">Blank mall f\u00f6r lager<br>Du kan anv\u00e4nda v\u00e5r kostnadsfria Quartz Composition-fil som utg\u00e5ngspunkt f\u00f6r dina anpassade lager. Den inneh\u00e5ller en grundl\u00e4ggande upps\u00e4ttning in- och utg\u00e5ngar och de n\u00f6dv\u00e4ndiga egenskaper som du beh\u00f6ver \u00e4ndra i dialogen \"Redigera information\" i Quartz Composer.<\/h4>\n\n\n\n<p><a href=\"http:\/\/boinx.com\/software\/mimolive\/layers\/layer_template.zip\" target=\"_blank\" rel=\"noreferrer noopener\">Ladda ner Layer Template v1.0<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"the-hello-world-example\">Exemplet Hello-World<\/h4>\n\n\n\n<p>Som ett f\u00f6rsta och enkelt exempel ska vi skapa en grundl\u00e4ggande Quartz-komposition och anv\u00e4nda den som ett lager i mimoLive.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Starta applikationen Quartz Composer<\/li>\n\n\n\n<li>V\u00e4lj <b>Fil \u21e2 Ny blank<\/b> i menyraden. Du kommer att f\u00e5 ett nytt tomt Quartz Composer-dokument.<\/li>\n\n\n\n<li>\u00d6ppna Patch Library med knappen i det \u00f6vre v\u00e4nstra h\u00f6rnet. Ett litet f\u00f6nster \u00f6ppnas med en lista \u00f6ver alla Quartz Composer-patchar.<\/li>\n\n\n\n<li>I patchbiblioteket hittar du patchen med namnet Billboard. Du kan g\u00f6ra det snabbt genom att skriva in n\u00e5gra av de f\u00f6rsta bokst\u00e4verna i patchens namn i s\u00f6kf\u00e4ltet l\u00e4ngst ned i f\u00f6nstret Patch Library. Detta \u00e4r en Render Patch. Den ritar en platt bild p\u00e5 utdatask\u00e4rmen.<\/li>\n\n\n\n<li>Dra patchen fr\u00e5n biblioteket till ditt tomma redigeringsf\u00f6nster. Patchen kommer att fastna d\u00e4r du sl\u00e4pper den. Du kan flytta runt den genom att klicka och dra den. Observera: Patchen har flera ing\u00e5ngar som \u00e4r markerade med en anslutningspunkt p\u00e5 v\u00e4nster sida av varje v\u00e4rde.<\/li>\n\n\n\n<li>Hitta nu Image with String-patchen i Patch Library och dra \u00f6ver den till redigeringsf\u00f6nstret. Placera den p\u00e5 h\u00f6ger sida av Billboard-patchen. Patchen Image with String \u00e4r en generator-patch som genererar en bild som inneh\u00e5ller en text som du kan ange med ing\u00e5ngsv\u00e4rdet String.<\/li>\n\n\n\n<li>Anslut Image-utg\u00e5ngen p\u00e5 Image with String-patchen till Image-ing\u00e5ngen p\u00e5 Billboard-patchen.<\/li>\n\n\n\n<li>Om Quartz Composer Viewer inte \u00e4r synlig just nu klickar du p\u00e5 Viewer-knappen i det \u00f6vre h\u00f6gra h\u00f6rnet. Du b\u00f6r se ett f\u00f6nster med ett schackbr\u00e4de i bakgrunden och \"Hello World!\" i vita bokst\u00e4ver ovanf\u00f6r.<\/li>\n\n\n\n<li>G\u00e5 tillbaka till Editor-f\u00f6nstret och h\u00f6gerklicka p\u00e5 Image with String-patchen f\u00f6r att visa en snabbmeny f\u00f6r den.<\/li>\n\n\n\n<li>V\u00e4lj <b>Insert Input Splitter \u21e2 String<\/b> i den snabbmenyn. En ny patch av typen Input Splitter kommer att visas p\u00e5 dokumentet som \u00e4r kopplad via sin utg\u00e5ng till ing\u00e5ngen String i Image With String-patchen.<\/li>\n\n\n\n<li>H\u00f6gerklicka igen p\u00e5 den nyskapade ing\u00e5ngssplittern och v\u00e4lj <b>Publicera inmatningar \u21e2 Inmatning<\/b>. En textruta dyker upp och fr\u00e5gar efter namn f\u00f6r denna publicerade inmatning. \u00c4ndra det till Min text. Observera att denna publicerade indata \u00e4r synlig f\u00f6r mimoLive och kommer att presenteras i parametervyn till v\u00e4nster n\u00e4r lagret \u00e4r valt i mimoLive.<\/li>\n\n\n\n<li>\u00d6ppna informationsbladet f\u00f6r sammans\u00e4ttning genom att v\u00e4lja <b>Editor \u21e2 Redigera information...<\/b>. Du kommer att f\u00e5 ett ark med en lista \u00f6ver nyckelv\u00e4rdepar.<\/li>\n\n\n\n<li>L\u00e4gg till en ny nyckel genom att klicka p\u00e5 +-knappen l\u00e4ngst ned till v\u00e4nster. En ny rad visas i listan d\u00e4r du ombeds ange ett namn p\u00e5 nyckeln.<\/li>\n\n\n\n<li>Ange tv_LayerProtocolVersion som <b>Fastighet<\/b>, v\u00e4xla till <b>Klass<\/b> fr\u00e5n ''String'' till ''Number'' och l\u00e4gg till en ''1'' i <b>V\u00e4rde<\/b> kolumn.<\/li>\n\n\n\n<li>Klicka p\u00e5 <b>Klar<\/b> i nedre v\u00e4nstra h\u00f6rnet f\u00f6r att st\u00e4nga arket.<\/li>\n\n\n\n<li>Spara denna komposition p\u00e5 skrivbordet med namnet Hello World.qtz<\/li>\n\n\n\n<li>Starta mimoLive, skapa inte ett dokument \u00e4nnu.<\/li>\n\n\n\n<li>V\u00e4lj <b>Fil \u21e2 Importera lagerkompositioner...<\/b> fr\u00e5n menyraden. Du kommer att f\u00e5 upp en dialogruta f\u00f6r val av fil. V\u00e4lj filen Hello World.qtz som tidigare sparats p\u00e5 skrivbordet.<\/li>\n\n\n\n<li>Skapa nu ett nytt mimoLive-dokument med <b>Fil \u21e2 Ny...<\/b>. Mallv\u00e4ljaren i mimoLive visas.<\/li>\n\n\n\n<li>V\u00e4lj mallen Blank och klicka p\u00e5 knappen Choose i det nedre h\u00f6gra h\u00f6rnet. Ett nytt mimoLive-dokumentf\u00f6nster kommer att visas med ett enda Placer-lager som visar dig sj\u00e4lv sittandes framf\u00f6r din dator.<\/li>\n\n\n\n<li>\u00d6ppna Layer Repository genom att klicka p\u00e5 knappen \"+\" i det \u00f6vre h\u00f6gra h\u00f6rnet av kolumnen Layers.<\/li>\n\n\n\n<li>Hitta Hello World-lagret som du just importerade och dra en instans till toppen av lagerstapeln i mitten av dokumentet.<\/li>\n\n\n\n<li>Hitta din sj\u00e4lvdefinierade inmatning som heter Min text och \u00e4ndra texten i inmatningsf\u00e4ltet.<\/li>\n\n\n\n<li>N\u00e4r du klickar p\u00e5 Live-knappen f\u00f6r det lagret visas din text \u00f6ver videon.<\/li>\n<\/ol>\n\n\n\n<p>Vi gratulerar! Du har precis skapat ett nytt mimoLive-lager! I f\u00f6ljande avsnitt kommer vi att g\u00e5 in p\u00e5 vad som kr\u00e4vs f\u00f6r att bli en bra mimoLive-medborgare.<\/p>\n\n\n\n<p>Observera att vi inte kan f\u00f6rklara hur du anv\u00e4nder Quartz Composer Editor i alla detaljer i denna dokumentation. Om du vill veta mer om Quartz Composer kan du l\u00e4sa The Quartz Composer User Guide p\u00e5 Apple Developers webbplats.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hantering av lager i mimoLive<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"exporting-a-layer-from-mimolive\">Exportera ett lager fr\u00e5n mimoLive<\/h4>\n\n\n\n<p>Om du vill \u00e4ndra ett inbyggt mimoLive-lager kan du exportera det lagret i mimoLive genom f\u00f6ljande steg:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00d6ppna lagerarkivet med knappen \"+\" i det \u00f6vre h\u00f6gra h\u00f6rnet av kolumnen Lager.<\/li>\n\n\n\n<li>Leta upp och markera det lager som du vill anv\u00e4nda som bas f\u00f6r ditt nya lager.<\/li>\n\n\n\n<li>\u00d6ppna snabbmenyn genom att h\u00f6gerklicka p\u00e5 lagret.<\/li>\n\n\n\n<li>V\u00e4lj <b>Exportera lagerkomposition...<\/b> i den snabbmenyn.<\/li>\n\n\n\n<li>Du kommer att bli ombedd att ange ett filnamn och en plats d\u00e4r skiktet ska sparas.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"importing-a-layer-in-mimolive\">Importera ett lager i mimoLive<\/h4>\n\n\n\n<p>N\u00e4r du \u00e4r klar med att redigera eller skapa ditt anpassade lager m\u00e5ste du importera ditt lager till mimoLive. Det finns flera s\u00e4tt att importera ett lager till mimoLive:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Importera ett lager med hj\u00e4lp av Arkiv-menyn<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>V\u00e4lj Arkiv \u21e2 Importera lagerkompositioner....<\/li>\n\n\n\n<li>Du kommer att m\u00f6tas av en dialogruta f\u00f6r val av fil.<\/li>\n\n\n\n<li>V\u00e4lj din QuartzComposition-fil och klicka p\u00e5 \"Importera\"<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Importera ett lager med filnamnstill\u00e4gget \".tvlayer\"<\/h5>\n\n\n\n<p>Denna teknik \u00e4r anv\u00e4ndbar n\u00e4r du skickar ut anpassade lager till andra mimoLive-anv\u00e4ndare (t.ex. dina kunder) som inte \u00e4r bekanta med att manuellt importera anpassade lager. Det \u00e4r dock inte s\u00e4rskilt praktiskt under utveckling, eftersom QuartzComposer inte kommer att \u00f6ppna filen n\u00e4r du \u00e4ndrar fil\u00e4ndelsen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hitta din komposition i Finder.<\/li>\n\n\n\n<li>Klicka p\u00e5 filnamnet en g\u00e5ng f\u00f6r att \u00e4ndra filnamnet. En ruta runt filnamnet indikerar att du h\u00e5ller p\u00e5 att \u00e4ndra det.<\/li>\n\n\n\n<li>L\u00e4gg till till\u00e4gget .tvlayer i slutet och tryck p\u00e5 Return. Finder kommer att fr\u00e5ga dig om du verkligen vill \u00e4ndra \u00e4ndelsen. V\u00e4nligen acceptera.<\/li>\n\n\n\n<li>Dubbelklicka p\u00e5 kompositionsfilen. Nu kommer mimoLive att \u00f6ppna och importera filen som ett nytt lager automatiskt. Den kommer att meddela dig med en varning n\u00e4r det lyckas.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"custom-layer-api\">Anpassat lager <span class=\"caps\">API<\/span><\/h3>\n\n\n\n<p>mimoLive f\u00f6rv\u00e4ntar sig att Quartz Compositions kommer att anta <a href=\"https:\/\/mimolive.com\/sv\/anvandarhandbok\/api-for-anpassade-lager\/\">Anpassat lager <span class=\"caps\">API<\/span><\/a>. I det h\u00e4r avsnittet kommer du att l\u00e4ra dig den minimala implementeringen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"minimal-implementation\">Minimalt genomf\u00f6rande<\/h4>\n\n\n\n<p>Den minimala implementeringen av lagerprotokollet omfattar endast Quartz Composition Properties som kan redigeras i Quartz Composer Editor genom att v\u00e4lja <b>Editor \u21e2 Redigera information (\u2325\u2318I)<\/b>.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>Namn<\/th><th>Typ<\/th><th>Provv\u00e4rde<\/th><\/tr><tr><td>tv_LayerProtocolVersion<\/td><td>Tal (verkligt)<\/td><td>1.2<\/td><\/tr><tr><td>tv_LayerIdentifierare<\/td><td>Str\u00e4ng<\/td><td>com.example.layer.mylayer<\/td><\/tr><tr><td>tv_LayerVersion<\/td><td>Tal (verkligt)<\/td><td>1.01<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Det \u00e4r viktigt att veta hur dessa v\u00e4rden anv\u00e4nds av mimoLive s\u00e5 att mimoLive kan hantera lagerversionskonflikter.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tv_LayerProtocolVersion: N\u00e4r vi \u00e4ndrar skiktprotokollet kommer vi att \u00f6ka skiktprotokollversionen. Med detta kan \u00e4ldre mimoLive-versioner tala om f\u00f6r anv\u00e4ndaren om ett lager anv\u00e4nds (t.ex. lagrat i ett mimoLive-dokument) som har en nyare protokollversion och d\u00e4rf\u00f6r kanske inte behandlas korrekt av mimoLive.<\/li>\n\n\n\n<li>tv_LayerIdentifier: Detta v\u00e4rde ska vara ett unikt v\u00e4rde f\u00f6r vart och ett av dina lager. V\u00e5ra lager har prefixet com.boinx.layer.*. V\u00e4nligen anv\u00e4nd ditt eget system f\u00f6r att ha unika identifierare \u00f6ver hela v\u00e4rlden. Observera att mimoLive inte anv\u00e4nder filnamnet f\u00f6r att j\u00e4mf\u00f6ra lager!<\/li>\n\n\n\n<li>tv_LayerVersion: Om mimoLive hittar en annan lagerversion f\u00f6r ett lager som lagras i ett dokument \u00e4n f\u00f6r det lager som \u00e4r installerat i lagerarkivet anv\u00e4nder den f\u00f6ljande regler f\u00f6r att avg\u00f6ra vad som ska g\u00f6ras:<br>- Om dokumentlagrets version \u00e4r st\u00f6rre \u00e4n f\u00f6rvarets: beh\u00e5ll dokumentversionen<br>- Om dokumentlagrets version \u00e4r mindre \u00e4n arkivets, men har samma huvudnummer (t.ex. 2.4 vs 2.6), ska dokumentlagret ers\u00e4ttas med den nya versionen.<br>Om lagrets version major number \u00e4r annorlunda kommer mimoLive att behandla lagret som en inkompatibel ers\u00e4ttning och kommer inte att uppdatera dokumentlagret!<\/li>\n<\/ul>\n\n\n\n<p>Till\u00e4gg till gemensam egendom<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>upphovsr\u00e4tt:<\/li>\n\n\n\n<li>beskrivning:<\/li>\n\n\n\n<li>namn:<\/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\/sv\/wp-json\/wp\/v2\/user-manual\/32482","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":1,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual\/32482\/revisions"}],"predecessor-version":[{"id":40923,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual\/32482\/revisions\/40923"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/media?parent=32482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/categories?post=32482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/tags?post=32482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}