[{"data":1,"prerenderedAt":402},["ShallowReactive",2],{"content-ca-\u002Fsdk\u002Fquick-start":3},{"id":4,"title":5,"author":6,"body":7,"date":6,"description":17,"extension":396,"meta":397,"navigation":107,"path":398,"seo":399,"stem":400,"tags":6,"__hash__":401},"content_ca\u002Fca\u002Fsdk\u002Fquick-start.md","Inici Ràpid del SDK",null,{"type":8,"value":9,"toc":381},"minimark",[10,14,18,23,36,40,48,55,59,149,153,164,183,198,202,208,211,235,239,257,260,264,267,298,307,311,316,327,331,338,342,350,354,377],[11,12,5],"h1",{"id":13},"inici-ràpid-del-sdk",[15,16,17],"p",{},"Posa en marxa el reproductor PWA en 5 minuts.",[19,20,22],"h2",{"id":21},"prerequisits","Prerequisits",[24,25,26,30,33],"ul",{},[27,28,29],"li",{},"Node.js 22+ i pnpm",[27,31,32],{},"Accés a una instància de Xibo",[27,34,35],{},"Clau secreta del CMS (des de Configuració del CMS → Configuració de Pantalla)",[19,37,39],{"id":38},"requisit-de-mateix-origen","Requisit de Mateix Origen",[15,41,42,43,47],{},"El reproductor PWA ",[44,45,46],"strong",{},"s'ha de"," servir des del mateix domini que el Xibo. Totes les crides a l'API van a l'origen del CMS, i els navegadors bloquegen les peticions d'origen creuat.",[15,49,50,51,54],{},"Per a ús local\u002Fquiosc, utilitza l'",[44,52,53],{},"Electron wrapper"," que gestiona CORS a nivell de sessió de Chromium.",[19,56,58],{"id":57},"compilació","Compilació",[60,61,66],"pre",{"className":62,"code":63,"language":64,"meta":65,"style":65},"language-bash shiki shiki-themes material-theme-lighter github-light github-dark","# Clone the PWA repo\ngit clone https:\u002F\u002Fgithub.com\u002Fxibo-players\u002Fxiboplayer-pwa.git\ncd xiboplayer-pwa\n\n# Install dependencies\npnpm install\n\n# Build for production\npnpm run build    # Output → dist\u002F\n","bash","",[67,68,69,78,92,102,109,115,124,129,135],"code",{"__ignoreMap":65},[70,71,74],"span",{"class":72,"line":73},"line",1,[70,75,77],{"class":76},"sutJx","# Clone the PWA repo\n",[70,79,81,85,89],{"class":72,"line":80},2,[70,82,84],{"class":83},"sbgvK","git",[70,86,88],{"class":87},"s_sjI"," clone",[70,90,91],{"class":87}," https:\u002F\u002Fgithub.com\u002Fxibo-players\u002Fxiboplayer-pwa.git\n",[70,93,95,99],{"class":72,"line":94},3,[70,96,98],{"class":97},"sptTA","cd",[70,100,101],{"class":87}," xiboplayer-pwa\n",[70,103,105],{"class":72,"line":104},4,[70,106,108],{"emptyLinePlaceholder":107},true,"\n",[70,110,112],{"class":72,"line":111},5,[70,113,114],{"class":76},"# Install dependencies\n",[70,116,118,121],{"class":72,"line":117},6,[70,119,120],{"class":83},"pnpm",[70,122,123],{"class":87}," install\n",[70,125,127],{"class":72,"line":126},7,[70,128,108],{"emptyLinePlaceholder":107},[70,130,132],{"class":72,"line":131},8,[70,133,134],{"class":76},"# Build for production\n",[70,136,138,140,143,146],{"class":72,"line":137},9,[70,139,120],{"class":83},[70,141,142],{"class":87}," run",[70,144,145],{"class":87}," build",[70,147,148],{"class":76},"    # Output → dist\u002F\n",[19,150,152],{"id":151},"desplegament-al-cms","Desplegament al CMS",[15,154,155,156,159,160,163],{},"Copia ",[67,157,158],{},"dist\u002F*"," al directori ",[67,161,162],{},"web\u002Fchromeos\u002F"," del CMS:",[60,165,167],{"className":62,"code":166,"language":64,"meta":65,"style":65},"podman cp dist\u002F. xibo-cms-web:\u002Fvar\u002Fwww\u002Fcms\u002Fweb\u002Fchromeos\u002F\n",[67,168,169],{"__ignoreMap":65},[70,170,171,174,177,180],{"class":72,"line":73},[70,172,173],{"class":83},"podman",[70,175,176],{"class":87}," cp",[70,178,179],{"class":87}," dist\u002F.",[70,181,182],{"class":87}," xibo-cms-web:\u002Fvar\u002Fwww\u002Fcms\u002Fweb\u002Fchromeos\u002F\n",[15,184,185,186,189,190,193,194,197],{},"El ",[67,187,188],{},".htaccess"," del CMS reescriu ",[67,191,192],{},"\u002Fplayer\u002Fpwa\u002F*"," → ",[67,195,196],{},"web\u002Fchromeos\u002F*",".",[19,199,201],{"id":200},"accedir-al-reproductor","Accedir al Reproductor",[15,203,204,205],{},"Obre: ",[67,206,207],{},"https:\u002F\u002Fyour-cms.example.com\u002Fplayer\u002Fpwa\u002F",[15,209,210],{},"Configura amb:",[24,212,213,223,229],{},[27,214,215,218,219,222],{},[44,216,217],{},"Adreça del CMS:"," ",[67,220,221],{},"https:\u002F\u002Fyour-cms.example.com"," (mateix domini)",[27,224,225,228],{},[44,226,227],{},"Clau del CMS:"," La teva clau secreta del CMS",[27,230,231,234],{},[44,232,233],{},"Nom de la Pantalla:"," El nom de la teva pantalla",[19,236,238],{"id":237},"autoritzar-al-cms","Autoritzar al CMS",[240,241,242,245,248,251,254],"ol",{},[27,243,244],{},"Obre la interfície d'administració del CMS",[27,246,247],{},"Ves a Pantalles",[27,249,250],{},"Troba la teva pantalla (estat: En espera)",[27,252,253],{},"Autoritza-la",[27,255,256],{},"Actualitza la pàgina del reproductor",[15,258,259],{},"El reproductor començarà a descarregar fitxers i mostrar dissenys.",[19,261,263],{"id":262},"alternativa-electron-per-a-quioscescriptori","Alternativa: Electron (per a quiosc\u002Fescriptori)",[15,265,266],{},"Per a desplegaments on l'allotjament de mateix origen no és disponible:",[60,268,270],{"className":62,"code":269,"language":64,"meta":65,"style":65},"sudo dnf install xiboplayer-electron\nxiboplayer-electron --cms-url=https:\u002F\u002Fyour-cms.example.com --cms-key=KEY\n",[67,271,272,286],{"__ignoreMap":65},[70,273,274,277,280,283],{"class":72,"line":73},[70,275,276],{"class":83},"sudo",[70,278,279],{"class":87}," dnf",[70,281,282],{"class":87}," install",[70,284,285],{"class":87}," xiboplayer-electron\n",[70,287,288,291,295],{"class":72,"line":80},[70,289,290],{"class":83},"xiboplayer-electron",[70,292,294],{"class":293},"stzsN"," --cms-url=https:\u002F\u002Fyour-cms.example.com",[70,296,297],{"class":293}," --cms-key=KEY\n",[15,299,300,301,306],{},"Consulta ",[302,303,305],"a",{"href":304},"\u002Fplayers\u002Felectron","Reproductor Electron"," per a més detalls.",[19,308,310],{"id":309},"resolució-de-problemes","Resolució de Problemes",[312,313,315],"h3",{"id":314},"connection-failed-networkerror","\"Connection failed: NetworkError\"",[24,317,318,321,324],{},[27,319,320],{},"Verifica que l'adreça del CMS coincideix amb el domini des d'on es serveix el reproductor",[27,322,323],{},"Comprova la consola del navegador per errors de CORS (significa que el reproductor no és del mateix origen)",[27,325,326],{},"Utilitza Electron per a configuracions d'origen creuat",[312,328,330],{"id":329},"display-not-authorized","\"Display not authorized\"",[24,332,333,336],{},[27,334,335],{},"Ves a CMS → Pantalles → Autoritza la teva pantalla",[27,337,256],{},[312,339,341],{"id":340},"els-dissenys-no-es-mostren","Els dissenys no es mostren",[24,343,344,347],{},[27,345,346],{},"Comprova la consola del navegador per errors de descàrrega",[27,348,349],{},"Verifica que la programació té dissenys actius assignats a la pantalla",[19,351,353],{"id":352},"propers-passos","Propers Passos",[24,355,356,363,370],{},[27,357,358,362],{},[302,359,361],{"href":360},"\u002Fsdk\u002Fdeployment","Guia de desplegament"," — detalls complets del desplegament",[27,364,365,369],{},[302,366,368],{"href":367},"\u002Fsdk\u002Farchitecture","Arquitectura"," — disseny del sistema i patrons",[27,371,372,376],{},[302,373,375],{"href":374},"\u002Fsdk\u002Fpackages","Paquets"," — els 13 paquets del SDK",[378,379,380],"style",{},"html pre.shiki code .sutJx, html code.shiki .sutJx{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#6A737D;--shiki-dark-font-style:inherit}html pre.shiki code .sbgvK, html code.shiki .sbgvK{--shiki-light:#E2931D;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sptTA, html code.shiki .sptTA{--shiki-light:#6182B8;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .stzsN, html code.shiki .stzsN{--shiki-light:#91B859;--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":65,"searchDepth":94,"depth":94,"links":382},[383,384,385,386,387,388,389,390,395],{"id":21,"depth":80,"text":22},{"id":38,"depth":80,"text":39},{"id":57,"depth":80,"text":58},{"id":151,"depth":80,"text":152},{"id":200,"depth":80,"text":201},{"id":237,"depth":80,"text":238},{"id":262,"depth":80,"text":263},{"id":309,"depth":80,"text":310,"children":391},[392,393,394],{"id":314,"depth":94,"text":315},{"id":329,"depth":94,"text":330},{"id":340,"depth":94,"text":341},{"id":352,"depth":80,"text":353},"md",{},"\u002Fca\u002Fsdk\u002Fquick-start",{"title":5,"description":17},"ca\u002Fsdk\u002Fquick-start","18y-0Jn4YosNfgw4r6V8BQx0N8aMxlPhRh0xXXPo5oQ",1775148105254]