https://hou.la/chunk-PY2LAIV4.js

1import{a as c}from"./chunk-LSBWT47P.js";import{a as x}from"./chunk-56MAI5IH.js";import"./chunk-JUAHV2TC.js";import{a as p}from"./chunk-RMFEZUNF.js";import"./chunk-BXOGPMZZ.js";import"./chunk-32B64V2R.js";import"./chunk-3XLVKQRY.js";import"./chunk-DJ5AJG3T.js";import"./chunk-SLPC3Y4V.js";import"./chunk-XIRWNEM2.js";import"./chunk-AAORKXGN.js";import"./chunk-KDGXQRVY.js";import"./chunk-JICM7NVH.js";import"./chunk-AB6CKZTE.js";import"./chunk-DIGPPQJE.js";import{o as m,s,x as d}from"./chunk-EU6HCBUP.js";import"./chunk-KAJMKXZ6.js";import{D as u}from"./chunk-ZAQTNZYS.js";import"./chunk-SRTXE2HR.js";import{Wb as n,Xb as t,Yb as a,da as r,sb as o,uc as e}from"./chunk-NTTV6FWH.js";import"./chunk-W7GRJBO5.js";var E=class l{seoService=r(p);route=r(m);ngOnInit(){this.seoService.enableFollow(),this.seoService.setSeoFromSnapshop(this.route.snapshot)}static \u0275fac=function(i){return new(i||l)};static \u0275cmp=o({type:l,selectors:[["app-view-restream-guide"]],decls:234,vars:0,consts:[[1,"guide"],[1,"g-wrap"],[1,"g-kicker"],[1,"g-h1"],[1,"g-lede"],[1,"g-sec"],[1,"g-h2"],[1,"g-list"],[1,"g-step"],[1,"g-list","g-list--num"],[1,"g-fields"],[1,"g-field"],[1,"g-field__k"],[1,"g-field__v"],[1,"g-note","g-note--warn"],[1,"g-note"],[1,"g-sec","g-sec--restream"],[1,"g-p"],[1,"g-faq"],[1,"g-cta"],["routerLink","/studio/live",1,"g-btn"]],template:function(i,f){i&1&&(n(0,"div",0),a(1,"app-widget-landing-nav"),n(2,"main",1)(3,"p",2),e(4,"Guide \xB7 Live streaming"),t(),n(5,"h1",3),e(6," Diffuser vers Hou.la depuis OBS, Streamlabs, Restream & co "),t(),n(7,"p",4),e(8," Tu streames d\xE9j\xE0 avec ton propre logiciel\xA0? Tu n'as rien \xE0 r\xE9apprendre. Hou.la accepte n'importe quel encodeur capable d'envoyer un flux "),n(9,"b"),e(10,"RTMPS"),t(),e(11," \u2014 c'est le cas d'OBS, Streamlabs, vMix, Restream et de la plupart des outils du march\xE9. Il te suffit de coller une "),n(12,"b"),e(13,"URL serveur"),t(),e(14," et une "),n(15,"b"),e(16,"cl\xE9 de stream"),t(),e(17,". On te montre, \xE9tape par \xE9tape. "),t(),n(18,"section",5)(19,"h2",6),e(20,"Avant de commencer"),t(),n(21,"ul",7)(22,"li"),e(23," Un compte Hou.la avec un espace cr\xE9ateur / boutique activ\xE9. "),t(),n(24,"li"),e(25," Ton logiciel de diffusion install\xE9 (OBS Studio, Streamlabs, vMix\u2026) ou un compte sur ton outil de multistream (Restream, StreamYard\u2026). "),t(),n(26,"li"),e(27," Une connexion montante stable (\u2265 5\xA0Mbps recommand\xE9 en 1080p). "),t()()(),n(28,"section",5)(29,"p",8),e(30,"\xC9tape 1"),t(),n(31,"h2",6),e(32,"R\xE9cup\xE8re ton URL serveur et ta cl\xE9 sur Hou.la"),t(),n(33,"ol",9)(34,"li"),e(35," Depuis ton espace Hou.la, ouvre "),n(36,"b"),e(37,"Live"),t(),e(38," puis "),n(39,"b"),e(40,"\xAB Diffuser depuis un logiciel externe\xA0\xBB"),t(),e(41," (mode Studio\xA0/\xA0RTMP). "),t(),n(42,"li"),e(43," Choisis l'"),n(44,"b"),e(45,"orientation"),t(),e(46," (portrait pour le mobile, paysage pour le gaming) puis cr\xE9e la session. "),t(),n(47,"li"),e(48," Hou.la t'affiche deux infos \xE0 copier\xA0: "),n(49,"div",10)(50,"div",11)(51,"span",12),e(52,"URL serveur"),t(),n(53,"span",13),e(54,"rtmps://\u2026 (fournie par Hou.la)"),t()(),n(55,"div",11)(56,"span",12),e(57,"Cl\xE9 de stream"),t(),n(58,"span",13),e(59,"live_\u2022\u2022\u2022\u2022 (gard\xE9e secr\xE8te)"),t()()()()(),n(60,"p",14)(61,"b"),e(62,"Garde ta cl\xE9 secr\xE8te."),t(),e(63," Quiconque la poss\xE8de peut diffuser \xE0 ta place. En cas de fuite, utilise le bouton "),n(64,"b"),e(65,"\xAB R\xE9g\xE9n\xE9rer la cl\xE9\xA0\xBB"),t(),e(66," : l'ancienne est invalid\xE9e imm\xE9diatement. "),t()(),n(67,"section",5)(68,"p",8),e(69,"\xC9tape 2 \xB7 OBS Studio"),t(),n(70,"h2",6),e(71,"Configurer OBS Studio"),t(),n(72,"ol",9)(73,"li"),e(74,"Ouvre "),n(75,"b"),e(76,"Param\xE8tres \u2192 Diffusion"),t(),e(77,"."),t(),n(78,"li"),e(79," Service\xA0: choisis "),n(80,"b"),e(81,"\xAB Personnalis\xE9\u2026 \xBB"),t(),e(82," (Custom). "),t(),n(83,"li")(84,"b"),e(85,"Serveur"),t(),e(86,"\xA0: colle l'"),n(87,"b"),e(88,"URL serveur"),t(),e(89," copi\xE9e \xE0 l'\xE9tape\xA01. "),t(),n(90,"li")(91,"b"),e(92,"Cl\xE9 de stream"),t(),e(93,"\xA0: colle ta "),n(94,"b"),e(95,"cl\xE9"),t(),e(96," Hou.la."),t(),n(97,"li"),e(98," Dans "),n(99,"b"),e(100,"Param\xE8tres \u2192 Sortie"),t(),e(101,", vise un d\xE9bit vid\xE9o de "),n(102,"b"),e(103,"3\xA0000\u20136\xA0000\xA0kbps"),t(),e(104,", encodeur x264 ou NVENC, keyframe toutes les "),n(105,"b"),e(106,"2\xA0s"),t(),e(107,". "),t(),n(108,"li"),e(109," Toujours dans "),n(110,"b"),e(111,"Sortie"),t(),e(112,", passe les "),n(113,"b"),e(114,"images B (B-frames)"),t(),e(115," \xE0 "),n(116,"b"),e(117,"0"),t(),e(118,"\xA0: c'est le r\xE9glage qui permet \xE0 Hou.la de diffuser ton flux "),n(119,"b"),e(120,"sans le r\xE9-encoder"),t(),e(121,", donc en gardant toute ta qualit\xE9. Avec des images B, ton live reste diffus\xE9, mais il est r\xE9-encod\xE9 et perd un peu de nettet\xE9. "),t(),n(122,"li"),e(123," Valide, puis clique sur "),n(124,"b"),e(125,"\xAB D\xE9marrer le streaming \xBB"),t(),e(126,". "),t()(),n(127,"p",15),e(128," Quelques secondes apr\xE8s, ton live passe en "),n(129,"b"),e(130,"\u25CF ON AIR"),t(),e(131," c\xF4t\xE9 Hou.la et tes spectateurs peuvent te rejoindre. "),t()(),n(132,"section",5)(133,"p",8),e(134,"\xC9tape 2 \xB7 Streamlabs"),t(),n(135,"h2",6),e(136,"Configurer Streamlabs"),t(),n(137,"ol",9)(138,"li")(139,"b"),e(140,"Settings \u2192 Stream"),t(),e(141,", puis "),n(142,"b"),e(143,"\xAB Stream to custom ingest \xBB"),t(),e(144,". "),t(),n(145,"li")(146,"b"),e(147,"URL"),t(),e(148,"\xA0: l'URL serveur Hou.la."),t(),n(149,"li")(150,"b"),e(151,"Stream key"),t(),e(152,"\xA0: ta cl\xE9 Hou.la."),t(),n(153,"li"),e(154,"Enregistre et lance \xAB Go Live \xBB."),t()()(),n(155,"section",16)(156,"p",8),e(157,"\xC9tape 3 \xB7 Restream & multistream"),t(),n(158,"h2",6),e(159,"Ajouter Hou.la dans Re

1stream (Custom RTMP)"),t(),n(160,"p",17),e(161," Restream, StreamYard, Castr ou OneStream te permettent d'envoyer un seul flux vers plusieurs plateformes en m\xEAme temps. Hou.la s'ajoute comme "),n(162,"b"),e(163,"destination RTMP personnalis\xE9e"),t(),e(164,". "),t(),n(165,"ol",9)(166,"li"),e(167,"Dans Restream, clique sur "),n(168,"b"),e(169,"\xAB Add Destination \xBB"),t(),e(170,"."),t(),n(171,"li"),e(172,"Choisis "),n(173,"b"),e(174,"\xAB Custom RTMP \xBB"),t(),e(175,"."),t(),n(176,"li")(177,"b"),e(178,"RTMP URL"),t(),e(179,"\xA0: colle l'URL serveur Hou.la (elle commence par "),n(180,"code"),e(181,"rtmps://"),t(),e(182," \u2014 c'est normal, Restream accepte le RTMPS). "),t(),n(183,"li")(184,"b"),e(185,"Stream key"),t(),e(186,"\xA0: ta cl\xE9 Hou.la."),t(),n(187,"li"),e(188,"Donne-lui le nom \xAB Hou.la \xBB et enregistre."),t()(),n(189,"p",14)(190,"b"),e(191,"Deux choses \xE0 savoir c\xF4t\xE9 Restream\xA0:"),t()(),n(192,"ul",7)(193,"li"),e(194," Les destinations "),n(195,"b"),e(196,"Custom RTMP"),t(),e(197," n\xE9cessitent un "),n(198,"b"),e(199,"abonnement Restream payant"),t(),e(200," (ce n'est pas une limite de Hou.la). "),t(),n(201,"li"),e(202," Le "),n(203,"b"),e(204,"chat Restream n'agr\xE8ge pas"),t(),e(205," les commentaires des destinations custom\xA0: tes messages Hou.la restent dans l'app Hou.la (o\xF9 la mod\xE9ration, les cadeaux et l'\xE9pinglage produit sont g\xE9r\xE9s). Une int\xE9gration chat unifi\xE9e arrive avec notre partenariat officiel. "),t()()(),n(206,"section",5)(207,"h2",6),e(208,"\xC7a ne marche pas\xA0? Les r\xE9flexes"),t(),n(209,"dl",18)(210,"dt"),e(211,"Le live ne passe pas en ON AIR."),t(),n(212,"dd"),e(213," V\xE9rifie que l'URL serveur ET la cl\xE9 sont bien coll\xE9es (sans espace en trop), et que tu as cliqu\xE9 sur \xAB D\xE9marrer \xBB. Une cl\xE9 r\xE9g\xE9n\xE9r\xE9e invalide l'ancienne. "),t(),n(214,"dt"),e(215,"\xAB Invalid stream key \xBB / connexion refus\xE9e."),t(),n(216,"dd"),e(217," La cl\xE9 a peut-\xEAtre \xE9t\xE9 r\xE9g\xE9n\xE9r\xE9e depuis ton espace Hou.la, ou la session externe a \xE9t\xE9 cl\xF4tur\xE9e. Recr\xE9e une session et recopie la nouvelle cl\xE9. "),t(),n(218,"dt"),e(219,"La latence est \xE9lev\xE9e."),t(),n(220,"dd"),e(221," R\xE9duis ton d\xE9bit et mets l'intervalle de keyframe \xE0 2\xA0s. "),t(),n(222,"dt"),e(223,"Mon flux se coupe puis reprend."),t(),n(224,"dd"),e(225," Hou.la garde la session ouverte quelques minutes en cas de coupure r\xE9seau\xA0: ton encodeur peut se reconnecter avec la m\xEAme cl\xE9 sans recr\xE9er la session. "),t()()(),n(226,"section",19)(227,"h2",6),e(228,"Pr\xEAt \xE0 passer en live\xA0?"),t(),n(229,"p",17),e(230," Ouvre ton espace Hou.la, cr\xE9e une session externe et lance ton premier stream depuis ton outil pr\xE9f\xE9r\xE9. "),t(),n(231,"a",20),e(232,"Ouvrir mon espace Live"),t()()(),a(233,"app-widget-landing-footer"),t())},dependencies:[u,d,s,c,x],styles:["[_nghost-%COMP%]{--paper: #0a0a14;--surface: #12121e;--surface-2: #1a1a2e;--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .66);--ink-muted: rgba(255, 255, 255, .45);--accent: #2f8eef;--accent-bright: #54a6f6;--live: #ff3b30;--border: rgba(255, 255, 255, .1);display:block;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}.guide[_ngcontent-%COMP%]{padding-top:58px}.g-wrap[_ngcontent-%COMP%]{max-width:760px;margin:0 auto;padding:56px 24px 96px}.g-kicker[_ngcontent-%COMP%]{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-bright);margin:0 0 12px}.g-h1[_ngcontent-%COMP%]{font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 20px}.g-lede[_ngcontent-%COMP%]{font-size:18px;color:var(--ink-soft);margin:0 0 8px}.g-sec[_ngcontent-%COMP%]{margin-top:56px;padding-top:32px;border-top:1px solid var(--border)}.g-sec--restream[_ngcontent-%COMP%]{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;margin-top:56px}.g-step[_ngcontent-%COMP%]{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);margin:0 0 8px}

1.g-h2[_ngcontent-%COMP%]{font-size:clamp(22px,3.5vw,28px);font-weight:700;letter-spacing:-.01em;margin:0 0 16px}.g-p[_ngcontent-%COMP%]{color:var(--ink-soft);margin:0 0 16px}.g-list[_ngcontent-%COMP%]{margin:0;padding-left:22px;color:var(--ink-soft)}.g-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{margin:0 0 12px}.g-list[_ngcontent-%COMP%]   b[_ngcontent-%COMP%]{color:var(--ink)}.g-list--num[_ngcontent-%COMP%]{list-style:decimal}.g-fields[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}.g-field[_ngcontent-%COMP%]{flex:1 1 240px;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--paper)}.g-field__k[_ngcontent-%COMP%]{display:block;font-family:Space Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:4px}.g-field__v[_ngcontent-%COMP%]{display:block;font-family:Space Mono,monospace;font-size:14px;color:var(--accent-bright);word-break:break-all}code[_ngcontent-%COMP%]{font-family:Space Mono,monospace;font-size:.9em;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1px 6px;color:var(--accent-bright)}.g-note[_ngcontent-%COMP%]{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 10px 10px 0;color:var(--ink-soft);font-size:15px}.g-note[_ngcontent-%COMP%]   b[_ngcontent-%COMP%]{color:var(--ink)}.g-note--warn[_ngcontent-%COMP%]{border-left-color:var(--live)}.g-faq[_ngcontent-%COMP%]{margin:0}.g-faq[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{font-weight:700;color:var(--ink);margin-top:20px}.g-faq[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]{margin:6px 0 0;color:var(--ink-soft)}.g-cta[_ngcontent-%COMP%]{margin-top:64px;text-align:center;padding:40px 24px;border:1px solid var(--border);border-radius:16px;background:radial-gradient(120% 120% at 50% 0%,rgba(47,142,239,.12),transparent 60%)}.g-btn[_ngcontent-%COMP%]{display:inline-block;margin-top:12px;padding:14px 28px;background:var(--accent);color:#fff;font-weight:700;border-radius:999px;text-decoration:none;transition:transform .15s ease,background .15s ease}.g-btn[_ngcontent-%COMP%]:hover{background:var(--accent-bright);transform:translateY(-1px)}"]})};export{E as ViewRestreamGuideComponent};