[{"data":1,"prerenderedAt":650},["ShallowReactive",2],{"navigation_docs_en":3,"-en-touchify-studio-elements-media":314,"-en-touchify-studio-elements-media-surround":645},[4,40,116,124,225,253,266],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/en/getting-started","en/1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/en/getting-started/introduction","en/1.getting-started/1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Create a Project","/en/getting-started/create-project","en/1.getting-started/2.create-project","i-lucide-file-plus-2",{"title":21,"path":22,"stem":23,"icon":24},"Studio Interface","/en/getting-started/studio-ui","en/1.getting-started/3.studio-ui","i-lucide-layout-panel-left",{"title":26,"path":27,"stem":28,"icon":29},"Interactive Content","/en/getting-started/create-interactive-content","en/1.getting-started/4.create-interactive-content","i-lucide-fingerprint",{"title":31,"path":32,"stem":33,"icon":34},"Digital Signage","/en/getting-started/create-signage-content","en/1.getting-started/5.create-signage-content","i-lucide-images",{"title":36,"path":37,"stem":38,"icon":39},"Publish and Broadcast","/en/getting-started/publish","en/1.getting-started/6.publish","i-lucide-rss",{"title":41,"path":42,"stem":43,"children":44,"page":6},"Touchify Studio","/en/touchify-studio","en/2.touchify-studio",[45,49,74,97],{"title":11,"path":46,"stem":47,"icon":48},"/en/touchify-studio/introduction","en/2.touchify-studio/1.introduction","i-lucide-home",{"title":50,"path":51,"stem":52,"children":53,"page":6},"Elements","/en/touchify-studio/elements","en/2.touchify-studio/2.elements",[54,59,64,69],{"title":55,"path":56,"stem":57,"icon":58},"Texts","/en/touchify-studio/elements/texts","en/2.touchify-studio/2.elements/1.texts","i-lucide-case-sensitive",{"title":60,"path":61,"stem":62,"icon":63},"Media","/en/touchify-studio/elements/media","en/2.touchify-studio/2.elements/2.media","i-lucide-image-play",{"title":65,"path":66,"stem":67,"icon":68},"Background and Borders","/en/touchify-studio/elements/background-and-borders","en/2.touchify-studio/2.elements/3.background-and-borders","i-lucide-square-dashed-top-solid",{"title":70,"path":71,"stem":72,"icon":73},"Shapes","/en/touchify-studio/elements/drawing","en/2.touchify-studio/2.elements/4.drawing","i-lucide-sparkle",{"title":75,"path":76,"stem":77,"children":78,"page":6},"Interactions","/en/touchify-studio/interactions","en/2.touchify-studio/3.interactions",[79,82,87,92],{"title":11,"path":80,"stem":81,"icon":29},"/en/touchify-studio/interactions/introduction","en/2.touchify-studio/3.interactions/1.introduction",{"title":83,"path":84,"stem":85,"icon":86},"Navigation","/en/touchify-studio/interactions/navigation","en/2.touchify-studio/3.interactions/2.navigation","i-lucide-navigation",{"title":88,"path":89,"stem":90,"icon":91},"Manipulation","/en/touchify-studio/interactions/manipulation","en/2.touchify-studio/3.interactions/3.manipulation","i-lucide-fullscreen",{"title":93,"path":94,"stem":95,"icon":96},"Windows","/en/touchify-studio/interactions/dialogs","en/2.touchify-studio/3.interactions/4.dialogs","i-lucide-message-square-text",{"title":98,"path":99,"stem":100,"children":101,"page":6},"Animations","/en/touchify-studio/animations","en/2.touchify-studio/4.animations",[102,106,111],{"title":11,"path":103,"stem":104,"icon":105},"/en/touchify-studio/animations/introduction","en/2.touchify-studio/4.animations/1.introduction","i-lucide-bring-to-front",{"title":107,"path":108,"stem":109,"icon":110},"Customization","/en/touchify-studio/animations/customize","en/2.touchify-studio/4.animations/2.customize","i-lucide-columns-3-cog",{"title":112,"path":113,"stem":114,"icon":115},"Storyboards","/en/touchify-studio/animations/storyboards","en/2.touchify-studio/4.animations/3.storyboards","i-lucide-clipboard-clock",{"title":117,"path":118,"stem":119,"children":120,"page":6},"Touchify Publisher","/en/touchify-publisher","en/3.touchify-publisher",[121],{"title":11,"path":122,"stem":123,"icon":14},"/en/touchify-publisher/introduction","en/3.touchify-publisher/1.introduction",{"title":125,"path":126,"stem":127,"children":128,"page":6},"Touchify Player","/en/touchify-player","en/4.touchify-player",[129,132,156,215],{"title":11,"path":130,"stem":131,"icon":14},"/en/touchify-player/introduction","en/4.touchify-player/1.introduction",{"title":5,"path":133,"stem":134,"children":135,"page":6},"/en/touchify-player/getting-started","en/4.touchify-player/2.getting-started",[136,141,146,151],{"title":137,"path":138,"stem":139,"icon":140},"The Application","/en/touchify-player/getting-started/application","en/4.touchify-player/2.getting-started/1.application","i-lucide-app-window-mac",{"title":142,"path":143,"stem":144,"icon":145},"Connect","/en/touchify-player/getting-started/connection","en/4.touchify-player/2.getting-started/2.connection","i-lucide-key-round",{"title":147,"path":148,"stem":149,"icon":150},"Home Screen","/en/touchify-player/getting-started/home-screen","en/4.touchify-player/2.getting-started/3.home-screen","i-lucide-grid-2x2",{"title":152,"path":153,"stem":154,"icon":155},"Options","/en/touchify-player/getting-started/settings","en/4.touchify-player/2.getting-started/4.settings","i-lucide-settings",{"title":157,"path":158,"stem":159,"children":160,"page":6},"Installation","/en/touchify-player/installation","en/4.touchify-player/3.installation",[161,166,170,175,180,185,190,195,200,205,210],{"title":162,"path":163,"stem":164,"icon":165},"The Guides","/en/touchify-player/installation/introduction","en/4.touchify-player/3.installation/01.introduction","i-lucide-badge-question-mark",{"title":93,"path":167,"stem":168,"icon":169},"/en/touchify-player/installation/windows","en/4.touchify-player/3.installation/02.windows","i-cib-windows",{"title":171,"path":172,"stem":173,"icon":174},"Android","/en/touchify-player/installation/android","en/4.touchify-player/3.installation/03.android","i-cib-android",{"title":176,"path":177,"stem":178,"icon":179},"ChromeOS","/en/touchify-player/installation/chromeos","en/4.touchify-player/3.installation/04.chromeos","i-cib-google-chrome",{"title":181,"path":182,"stem":183,"icon":184},"Tizen","/en/touchify-player/installation/tizen","en/4.touchify-player/3.installation/05.tizen","i-cib-samsung",{"title":186,"path":187,"stem":188,"icon":189},"BrightSign","/en/touchify-player/installation/brightsign","en/4.touchify-player/3.installation/06.brightsign","i-lucide-cpu",{"title":191,"path":192,"stem":193,"icon":194},"Linux","/en/touchify-player/installation/linux","en/4.touchify-player/3.installation/07.linux","i-cib-linux",{"title":196,"path":197,"stem":198,"icon":199},"macOS","/en/touchify-player/installation/macos","en/4.touchify-player/3.installation/08.macos","i-cib-apple",{"title":201,"path":202,"stem":203,"icon":204},"iOS","/en/touchify-player/installation/ios","en/4.touchify-player/3.installation/09.ios","i-cib-app-store-ios",{"title":206,"path":207,"stem":208,"icon":209},"Android TV","/en/touchify-player/installation/android-tv","en/4.touchify-player/3.installation/10.android-tv","i-lucide-tv",{"title":211,"path":212,"stem":213,"icon":214},"LG webOS","/en/touchify-player/installation/webos","en/4.touchify-player/3.installation/11.webos","i-cbi-lg",{"title":216,"path":217,"stem":218,"children":219,"page":6},"Troubleshooting","/en/touchify-player/troubleshooting","en/4.touchify-player/4.troubleshooting",[220],{"title":221,"path":222,"stem":223,"icon":224},"Kiosk mode unlocking","/en/touchify-player/troubleshooting/kiosk","en/4.touchify-player/4.troubleshooting/1.kiosk","i-lucide-bug",{"title":226,"path":227,"stem":228,"children":229,"page":6},"Tips & Tricks","/en/tips-tricks","en/5.tips-tricks",[230,233,238,243,248],{"title":11,"path":231,"stem":232,"icon":14},"/en/tips-tricks/introduction","en/5.tips-tricks/1.introduction",{"title":234,"path":235,"stem":236,"icon":237},"Keyboard Shortcuts","/en/tips-tricks/shortcuts","en/5.tips-tricks/2.shortcuts","i-lucide-keyboard",{"title":239,"path":240,"stem":241,"icon":242},"Optimize a Video","/en/tips-tricks/optimize-video","en/5.tips-tricks/3.optimize-video","i-lucide-file-play",{"title":244,"path":245,"stem":246,"icon":247},"Interactive Image","/en/tips-tricks/interactive-image","en/5.tips-tricks/4.interactive-image","i-lucide-image-plus",{"title":249,"path":250,"stem":251,"icon":252},"Scrollable area","/en/tips-tricks/scrollable-content","en/5.tips-tricks/5.scrollable-content","i-lucide-gallery-vertical",{"title":254,"path":255,"stem":256,"children":257,"page":6},"Guides and Advice","/en/guides","en/6.guides",[258,261],{"title":11,"path":259,"stem":260,"icon":14},"/en/guides/introduction","en/6.guides/1.introduction",{"title":262,"path":263,"stem":264,"icon":265},"Stripe Terminal","/en/guides/stripe-terminal","en/6.guides/2.stripe-terminal","i-lucide-credit-card",{"title":267,"path":268,"stem":269,"children":270,"page":6},"Applications","/en/applications","en/7.applications",[271,274],{"title":11,"path":272,"stem":273,"icon":14},"/en/applications/introduction","en/7.applications/1.introduction",{"title":275,"path":276,"stem":277,"children":278,"page":6},"Rooms Manager","/en/applications/rooms-manager","en/7.applications/2.rooms-manager",[279,284,289,294,299,304,309],{"title":280,"path":281,"stem":282,"icon":283},"Login","/en/applications/rooms-manager/login","en/7.applications/2.rooms-manager/1.login","i-lucide-rectangle-ellipsis",{"title":285,"path":286,"stem":287,"icon":288},"Sites","/en/applications/rooms-manager/sites","en/7.applications/2.rooms-manager/2.sites","i-lucide-hotel",{"title":290,"path":291,"stem":292,"icon":293},"Meeting rooms","/en/applications/rooms-manager/meeting-rooms","en/7.applications/2.rooms-manager/3.meeting-rooms","i-lucide-ratio",{"title":295,"path":296,"stem":297,"icon":298},"Users","/en/applications/rooms-manager/users","en/7.applications/2.rooms-manager/4.users","i-lucide-users",{"title":300,"path":301,"stem":302,"icon":303},"Booking","/en/applications/rooms-manager/booking","en/7.applications/2.rooms-manager/5.booking","i-lucide-ticket-check",{"title":305,"path":306,"stem":307,"icon":308},"Tablet Booking","/en/applications/rooms-manager/tablet-booking","en/7.applications/2.rooms-manager/6.tablet-booking","i-lucide-tablet",{"title":310,"path":311,"stem":312,"icon":313},"Mobile Booking","/en/applications/rooms-manager/mobile-booking","en/7.applications/2.rooms-manager/7.mobile-booking","i-lucide-smartphone",{"id":315,"title":316,"body":317,"description":636,"extension":637,"links":638,"meta":639,"navigation":640,"path":61,"seo":641,"stem":62,"__hash__":644},"docs_en/en/2.touchify-studio/2.elements/2.media.md","Files and Media",{"type":318,"value":319,"toc":621},"minimark",[320,325,330,334,359,366,370,373,382,391,397,403,406,410,417,420,439,444,462,466,470,474,484,487,497,504,521,525,536,546,555,559,561,565,569,575,579,583,586,591,593,597,600,604,607,611,614,618],[321,322,324],"h2",{"id":323},"import-and-insert","Import and Insert",[326,327,329],"h3",{"id":328},"import","Import",[331,332,333],"p",{},"Touchify Studio is an interface that allows you to create your content from your own resources: texts, images, videos, documents...\nYou must therefore import these resources into the Studio before you can format them.",[331,335,336,337,341,342,346,347,350,351,354,355,358],{},"The file explorer stores and classifies your media.\nYou can drop four different types of files there: ",[338,339,340],"strong",{},"image, video, audio, PDF...","\nUnfold the left menu by clicking on the orange ",[343,344,345],"span",{},"+"," ",[338,348,349],{},"\"Insert\"",", go to the space corresponding to the file you want to add then click on the orange ",[338,352,353],{},"\"Import\""," button.\nYou can also use the ",[338,356,357],{},"drag & drop"," technique.",[331,360,361],{},[362,363],"img",{"alt":364,"src":365},"Media import","/2-touchify-studio/2-elements/2-media/fr-studio-media-import.webp",[326,367,369],{"id":368},"insert","Insert",[331,371,372],{},"Once your resource is saved in the Studio, insert it into your page.",[374,375,377,378],"h4",{"id":376},"method-1-click","Method 1: ",[379,380,381],"em",{},"click",[331,383,384,385,346,387,390],{},"Select the resource you want to add then click on the orange ",[343,386,345],{},[338,388,389],{},"\"Add\"",": the file will appear at scale, at the top left of your page.",[392,393],"nuxt-img",{"alt":394,"src":395,"provider":396},"Insert media by clicking","/2-touchify-studio/2-elements/2-media/fr-studio-media-ajout-click.webp","none",[374,398,400,401],{"id":399},"method-2-drag-drop","Method 2: ",[379,402,357],{},[331,404,405],{},"From the explorer, drag and drop the resource of your choice into your page: it will appear at scale, where you release the click.",[392,407],{"alt":408,"src":409,"provider":396},"Insert media by dragging and dropping","/2-touchify-studio/2-elements/2-media/fr-studio-media-ajout-dragdrop.webp",[374,411,413,414],{"id":412},"method-3-multiple-selection","Method 3: ",[379,415,416],{},"multiple selection",[331,418,419],{},"It is possible to insert multiple files at once.",[331,421,422,423,426,427,430,431,346,433,435,436,438],{},"In the explorer, click on the ",[338,424,425],{},"\"Multiple selection\""," button ",[379,428,429],{},"(check icon)"," then select the files of your choice.\nClick on the ",[343,432,345],{},[338,434,389],{}," button at the top right of the window, or use the ",[338,437,357],{}," technique to insert everything into the page.",[392,440],{"alt":441,"src":442,"width":443},"Multiple media selection","/2-touchify-studio/2-elements/2-media/fr-studio-media-ajout-multi.webp",450,[445,446,447,450,453,454,457,458,461],"note",{},[338,448,449],{},"Tip:",[451,452],"br",{},"\nUse your keyboard to select multiple files at once.\nSelect the resources you want to insert by holding the ",[338,455,456],{},"Shift (A > B)"," or ",[338,459,460],{},"Ctrl (A+B)"," key.",[392,463],{"alt":464,"src":465,"provider":396},"Insert multiple media by dragging and dropping","/2-touchify-studio/2-elements/2-media/fr-studio-media-ajout-multi-kbd.webp",[321,467,469],{"id":468},"features","Features",[326,471,473],{"id":472},"classify","Classify",[331,475,476,477,426,480,483],{},"To create a folder in the explorer, click on the ",[338,478,479],{},"\"Create a folder\"",[379,481,482],{},"(folder icon)"," at the top of the window.\nThe folder will be generated in the section (image, video..) where you are.",[392,485],{"alt":441,"src":486,"width":443},"/2-touchify-studio/2-elements/2-media/fr-studio-media-creer-dossier.webp",[331,488,489,490,457,493,496],{},"To modify the preview of your files, click on one of the icons at the bottom right of the window: select the ",[338,491,492],{},"grid",[338,494,495],{},"list"," display according to your preference.",[331,498,499,500,503],{},"To find a specific file, use the ",[338,501,502],{},"search bar"," at the top right of the window: type the name of the resource you are looking for.",[505,506,512,513,512,517],"div",{"className":507},[508,492,509,510,511],"mt-4","sm:grid-cols-2","gap-4","max-w-full","\n  ",[362,514],{"src":515,"alt":516},"/2-touchify-studio/2-elements/2-media/fr-studio-media-vue-liste.webp","View media in list view",[362,518],{"src":519,"alt":520},"/2-touchify-studio/2-elements/2-media/fr-studio-media-rechercher.webp","Search media",[326,522,524],{"id":523},"modify","Modify",[331,526,527,528,531,532,535],{},"To rename a file in the explorer, ",[338,529,530],{},"simply select its title",": when the text cursor appears, write the new one. Press the ",[338,533,534],{},"Enter key"," to validate.",[331,537,538,539,426,542,545],{},"To delete a file, select it in the explorer then click on the ",[338,540,541],{},"\"Delete\"",[379,543,544],{},"(trash icon)",".",[331,547,548,549,426,552,545],{},"To display file details (type, size, import date...), select it then click on the ",[338,550,551],{},"\"Details\"",[379,553,554],{},"(three dots)",[392,556],{"alt":557,"src":558,"width":443},"Media selection","/2-touchify-studio/2-elements/2-media/fr-studio-media-selection.webp",[451,560],{},[392,562],{"alt":563,"src":564,"width":443},"Media details","/2-touchify-studio/2-elements/2-media/fr-studio-media-details.webp",[326,566,568],{"id":567},"move","Move",[331,570,571,572,574],{},"To modify the location of a file or folder, use the ",[338,573,357],{}," method: hold down the left click then drag your resource to the location of your choice.",[392,576],{"alt":577,"src":578,"provider":396},"Moving media by dragging","/2-touchify-studio/2-elements/2-media/fr-studio-media-deplacement.webp",[321,580,582],{"id":581},"account-files-and-project-files-whats-the-difference","Account files and project files: what's the difference?",[331,584,585],{},"Two types of galleries are offered to you in the Studio: account files and project files. Although they are accessible from the same place, these explorers are different.",[392,587],{"alt":588,"src":589,"width":590},"Media sources","/2-touchify-studio/2-elements/2-media/fr-studio-media-sources.webp",300,[451,592],{},[374,594,596],{"id":595},"account-files","Account files:",[331,598,599],{},"The resources you import there are linked to your Touchify account. They will be available in all your projects.",[374,601,603],{"id":602},"project-files","Project files:",[331,605,606],{},"The resources you import there are linked to the project. They are exclusive to it and will not be visible in your other projects, unless you look for them in the \"Other projects\" gallery.",[374,608,610],{"id":609},"other-projects","Other projects:",[331,612,613],{},"This gallery groups together resources imported in all your projects. You can find files available in all \"Project files\" galleries there.",[374,615,617],{"id":616},"logos","Logos:",[331,619,620],{},"Import your logos and brand images in the \"My brand\" profile section. They will appear in all your projects.",{"title":622,"searchDepth":623,"depth":623,"links":624},"",2,[625,630,635],{"id":323,"depth":623,"text":324,"children":626},[627,629],{"id":328,"depth":628,"text":329},3,{"id":368,"depth":628,"text":369},{"id":468,"depth":623,"text":469,"children":631},[632,633,634],{"id":472,"depth":628,"text":473},{"id":523,"depth":628,"text":524},{"id":567,"depth":628,"text":568},{"id":581,"depth":623,"text":582},"Get familiar with the file explorer and import your media: images, videos, documents...","md",null,{},{"title":60,"icon":63},{"title":642,"description":643},"Files and media in Touchify Studio","Use Touchify Studio's creation tools to integrate and customize your files and media.","pjNiCdcZs0Ja-y_ht1nAwvvDHPLDnlfzwvOWKW3LxAk",[646,648],{"title":55,"path":56,"stem":57,"description":647,"icon":58,"children":-1},"Learn to integrate and customize your texts: size, typography, color...",{"title":65,"path":66,"stem":67,"description":649,"icon":68,"children":-1},"Customize the background and borders of your elements.",1761669904317]