1<!DOCTYPE html> 2<html lang="pt-BR"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<title>Transmissão ao vivo 24/7 no YouTube sem OBS e sem PC | 247 LiveStream</title> 7<meta name="description" content="Crie uma transmissão ao vivo 24/7 no YouTube com vÃdeos pré-gravados, músicas ou playlists. Tudo na nuvem: sem OBS, sem VPS e sem deixar o computador ligado."> 8<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 9<meta name="author" content="247 LiveStream"> 10<meta name="theme-color" content="#f5f4f0"> 11<link rel="canonical" href="https://247livestream.live/pt/"> 12<link rel="alternate" hreflang="en" href="https://247livestream.live/"> 13<link rel="alternate" hreflang="es" href="https://247livestream.live/es/"> 14<link rel="alternate" hreflang="pt-BR" href="https://247livestream.live/pt/"> 15<link rel="alternate" hreflang="zh-TW" href="https://247livestream.live/zh/"> 16<link rel="alternate" hreflang="fr" href="https://247livestream.live/fr/"> 17<link rel="alternate" hreflang="it" href="https://247livestream.live/it/"> 18<link rel="alternate" hreflang="x-default" href="https://247livestream.live/"> 19 20<link rel="icon" type="image/svg+xml" href="/images/favicon.svg"> 21<link rel="icon" type="image/x-icon" href="/images/favicon.ico"> 22<link rel="manifest" href="/manifest.json"> 23<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> 24<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> 25<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> 26 27<meta property="og:type" content="website"> 28<meta property="og:url" content="https://247livestream.live/pt/"> 29<meta property="og:title" content="Transmissão ao vivo 24/7 no YouTube, sem OBS e sem PC"> 30<meta property="og:description" content="Crie uma transmissão ao vivo 24/7 no YouTube com vÃdeos pré-gravados, músicas ou playlists. Tudo na nuvem: sem OBS, sem VPS e sem deixar o computador ligado."> 31<meta property="og:image" content="https://247livestream.live/images/og-image.png"> 32<meta property="og:image:width" content="1200"> 33<meta property="og:image:height" content="630"> 34<meta property="og:image:alt" content="Plataforma 247 LiveStream: transmissões ao vivo automáticas no YouTube"> 35<meta property="og:site_name" content="247 LiveStream"> 36<meta property="og:locale" content="pt_BR"> 37<meta name="twitter:card" content="summary_large_image"> 38<meta name="twitter:url" content="https://247livestream.live/pt/"> 39<meta name="twitter:title" content="Transmissão ao vivo 24/7 no YouTube, sem OBS e sem PC"> 40<meta name="twitter:description" content="Crie uma transmissão ao vivo 24/7 no YouTube com vÃdeos pré-gravados, músicas ou playlists. Tudo na nuvem: sem OBS, sem VPS e sem deixar o computador ligado."> 41<meta name="twitter:image" content="https://247livestream.live/images/og-image.png"> 42<meta name="twitter:image:alt" content="Plataforma 247 LiveStream: transmissões ao vivo automáticas no YouTube"> 43
44<script type="application/ld+json"> 45{ 46 "@context": "https://schema.org", 47 "@type": "Organization", 48 "name": "247 LiveStream", 49 "description": "Software na nuvem para criar transmissões ao vivo contÃnuas no YouTube com vÃdeos pré-gravados, músicas e playlists, sem OBS e sem um computador dedicado.", 50 "url": "https://247livestream.live", 51 "logo": "https://247livestream.live/images/favicon.ico", 52 "contactPoint": { 53 "@type": "ContactPoint", 54 "contactType": "customer service", 55 "availableLanguage": "English" 56 } 57} 58</script>
vendor: 1 bytes, line 58
58
59<script type="application/ld+json"> 60{ 61 "@context": "https://schema.org", 62 "@type": "Service", 63 "name": "Serviço de transmissão ao vivo 24/7 para YouTube", 64 "description": "Serviço na nuvem para transmitir ao vivo 24/7 no YouTube com vÃdeos pré-gravados, músicas e playlists. Crie transmissões contÃnuas sem OBS, sem VPS e sem deixar o computador ligado.", 65 "provider": { 66 "@type": "Organization", 67 "name": "247 LiveStream" 68 }, 69 "serviceType": "Serviço de transmissão ao vivo", 70 "areaServed": "Worldwide", 71 "hasOfferCatalog": { 72 "@type": "OfferCatalog", 73 "name": "Planos de transmissão 24/7", 74 "itemListElement": [ 75 { 76 "@type": "Offer", 77 "itemOffered": { 78 "@type": "Service", 79 "name": "Plano mensal de transmissão" 80 }, 81 "price": "16", 82 "priceCurrency": "USD", 83 "availability": "https://schema.org/InStock" 84 }, 85 { 86 "@type": "Offer", 87 "itemOffered": { 88 "@type": "Service", 89 "name": "Plano anual de transmissão" 90 }, 91 "price": "14", 92 "priceCurrency": "USD", 93 "availability": "https://schema.org/InStock" 94 } 95 ] 96 }, 97 "offers": { 98 "@type": "AggregateOffer", 99 "lowPrice": "14", 100 "highPrice": "16", 101 "priceCurrency": "USD", 102 "availability": "https://schema.org/InStock" 103 } 104} 105</script>
vendor: 1 bytes, line 105
105
106<script type="application/ld+json"> 107{ 108 "@context": "https://schema.org", 109 "@type": "WebSite", 110 "name": "247 LiveStream", 111 "description": "Software de transmissão ao vivo 24/7 no YouTube, na nuvem, com vÃdeos pré-gravados.", 112 "url": "https://247livestream.live", 113 "publisher": { 114 "@type": "Organization", 115 "name": "247 LiveStream" 116 } 117} 118</script>
vendor: 1 bytes, line 118
118
119<script type="application/ld+json"> 120{ 121 "@context": "https://schema.org", 122 "@type": "SoftwareApplication", 123 "inLanguage": "pt-BR", 124 "name": "247 LiveStream", 125 "description": "Software de transmissão ao vivo na nuvem para manter transmissões contÃnuas 24/7 no YouTube com vÃdeos pré-gravados, músicas e playlists, sem deixar um PC ligado e sem usar OBS.", 126 "url": "https://247livestream.live", 127 "applicationCategory": "MultimediaApplication", 128 "operatingSystem": "Nuvem, navegador web", 129 "offers": { 130 "@type": "Offer", 131 "price": "14.00", 132 "priceCurrency": "USD", 133 "availability": "https://schema.org/InStock", 134 "description": "Preço por transmissão contÃnua 24/7: US$ 14/mês no plano anual ou US$ 16/mês no plano mensal." 135 }, 136 "featureList": [ 137 "Transmissão contÃnua 24/7 na nuvem (365 dias)", 138 "Sem hardware local e sem VPS", 139 "Transmissão em 1080p a 30 FPS com áudio de até 320 kbps", 140 "100 GB de armazenamento na nuvem incluÃdos", 141 "Rotação automática da playlist, ordem aleatória e loop", 142 "Servidor pronto na hora e reconexão RTMP automática", 143 "Transmissão multiplataforma por RTMP/RTMPS (YouTube, Twitch, Kick)", 144 "Edição da playlist sem interromper a transmissão ao vivo" 145 ] 146} 147</script>
vendor: 1 bytes, line 147
147
148<script type="application/ld+json"> 149{ 150 "@context": "https://schema.org", 151 "@type": "WebPage", 152 "inLanguage": "pt-BR", 153 "url": "https://247livestream.live/pt/", 154 "name": "Transmissão ao vivo 24/7 no YouTube, sem OBS e sem PC", 155 "description": "Guia e visão geral do software para criar transmissões ao vivo contÃnuas 24/7 no YouTube com vÃdeos pré-gravados, músicas e playlists.", 156 "dateModified": "2026-09-25", 157 "about": [ 158 "transmissão ao vivo 24/7", 159 "YouTube Live", 160 "transmissão na nuvem", 161 "vÃdeo pré-gravado ao vivo", 162 "live no YouTube sem OBS" 163 ], 164 "publisher": { 165 "@type": "Organization", 166 "name": "247 LiveStream", 167 "url": "https://247livestream.live" 168 } 169} 170</script>
vendor: 1 bytes, line 170
170
171<script type="application/ld+json"> 172{ 173 "@context": "https://schema.org", 174 "@type": "HowTo", 175 "inLanguage": "pt-BR", 176 "name": "Como configurar sua transmissão 24/7 no YouTube", 177 "step": [ 178 { 179 "@type": "HowToStep", 180 "position": 1, 181 "name": "Envie seus vÃdeos", 182 "text": "Adicione do seu computador os arquivos de vÃdeo e música que você quer transmitir." 183 }, 184 { 185 "@type": "HowToStep", 186 "position": 2, 187 "name": "Monte uma playlist", 188 "text": "Defina a ordem dos vÃdeos ou deixe em ordem aleatória. Quando o último vÃdeo termina, a playlist começa de novo." 189 }, 190 { 191 "@type": "HowToStep", 192 "position": 3, 193 "name": "Conecte o YouTube e entre ao vivo", 194 "text": "Cole a chave da transmissão do YouTube Studio e inicie a transmissão." 195 } 196 ] 197} 198</script>
vendor: 1 bytes, line 198
198
199<script type="application/ld+json"> 200{ 201 "@context": "https://schema.org", 202 "@type": "FAQPage", 203 "inLanguage": "pt-BR", 204 "mainEntity": [ 205 { 206 "@type": "Question", 207 "name": "Preciso do OBS para fazer uma live 24/7 no YouTube?", 208 "acceptedAnswer": { 209 "@type": "Answer", 210 "text": "Não. Você envia seus vÃdeos e nossos servidores fazem a transmissão para o YouTube. Não há nada para instalar no seu computador." 211 } 212 }, 213 { 214 "@type": "Question", 215 "name": "Como configurar uma transmissão ao vivo 24/7 no YouTube?", 216 "acceptedAnswer": { 217 "@type": "Answer", 218 "text": "Envie seus vÃdeos. Monte uma playlist e defina a ordem ou deixe em ordem aleatória. Cole a chave da transmissão do YouTube e inicie a transmissão." 219 } 220 }, 221 { 222 "@type": "Question", 223 "name": "Posso desligar o computador enquanto a transmissão está no ar?", 224 "acceptedAnswer": { 225 "@type": "Answer", 226 "text": "Sim. Nossos servidores fazem a transmissão, então o computador, a energia e a internet da sua casa podem ficar desligados." 227 } 228 }, 229 { 230 "@type": "Question", 231 "name": "Para quais plataformas posso transmitir?", 232 "acceptedAnswer": { 233 "@type": "Answer", 234 "text": "YouTube, Twitch, Kick e qualquer outro serviço que aceite transmissão ao vivo por RTMP." 235 } 236 }, 237 { 238 "@type": "Question", 239 "name": "O que acontece quando a playlist termina?", 240 "acceptedAnswer": { 241 "@type": "Answer", 242 "text": "Ela recomeça do primeiro vÃdeo. Você também pode repetir um único vÃdeo em loop ou deixar a playlist em ordem aleatória." 243 } 244 }, 245 { 246 "@type": "Question", 247 "name": "Posso alterar a playlist com a transmissão no ar?", 248 "acceptedAnswer": { 249 "@type": "Answer", 250 "text": "Sim. Adicione, remova ou reordene vÃdeos, e a transmissão continua." 251 } 252 }, 253 { 254 "@type": "Question", 255 "name": "O que acontece se a conexão com o YouTube cair?", 256 "acceptedAnswer": { 257 "@type": "Answer", 258 "text": "Nossos servidores reconectam a transmissão ao YouTube automaticamente. Você não precisa reiniciá-la." 259 } 260 }, 261 { 262 "@type": "Question", 263 "name": "Uma transmissão 24/7 é uma live de verdade no YouTube?", 264 "acceptedAnswer": { 265 "@type": "Answer", 266 "text": "Sim. Os espectadores assistem, comentam no chat e se inscrevem no canal, como em qualquer live do YouTube." 267 } 268 }, 269 { 270 "@type": "Question", 271 "name": "O YouTube salva uma transmissão 24/7 como vÃdeo?", 272 "acceptedAnswer": { 273 "@type": "Answer", 274 "text": "Segundo a Ajuda do YouTube, uma transmissão com mais de 12 horas pode não ser salva como vÃdeo. A transmissão ao vivo não é afetada. Guarde suas próprias cópias dos arquivos." 275 } 276 }, 277 { 278 "@type": "Question", 279 "name": "Uma live 24/7 pode gerar receita no YouTube?", 280 "acceptedAnswer": { 281 "@type": "Answer", 282 "text": "Sim, se o seu canal fizer parte do Programa de Parcerias do YouTube e o conteúdo seguir as polÃticas de monetização do YouTube. O YouTube pede conteúdo que não seja repetitivo, então transmita vários vÃdeos em vez de um único clipe curto." 283 } 284 }, 285 { 286 "@type": "Question", 287 "name": "Quem é responsável pelos direitos autorais?", 288 "acceptedAnswer": { 289 "@type": "Answer", 290 "text": "Você. Transmita apenas vÃdeos e músicas que você criou, que são seus ou que você tem licença para transmitir." 291 } 292 }, 293 { 294 "@type": "Question", 295 "name": "Qual é a diferença para o Restream ou o OneStream?", 296 "acceptedAnswer": { 297 "@type": "Answer", 298 "text": "O Restream encerra uma transmissão em loop depois de 40 horas ou 10 loops. O OneStream permite 30 dias seguidos, e só para o YouTube. O 247 LiveStream não tem limite de tempo." 299 } 300 }, 301 { 302 "@type": "Question", 303 "name": "Como o 247 LiveStream se compara ao Gyre?",
304 "acceptedAnswer": { 305 "@type": "Answer", 306 "text": "O plano Start do Gyre, de US$ 49, não tem playlists; elas começam no plano Start+, de US$ 99. O 247 LiveStream inclui playlists por US$ 16 por mês." 307 } 308 }, 309 { 310 "@type": "Question", 311 "name": "Quantas transmissões posso manter ao mesmo tempo?", 312 "acceptedAnswer": { 313 "@type": "Answer", 314 "text": "Quantas você precisar. Cada transmissão tem o mesmo preço e funciona de forma independente." 315 } 316 }, 317 { 318 "@type": "Question", 319 "name": "Posso testar antes de pagar?", 320 "acceptedAnswer": { 321 "@type": "Answer", 322 "text": "Sim. Comece grátis para montar e testar sua transmissão. Para manter uma transmissão no ar sem parar, você precisa do plano pago." 323 } 324 }, 325 { 326 "@type": "Question", 327 "name": "Como funciona a cobrança?", 328 "acceptedAnswer": { 329 "@type": "Answer", 330 "text": "US$ 16 por mês por transmissão com cobrança mensal, ou US$ 14 por mês com cobrança anual. Não há taxa de configuração, e você pode cancelar pelo painel." 331 } 332 } 333 ] 334} 335</script>
335 336<link rel="preconnect" href="https://fonts.googleapis.com"> 337<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 338<link href="https://fonts.googleapis.com/css2?family=Chivo:wght@400;700;900&family=Chivo+Mono:wght@400;500&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap" rel="stylesheet"> 339 340<style> 341:root { 342 --paper: #f5f4f0; 343 --paper-2: #ebe9e2; 344 --card: #fcfbf8; 345 --ink: #141414; 346 --ink-2: #4a4843; 347 --rule: #d3d0c8; 348 --mid: #8c877c; 349 --light: #b9b4a9; 350 --signal: #b3122e; 351 --screen: #1d1c1a; 352 /* Chivo for headings, navigation, buttons and the table; Chivo Mono for labels and numbers */ 353 --display: Chivo, "Helvetica Neue", Arial, sans-serif; 354 --display-weight: 900; 355 --ui: Chivo, "Helvetica Neue", Arial, sans-serif; 356 --num: "Chivo Mono", ui-monospace, monospace; 357 --label: "Chivo Mono", ui-monospace, monospace; 358 --h1-size: clamp(2.5rem, 1.1rem + 4.2vw, 4.6rem); 359 --h1-lh: 1; 360 --h1-ls: -0.03em; 361 --h1-ws: 0.08em; 362 --h2-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.6rem); 363 --h2-lh: 1.05; 364 --h2-ls: -0.025em; 365 --h3-font: var(--ui); 366 --h3-weight: 700; 367 --h3-ls: -0.01em; 368 --big-ls: -0.035em; 369 /* Body: Source Serif 4 */ 370 --body: "Source Serif 4", Georgia, serif; 371 --body-weight: 400; 372 --body-strong: 600; 373 --body-size: 17px; 374 --body-size-lg: 18px; 375 --body-lh: 1.65; 376 --lede-scale: 1; 377 --gutter: 16px; 378} 379@media (min-width: 700px) { :root { --gutter: 32px; } } 380 381 382*, *::before, *::after { box-sizing: border-box; } 383html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } 384@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } 385body { 386 margin: 0; 387 background: var(--paper); 388 color: var(--ink); 389 font: var(--body-weight) var(--body-size)/var(--body-lh) var(--body); 390 font-optical-sizing: auto; 391 text-rendering: optimizeLegibility; 392} 393@media (min-width: 960px) { body { font-size: var(--body-size-lg); } } 394img, svg { display: block; max-width: 100%; } 395img { height: auto; } 396a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; } 397a:hover { color: var(--signal); } 398:focus-visible { outline: 2px solid var(--signal); outline-offset: 3px; } 399h1, h2 { font-family: var(--display); font-weight: var(--display-weight); margin: 0; text-wrap: balance; } 400h3 { font-family: var(--h3-font); margin: 0; } 401p { margin: 0 0 1em; } 402p:last-child { margin-bottom: 0; } 403.nw { white-space: nowrap; } 404strong, b { font-weight: var(--body-strong); } 405.skip { position: absolute; left: -9999px; } 406.skip:focus { left: var(--gutter); top: 8px; background: var(--ink); color: var(--paper); padding: 8px 12px; z-index: 10; font-family: var(--ui); } 407 408.wrap { max-width: 1240px; margin: 0 auto; padding: 0 var(--gutter); } 409 410/* Buttons */ 411.btn { 412 display: inline-block; 413 background: var(--ink); 414 color: var(--paper); 415 font: 700 16px/1 var(--ui); 416 letter-spacing: -0.01em; 417 padding: 15px 22px; 418 border: 1px solid var(--ink); 419 border-radius: 2px; 420 text-decoration: none; 421 cursor: pointer; 422} 423.btn:hover { background: var(--signal); border-color: var(--signal); color: #fff; } 424.btn-quiet { background: transparent; color: var(--ink); } 425.btn-quiet:hover { background: var(--ink); border-color: var(--ink); color: var(--paper); } 426.btn-small { padding: 10px 14px; font-size: 15px; } 427.text-link { font: 600 16px var(--ui); } 428 429/* Masthead */ 430.masthead { border-bottom: 1px solid var(--ink); font-family: var(--ui); } 431.masthead .wrap { 432 display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; 433 gap: 12px 24px; padding-top: 14px; padding-bottom: 14px; 434} 435.brand { 436 display: inline-flex; align-items: center; gap: 10px; 437 font: var(--display-weight) 1.35rem/1 var(--display); text-decoration: none; letter-spacing: var(--big-ls); 438} 439.tally { width: 10px; height: 10px; border-radius: 50%; background: var(--signal); flex: none; } 440.nav-links { display: flex; flex-wrap: wrap; gap: 4px 22px; list-style: none; margin: 0; padding: 0; font-size: 15px; font-weight: 500; } 441.nav-links a { text-decoration: none; } 442.nav-links a:hover { text-decoration: underline; } 443.nav-actions { display: flex; align-items: center; gap: 18px; font-size: 15px; font-weight: 500; } 444.nav-actions .login { text-decoration: none; } 445@media (max-width: 899px) { 446 .masthead .wrap { column-gap: 12px; } 447 .masthead nav { order: 3; width: 100%; border-top: 1px solid var(--rule); padding-top: 10px; } 448 .nav-links { gap: 4px 16px; font-size: 14.5px; } 449 .nav-actions { gap: 14px; } 450} 451 452/* Hero */ 453.hero { padding: 40px 0 56px; } 454@media (min-width: 960px) { .hero { padding: 56px 0 88px; } } 455.hero-top { display: grid; gap: 24px; } 456.hero-copy { display: grid; gap: 20px; align-items: start; } 457@media (min-width: 960px) { .hero-copy { grid-template-columns: 7fr 5fr; gap: 64px; } } 458h1 { 459 font-size: var(--h1-size); 460 line-height: var(--h1-lh); 461 letter-spacing: var(--h1-ls); 462 word-spacing: var(--h1-ws); 463 max-width: 20ch; 464} 465.standfirst { 466 font: 400 clamp(1.15rem, 1.05rem + 0.4vw, 1.35rem)/1.5 var(--body); 467 color: var(--ink-2); 468 max-width: 30em; 469 margin: 0; 470} 471.cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; } 472.price-line { 473 margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--rule); 474 font: 400 15px/1.5 var(--ui);
474 color: var(--ink-2); 475} 476.price-line strong { color: var(--ink); font-weight: 700; } 477.price-line code { font: 700 14px var(--ui); color: var(--ink); letter-spacing: 0.02em; } 478 479.hero-stage { 480 display: grid; gap: 40px; margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--ink); 481} 482@media (min-width: 960px) { 483 .hero-stage { grid-template-columns: 8fr 4fr; gap: 56px; align-items: center; margin-top: 44px; } 484} 485.stage-label { 486 display: flex; justify-content: space-between; gap: 12px; 487 font: 500 13px var(--ui); color: var(--ink-2); margin-bottom: 10px; 488} 489.stage-label b { color: var(--ink); font-weight: 700; } 490 491/* Player mockup */ 492.ui { 493 background: var(--card); 494 border: 1px solid var(--ink); 495 border-radius: 8px; 496 font-family: var(--ui); 497 font-size: 14px; 498 line-height: 1.4; 499 color: var(--ink); 500 overflow: hidden; 501} 502.player { display: grid; } 503@media (min-width: 640px) { .player { grid-template-columns: 1fr 200px; } } 504.screen { position: relative; background: var(--screen); aspect-ratio: 16 / 9; overflow: hidden; } 505.screen img { width: 100%; height: 100%; object-fit: cover; } 506.screen-top { position: absolute; left: 12px; top: 12px; display: flex; gap: 8px; align-items: center; } 507.badge-live { 508 display: inline-flex; align-items: center; gap: 6px; 509 background: var(--signal); color: #fff; font: 700 12px/1 var(--ui); letter-spacing: 0.04em; 510 padding: 6px 8px; border-radius: 3px; 511} 512.badge-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; } 513.badge-count { background: rgba(20,20,20,.82); color: #f5f4f0; font: 500 12px/1 var(--label); padding: 6px 8px; border-radius: 3px; } 514.screen-bottom { 515 position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 12px 10px; 516 background: linear-gradient(transparent, rgba(20,20,20,.88) 45%); 517 color: #f5f4f0; font-size: 13px; 518} 519.now-row { display: flex; justify-content: space-between; gap: 10px; } 520.now-row b { font-weight: 700; } 521.now-row span { opacity: .85; white-space: nowrap; font-family: var(--num); } 522.seek { height: 3px; background: rgba(245,244,240,.3); border-radius: 2px; margin-top: 8px; overflow: hidden; } 523.seek i { display: block; height: 100%; width: 62%; background: var(--signal); } 524.chat { border-left: 1px solid var(--rule); display: flex; flex-direction: column; } 525@media (max-width: 639px) { .chat { border-left: 0; border-top: 1px solid var(--rule); } } 526.chat-head { padding: 10px 14px; font-weight: 700; border-bottom: 1px solid var(--rule); } 527.chat ul { list-style: none; margin: 0; padding: 12px 14px; display: grid; gap: 12px; font-size: 13px; } 528.chat ul b { display: block; font-weight: 600; color: var(--ink-2); font-size: 12px; } 529.player-meta { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--rule); } 530.player-meta b { display: block; font-weight: 700; font-size: 15px; } 531.player-meta span { color: var(--ink-2); font-size: 13px; } 532 533/* Format clock */ 534.clock { width: 100%; max-width: 360px; margin: 0 auto; } 535@media (max-width: 599px) { .clock { max-width: 300px; } } 536.clock .s-ink { stroke: var(--ink); } 537.clock .s-mid { stroke: var(--mid); } 538.clock .s-now { stroke: var(--signal); } 539.clock .ring path { fill: none; stroke-width: 26; } 540.clock .ticks { stroke: var(--ink); stroke-width: 1; } 541.clock .hours { font: 500 13px var(--num); fill: var(--ink-2); text-anchor: middle; dominant-baseline: middle; } 542.clock .num-now { font: 800 16px var(--ui); fill: var(--signal); text-anchor: middle; dominant-baseline: middle; } 543.clock .c-small { font: 500 13px var(--ui); fill: var(--ink-2); text-anchor: middle; } 544.clock .c-big { font: var(--display-weight) 46px var(--display); letter-spacing: var(--big-ls); fill: var(--ink); text-anchor: middle; } 545.clock .c-red { font: 700 14px var(--ui); fill: var(--signal); text-anchor: middle; } 546.clock .hand line { stroke: var(--signal); stroke-width: 2; } 547.clock .hand circle { fill: var(--signal); } 548.clock-fig figcaption { max-width: 360px; margin: 14px auto 0; } 549 550/* Figures and captions */ 551figure { margin: 0; } 552figcaption, .caption { 553 font: 400 14px/1.5 var(--ui);
553 color: var(--ink-2); margin-top: 12px; max-width: 42em; 554} 555figcaption b, .caption b { color: var(--ink); font-weight: 700; } 556.illo { border-top: 1px solid var(--ink); padding-top: 16px; } 557.illo img { width: 100%; } 558 559/* Sections */ 560.section { border-top: 1px solid var(--ink); padding: 48px 0 64px; } 561@media (min-width: 960px) { .section { padding: 72px 0 96px; } } 562.split { display: grid; gap: 28px; } 563@media (min-width: 960px) { .split { grid-template-columns: 4fr 8fr; gap: 64px; } } 564h2 { 565 font-size: var(--h2-size); 566 line-height: var(--h2-lh); 567 letter-spacing: var(--h2-ls); 568} 569.intro { color: var(--ink-2); margin-top: 16px; max-width: 30em; } 570h3 { font-size: 1.1rem; font-weight: var(--h3-weight); line-height: 1.3; letter-spacing: var(--h3-ls); } 571.measure { max-width: 40em; } 572.stack > * + * { margin-top: 32px; } 573 574/* Quick answer */ 575.lede { font: 400 calc(clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem) * var(--lede-scale))/1.5 var(--body); max-width: 34em; } 576.after-lede { margin-top: 16px; color: var(--ink-2); max-width: 40em; } 577 578/* Flow diagram */ 579.flow { margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--ink); } 580.flow-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 44px; font-family: var(--ui); } 581@media (min-width: 700px) { .flow-steps { grid-template-columns: repeat(3, 1fr); gap: 56px; } } 582.flow-steps li { position: relative; } 583.flow-steps li:not(:last-child)::after { 584 content: ""; position: absolute; width: 36px; height: 12px; 585 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath d='M0 6h34M28 1l6 5-6 5' stroke='%23141414' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center; 586 left: 26px; bottom: -10px; transform: rotate(90deg); transform-origin: left center; 587} 588@media (min-width: 700px) { 589 .flow-steps li:not(:last-child)::after { 590 left: 80px; right: -44px; bottom: auto; top: 26px; width: auto; transform: none; 591 background: 592 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath d='M1 1l6 5-6 5' stroke='%23141414' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right center, 593 linear-gradient(var(--ink), var(--ink)) no-repeat left center / calc(100% - 2px) 1px; 594 } 595} 596.flow-icon { width: 64px; height: 64px; margin-bottom: 12px; } 597.flow-steps b { display: block; font-weight: 700; font-size: 16px; } 598.flow-steps span { display: block; font-size: 14px; color: var(--ink-2); line-height: 1.45; margin-top: 2px; } 599.flow-note { 600 display: flex; align-items: center; gap: 12px; margin-top: 28px; padding-top: 14px; 601 border-top: 1px dashed var(--mid); font: 400 14px/1.45 var(--ui); color: var(--ink-2); 602} 603.flow-note svg { width: 40px; height: 28px; flex: none; } 604 605/* Requirements + steps sidebar */ 606.how-grid { display: grid; gap: 48px; } 607@media (min-width: 960px) { .how-grid { grid-template-columns: 7fr 5fr; gap: 80px; } } 608.needs { list-style: none; margin: 28px 0 0; padding: 0; } 609.needs li { padding: 20px 0; border-top: 1px solid var(--rule); } 610.needs li:last-child { border-bottom: 1px solid var(--rule); } 611.needs h3 { margin-bottom: 6px; } 612.needs p { color: var(--ink-2); max-width: 36em; } 613.sidebar { border-top: 3px solid var(--ink); padding-top: 18px; align-self: start; } 614.sidebar h2 { font-size: calc(var(--h2-size) * 0.6); line-height: 1.12; } 615.sidebar .time { font: 400 14px var(--ui); color: var(--ink-2); margin: 6px 0 0; } 616.steps { list-style: none; margin: 20px 0 0; padding: 0; counter-reset: step; } 617.steps li { display: grid; grid-template-columns: 44px 1fr; gap: 0 12px; padding: 14px 0; border-top: 1px solid var(--rule); } 618.steps li::before { 619 counter-increment: step; content: counter(step); 620 font: var(--display-weight) 2.3rem/0.9 var(--display); color: var(--signal); letter-spacing: var(--big-ls); 621} 622.steps h3 { font-size: 1.02rem; margin-bottom: 2px; } 623.steps p { font-size: 15.5px; line-height: 1.5; color: var(--ink-2); } 624 625/* Product mockups */ 626.mockups { display: grid; gap: 32px; margin-top: 56px; } 627@media (min-width: 900px) { .mockups { grid-template-columns: 7fr 5fr; gap: 40px; align-items: start; } } 628.ui-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--rule); } 629.ui-title { font-weight: 700; font-size: 14px; } 630.pill { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--ink); white-space: nowrap; } 631.pill-live { background: var(--signal); border-color: var(--signal); color: #fff; } 632.pill-live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; } 633.ui-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; padding: 10px 16px; border-top: 1px solid var(--rule); color: var(--ink-2); font-size: 13px; } 634.pl { list-style: none; margin: 0; padding: 0; } 635.pl li { display: grid; grid-template-columns: 20px 56px 1fr auto; gap: 12px; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--rule); } 636.pl li:last-child { border-bottom: 0; } 637.pl .n { color: var(--mid); font: 400 12px var(--num); } 638.thumb { width: 56px; height: 32px; border-radius: 3px; background: var(--ink); position: relative; overflow: hidden; } 639.thumb-a { background: #2b2a27; } 640.thumb-b { background: #6e6a61; } 641.thumb-c { background: var(--light); } 642.thumb img { width: 100%; height: 100%; object-fit: cover; } 643.thumb::after {
644 content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%); 645 border-left: 7px solid rgba(255,255,255,.85); border-top: 5px solid transparent; border-bottom: 5px solid transparent; 646} 647.pl .t { min-width: 0; } 648.pl .t b { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 649.pl .t small { display: block; color: var(--ink-2); font-size: 12px; } 650.pl .d { color: var(--ink-2); font: 400 13px var(--num); } 651.pl .now { background: var(--paper-2); } 652.pl .now .n { color: var(--signal); font-weight: 700; } 653.pl .now small { color: var(--signal); font-weight: 600; } 654.progress { height: 3px; background: var(--rule); margin-top: 6px; border-radius: 2px; overflow: hidden; } 655.progress i { display: block; height: 100%; width: 62%; background: var(--signal); } 656.fields { padding: 6px 16px 14px; } 657.field { padding: 10px 0; border-bottom: 1px solid var(--rule); } 658.field .lbl { display: block; font-family: var(--label); font-size: 12px; color: var(--ink-2); margin-bottom: 5px; font-weight: 500; } 659.input { display: flex; justify-content: space-between; align-items: center; gap: 10px; border: 1px solid var(--light); background: #fff; border-radius: 4px; padding: 8px 10px; font-size: 13px; overflow: hidden; } 660.input span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 661.input .mask { font-size: 17px; line-height: 1; letter-spacing: 1px; } 662.input em { font-style: normal; font-weight: 600; font-size: 12px; color: var(--ink-2); flex: none; } 663.toggle-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--rule); } 664.toggle-row:last-child { border-bottom: 0; } 665.toggle { width: 32px; height: 18px; border-radius: 999px; background: var(--ink); position: relative; flex: none; } 666.toggle-off { background: var(--light); } 667.toggle-off::after { right: auto; left: 2px; } 668.toggle::after { content: ""; position: absolute; right: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--card); } 669 670/* Status panel */ 671.status dl { margin: 0; padding: 4px 16px 8px; } 672.status .row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--rule); } 673.status .row:last-child { border-bottom: 0; } 674.status dt { color: var(--ink-2); } 675.status dd { margin: 0; font-weight: 700; display: flex; align-items: center; gap: 8px; text-align: right; } 676.dot { width: 9px; height: 9px; border-radius: 50%; flex: none; } 677.dot-off { border: 1.5px solid var(--mid); } 678.dot-live { background: var(--signal); box-shadow: 0 0 0 3px rgba(179,18,46,.16); } 679 680/* Plain table */ 681.plain-table { width: 100%; border-collapse: collapse; font: 400 15px/1.45 var(--ui); } 682.plain-table caption { text-align: left; font: 400 14px var(--ui); color: var(--ink-2); padding-bottom: 12px; } 683.plain-table th, .plain-table td { text-align: left; vertical-align: top; padding: 13px 16px 13px 0; border-bottom: 1px solid var(--rule); } 684.plain-table thead th { font-weight: 700; font-size: 13px; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--ink); } 685.plain-table tbody th { font-weight: 700; width: 20%; } 686.plain-table tbody tr:last-child > * { border-bottom: 2px solid var(--ink); } 687.plain-table td:nth-child(2) { color: var(--ink-2); } 688@media (max-width: 599px) { 689 .plain-table, .plain-table tbody, .plain-table tr, .plain-table th, .plain-table td { display: block; width: auto; } 690 .plain-table caption { display: block; } 691 .plain-table thead { display: none; } 692 .plain-table tbody tr { border-bottom: 1px solid var(--rule); padding: 12px 0; } 693 .plain-table tbody tr:last-child { border-bottom: 2px solid var(--ink); } 694 .plain-table tbody th, .plain-table td, .plain-table tbody tr:last-child > * { border: 0; padding: 2px 0; } 695 .plain-table td::before { content: attr(data-label) ": "; font-weight: 700; color: var(--ink); } 696} 697 698/* Run-in paragraphs */ 699.runin p { max-width: 38em; } 700.runin p + p { margin-top: 1em; } 701.runin strong { font-family: var(--ui); font-weight: 700; letter-spacing: -0.015em; } 702 703/* Time zones */ 704.zones { list-style: none; margin: 0; padding: 16px 0 0; border-top: 1px solid var(--ink); display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 16px; font-family: var(--ui); } 705@media (min-width: 700px) { .zones { grid-template-columns: repeat(4, 1fr); } } 706.zones li { display: grid; grid-template-columns: 44px 1fr; gap: 0 12px; align-items: center; } 707.zones svg { width: 44px; height: 44px;
707 grid-row: span 3; } 708.zones b { font-weight: 700; font-size: 15px; } 709.zones span { font: 400 14px var(--num); color: var(--ink-2); } 710.zones em { font-style: normal; font-size: 12px; font-weight: 700; color: var(--signal); display: inline-flex; align-items: center; gap: 5px; } 711.zones em::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--signal); } 712 713/* Use cases */ 714.cases { list-style: none; margin: 0; padding: 0; display: grid; gap: 0 40px; } 715@media (min-width: 640px) { .cases { grid-template-columns: 1fr 1fr; } } 716.cases li { padding: 18px 0 20px; border-top: 1px solid var(--rule); } 717.cases h3 { margin-bottom: 4px; } 718.cases p { color: var(--ink-2); } 719 720/* Bar and timeline charts */ 721.chart { font-family: var(--ui); } 722.chart-title { font: 700 15px/1.35 var(--ui); max-width: none; color: var(--ink); margin: 0 0 16px; padding-top: 12px; border-top: 2px solid var(--ink); } 723.bars { list-style: none; margin: 0; padding: 0; } 724.bars li { display: grid; grid-template-columns: 150px 1fr 118px; gap: 14px; align-items: center; padding: 7px 0; font-size: 14px; } 725.bars .track { 726 height: 18px; position: relative; 727 background: 728 linear-gradient(var(--rule), var(--rule)) 25% 0 / 1px 100% no-repeat, 729 linear-gradient(var(--rule), var(--rule)) 50% 0 / 1px 100% no-repeat, 730 linear-gradient(var(--rule), var(--rule)) 75% 0 / 1px 100% no-repeat; 731} 732.bars .bar { position: absolute; top: 0; bottom: 0; left: 0; width: calc(var(--v) / var(--max) * 100%); background: var(--ink); } 733.bars .us .bar { background: var(--signal); } 734.bars .bar.ghost { background: transparent; border: 1px dashed var(--ink-2); } 735del.was { color: var(--ink-2); font-size: .8em; text-decoration-thickness: 1px; } 736ins.now { text-decoration: none; } 737.vh { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } 738.bars .us { font-weight: 700; } 739.bars .lbl-note { display: block; font-size: 11px; color: var(--ink-2); font-weight: 400; } 740.bars .range .bar { 741 left: calc(var(--from) / var(--max) * 100%); 742 width: calc((var(--v) - var(--from)) / var(--max) * 100%); 743 background: repeating-linear-gradient(135deg, var(--ink) 0 2px, transparent 2px 5px); 744 border: 1px solid var(--ink); 745} 746.bars .val { text-align: right; font: 600 14px var(--num); font-variant-numeric: tabular-nums; } 747.axis { display: grid; grid-template-columns: 150px 1fr 74px; gap: 14px; font: 400 12px var(--num); color: var(--ink-2); margin-top: 4px; } 748.axis .ticks { position: relative; height: 16px; } 749.axis .ticks span { position: absolute; transform: translateX(-50%); white-space: nowrap; } 750.axis .ticks span:first-child { transform: none; } 751.axis .ticks span:last-child { transform: translateX(-100%); } 752@media (max-width: 599px) { 753 .bars li { grid-template-columns: 1fr auto; gap: 2px 12px; padding: 4px 0; font-size: 13.5px; } 754 .bars .lbl { grid-column: 1 / -1; } 755 .axis { grid-template-columns: 1fr 64px; gap: 12px; } 756 .axis .spacer:first-child { display: none; } 757} 758.timeline .tl-row { display: grid; grid-template-columns: 170px 1fr; gap: 14px; align-items: center; padding: 8px 0; font-size: 14px; } 759.timeline .tl-track { height: 22px; position: relative; } 760.timeline .seg { position: absolute; top: 0; bottom: 0; } 761.seg-live { left: 0; right: 0; background: var(--ink); } 762.seg-live::after { content: ""; position: absolute; right: -9px; top: 50%; transform: translateY(-50%); border-left: 9px solid var(--ink); border-top: 11px solid transparent; border-bottom: 11px solid transparent; } 763.seg-saved { left: 0; width: 25%; background: var(--signal); } 764.seg-maybe { left: 25%; right: 0; border: 1px dashed var(--mid); border-left: 0; } 765.seg-maybe span { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 12px; color: var(--ink-2); white-space: nowrap; } 766.timeline .tl-axis { display: grid; grid-template-columns: 170px 1fr; gap: 14px; font: 400 12px var(--num); color: var(--ink-2); } 767.timeline .tl-axis .ticks { position: relative; height: 16px; border-top: 1px solid var(--ink); padding-top: 2px; } 768.timeline .tl-axis .ticks span { position: absolute; top: 4px; transform: translateX(-50%); white-space: nowrap; } 769.timeline .tl-axis .ticks span:first-child { transform: none; } 770.timeline .tl-axis .ticks span:last-child { transform: translateX(-100%); } 771@media (max-width: 599px) { 772 .timeline .tl-row { grid-template-columns: 1fr; gap: 4px; } 773 .timeline .tl-axis { grid-template-columns: 1fr; } 774 .timeline .tl-axis > span:first-child { display: none; } 775} 776 777/* Pricing */ 778.rate { border-top: 3px solid var(--ink); } 779.rate-prices { display: grid; grid-template-columns: 1fr 1fr; } 780.rate-prices > div { padding: 22px 0 24px; } 781.rate-prices > div + div { border-left: 1px solid var(--rule); padding-left: 24px; } 782.amount { font: var(--display-weight) clamp(3rem, 2.2rem + 3vw, 4.8rem)/1 var(--display); letter-spacing: var(--big-ls); margin: 0; font-variant-numeric: lining-nums tabular-nums; } 783.amount small { font-size: 0.3em; letter-spacing: -0.01em; font-weight: 500; color: var(--ink-2); margin-left: 6px; } 784.rate-prices .billed { margin: 10px 0 0; font: 400 14px/1.45 var(--ui);
784 color: var(--ink-2); } 785.included { list-style: none; margin: 0; padding: 18px 0; border-top: 1px solid var(--ink); display: grid; gap: 8px 32px; } 786@media (min-width: 640px) { .included { grid-template-columns: 1fr 1fr; } } 787.included li { padding-left: 20px; position: relative; } 788.included li::before { content: ""; position: absolute; left: 0; top: 0.8em; width: 10px; height: 1px; background: var(--ink); } 789.year-chart { margin: 8px 0 24px; } 790.pricing-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 24px; } 791.fine { font: 400 14px var(--ui); color: var(--ink-2); } 792 793/* Start dialog */ 794.start-dialog { 795 width: min(480px, calc(100vw - 32px)); padding: 28px 24px 24px; margin: auto; 796 background: var(--paper); color: var(--ink); border: 1px solid var(--ink); border-radius: 8px; 797 font-family: var(--ui); 798} 799.start-dialog::backdrop { background: rgba(20, 20, 20, 0.55); } 800.start-dialog h2 { font-size: calc(var(--h2-size) * 0.62); padding-right: 36px; } 801.start-dialog p { font: 400 16px/1.55 var(--body); color: var(--ink-2); margin: 12px 0 18px; } 802.dialog-close { 803 position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; 804 border: 1px solid var(--rule); background: transparent; border-radius: 4px; 805 font: 400 22px/1 var(--ui); color: var(--ink); cursor: pointer; 806} 807.dialog-close:hover { border-color: var(--ink); } 808.dialog-code { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 20px; } 809.dialog-code code { font: 700 1.05rem/1.2 var(--label); letter-spacing: 0.02em; border: 1px dashed var(--ink); padding: 9px 12px; background: var(--card); word-break: break-all; } 810.dialog-cta { display: block; text-align: center; } 811 812/* Comparison */ 813.compare-head { display: grid; gap: 16px; margin-bottom: 40px; } 814@media (min-width: 960px) { .compare-head { grid-template-columns: 4fr 8fr; gap: 64px; align-items: end; } } 815.cost-chart { margin-bottom: 56px; max-width: 900px; } 816.scroll-hint { display: none; font: 400 14px var(--ui); color: var(--ink-2); margin-bottom: 8px; } 817@media (max-width: 1099px) { .scroll-hint { display: block; } } 818.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-bottom: 2px solid var(--ink); } 819.table-wrap:focus-visible { outline-offset: 6px; } 820.data { width: 100%; min-width: 1120px; border-collapse: collapse; font: 400 14px/1.45 var(--ui); font-variant-numeric: lining-nums tabular-nums; } 821.data caption { text-align: left; caption-side: top; padding-bottom: 14px; font: 700 1.15rem/1.3 var(--ui); letter-spacing: -0.02em; color: var(--ink); } 822.data th, .data td { text-align: left; vertical-align: top; padding: 12px 14px; border-bottom: 1px solid var(--rule); } 823.data thead th { font-weight: 700; font-size: 13.5px; vertical-align: bottom; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--ink); } 824.data tbody tr:last-child > * { border-bottom: 0; } 825.data tbody th { font-weight: 700; width: 150px; min-width: 150px; position: sticky; left: 0; background: var(--paper); z-index: 1; padding-left: 0; } 826.data thead th:first-child { position: sticky; left: 0; background: var(--paper); z-index: 2; padding-left: 0; } 827@media (max-width: 1099px) { .data caption { position: sticky; left: 0; max-width: calc(100vw - 2 * var(--gutter)); } } 828@media (max-width: 599px) { .data tbody th { width: 118px; min-width: 118px; font-size: 13px; } } 829.data .us { background: var(--paper-2); }
830.data thead th.us { border-top: 4px solid var(--signal); } 831.fig { display: block; font: var(--display-weight) 1.35rem/1.1 var(--display); letter-spacing: var(--big-ls); } 832.note { display: block; color: var(--ink-2); font-size: 13px; margin-top: 3px; } 833.no { color: var(--ink-2); } 834.table-notes { display: grid; gap: 24px; margin-top: 20px; } 835@media (min-width: 960px) { .table-notes { grid-template-columns: 4fr 8fr; gap: 64px; } } 836.checked { font: 700 15px/1.45 var(--ui); } 837.sources { margin: 0; padding: 0 0 0 1.1em; font-size: 15px; color: var(--ink-2); } 838.sources li + li { margin-top: 4px; } 839.disclosure { margin-top: 28px; padding: 14px 0 0; border-top: 1px solid var(--rule); font: italic 400 1.05rem/1.5 var(--body); max-width: 46em; } 840 841/* FAQ */ 842.faq { border-top: 1px solid var(--ink); } 843.faq details { border-bottom: 1px solid var(--rule); } 844.faq summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr 24px; gap: 16px; align-items: start; padding: 18px 0; font: 700 1.08rem/1.35 var(--ui); letter-spacing: -0.015em; } 845.faq summary::-webkit-details-marker { display: none; } 846.faq summary::after { content: "+"; font: 400 1.5rem/1 var(--ui); color: var(--ink-2); text-align: right; } 847.faq details[open] summary::after { content: "\2212"; } 848.faq summary:hover { color: var(--signal); } 849.faq .answer { padding: 0 40px 22px 0; color: var(--ink-2); max-width: 40em; } 850 851/* Footer */ 852.site-footer { border-top: 2px solid var(--ink); padding: 40px 0 48px; font: 400 15px/1.5 var(--ui); } 853.footer-grid { display: grid; gap: 32px; } 854@media (min-width: 800px) { .footer-grid { grid-template-columns: 6fr 3fr 3fr; gap: 48px; } } 855.site-footer h2 { font: 700 14px/1.4 var(--ui); letter-spacing: 0; margin-bottom: 10px; } 856.site-footer ul { list-style: none; margin: 0; padding: 0; } 857.site-footer li + li { margin-top: 6px; } 858.site-footer .about p { color: var(--ink-2); max-width: 32em; margin-top: 14px; font-family: var(--body); } 859.copyright { margin-top: 40px; padding-top: 14px; border-top: 1px solid var(--rule); font-size: 14px; color: var(--ink-2); } 860 861/* Language menu (same markup on every homepage version) */ 862.masthead nav { display: flex; align-items: center; gap: 4px 22px; } 863.lang-menu { position: relative; flex: none; } 864.lang-menu summary { 865 list-style: none; cursor: pointer; display: flex; align-items: center; gap: 6px; 866 min-height: 44px; font: 500 15px var(--ui); white-space: nowrap; 867} 868.lang-menu summary::-webkit-details-marker { display: none; } 869.lang-menu summary svg { width: 16px; height: 16px; flex: none; } 870.lang-menu summary::after { 871 content: ""; width: 6px; height: 6px; margin-left: 2px; 872 border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; 873 transform: translateY(-2px) rotate(45deg); 874} 875.lang-menu[open] summary::after { transform: translateY(2px) rotate(-135deg); } 876.lang-menu summary:hover { color: var(--signal); } 877.lang-menu ul { 878 position: absolute; right: 0; top: 100%; z-index: 20; min-width: 200px; margin: 2px 0 0; padding: 6px 0; 879 list-style: none; background: var(--card); border: 1px solid var(--ink); border-radius: 4px; 880 box-shadow: 0 8px 24px rgba(20, 20, 20, .12); 881} 882.lang-menu li a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px; text-decoration: none; font: 500 15px var(--ui); } 883.lang-menu li a:hover { background: var(--paper-2); color: var(--ink); } 884.lang-menu a[aria-current] { font-weight: 700; } 885.lang-menu a[aria-current]::after { content: ""; width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: var(--signal); } 886@media (max-width: 899px) { 887 .masthead nav { justify-content: space-between; align-items: flex-start; } 888 .lang-menu summary { min-height: 44px; margin-top: -11px; margin-bottom: -11px; } 889} 890 891/* Language suggestion bar (built by /script.js) */ 892.lang-bar { 893 position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; 894 display: flex; align-items: center; justify-content: center; gap: 4px 12px; 895 padding: 4px 8px 4px var(--gutter); background: var(--ink); color: var(--paper); font: 400 15px/1.4 var(--ui); 896} 897.lang-bar p { margin: 0; } 898.lang-bar a { color: #fff; font-weight: 700; display: inline-block; padding: 12px 0; white-space: nowrap; } 899.lang-bar a:hover { color: #fff; text-decoration-thickness: 2px; } 900.lang-bar button { flex: none; width: 44px; height: 44px; border: 0; background: transparent; color: inherit; font: 400 24px/1 var(--ui);
900 cursor: pointer; } 901.lang-bar :focus-visible { outline-color: #fff; } 902</style> 903<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 903-904
903 904<script async src="https://www.googletagmanager.com/gtag/js?id=
904G-S9YN1N7J51
vendor: 12 bytes, line 904
904"></script>
905<script> 906
vendor: 133 bytes, lines 906-909
906window.dataLayer = window.dataLayer || []; 907 function gtag(){dataLayer.push(arguments);} 908 gtag('js', new Date()); 909 gtag('config', '
909G-S9YN1N7J51
vendor: 4 bytes, line 909
909');
910</script>
910 911</head> 912<body> 913<a class="skip" href="#main">Pular para o conteúdo</a> 914 915<header class="masthead"> 916 <div class="wrap"> 917 <a class="brand" href="https://247livestream.live/pt/" aria-label="Página inicial do 247 LiveStream"><span class="tally" aria-hidden="true"></span>247 LiveStream</a> 918 <nav aria-label="Principal"> 919 <ul class="nav-links"> 920 <li><a href="#how-it-works">Como funciona</a></li> 921 <li><a href="#pricing">Preços</a></li> 922 <li><a href="#competitor-comparison">Comparação</a></li> 923 <li><a href="#faq">Perguntas frequentes</a></li> 924 <li><a href="/blog">Blog</a></li> 925 </ul> 926 <details class="lang-menu"> 927 <summary aria-label="Idioma: Português"><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="6.5" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M1.5 8h13M8 1.5c-2.2 2.4-2.2 10.6 0 13M8 1.5c2.2 2.4 2.2 10.6 0 13" fill="none" stroke="currentColor" stroke-width="1.2"/></svg>Português</summary> 928 <ul> 929 <li><a href="/" hreflang="en" lang="en">English</a></li> 930 <li><a href="/es/" hreflang="es" lang="es">Español</a></li> 931 <li><a href="/pt/" hreflang="pt-BR" lang="pt-BR" aria-current="page">Português</a></li> 932 <li><a href="/zh/" hreflang="zh-TW" lang="zh-TW">䏿ï¼ç¹é«ï¼</a></li> 933 <li><a href="/fr/" hreflang="fr" lang="fr">Français</a></li> 934 <li><a href="/it/" hreflang="it" lang="it">Italiano</a></li> 935 </ul> 936 </details> 937 </nav> 938 <div class="nav-actions"> 939 <a class="login" href="https://www.livereacting.com/login?utm_source=247livestream&utm_medium=referral&utm_campaign=login">Entrar</a> 940 <a class="btn btn-small" href="https://www.livereacting.com/signup?utm_source=247livestream&utm_medium=referral&utm_campaign=signup" data-start>Comece grátis</a> 941 </div> 942 </div> 943</header> 944 945<main id="main"> 946 947 <section class="hero" aria-labelledby="hero-title"> 948 <div class="wrap"> 949 <div class="hero-top"> 950 <h1 id="hero-title">Faça uma live 24/7 com vÃdeos pré-gravados</h1> 951 <div class="hero-copy"> 952 <p class="standfirst">Coloque seus vÃdeos em uma playlist. Nossos servidores transmitem tudo para o YouTube <span class="nw">sem parar</span>. <strong>Seu computador fica desligado.</strong></p> 953 <div> 954 <div class="cta-row"> 955 <a class="btn" href="https://www.livereacting.com/signup?utm_source=247livestream&utm_medium=referral&utm_campaign=signup" data-start>Comece grátis</a> 956 <a class="text-link" href="#how-it-works">Veja como funciona</a> 957 </div> 958 <p class="price-line"><strong>US$ 16 por mês por transmissão</strong>, ou US$ 14 por mês no plano anual. Monte e teste sua transmissão de graça.</p> 959 </div> 960 </div> 961 </div> 962 963 <div class="hero-stage"> 964 <figure> 965 <p class="stage-label"><span><b>Exemplo de transmissão.</b> O que os espectadores veem no YouTube. Nomes e números são só exemplos.</span></p> 966 <div class="ui" role="img" aria-label="Exemplo de player de uma transmissão ao vivo: a janela de um café em uma noite de chuva, um selo vermelho AO VIVO, 1.284 assistindo, tocando agora Set café na chuva, vÃdeo 3 de 12, e um chat com três mensagens."> 967 <div class="player"> 968 <div class="screen"> 969 <img src="/images/cafe.webp" srcset="/images/cafe-800.webp 800w, /images/cafe.webp 1440w" sizes="(max-width: 900px) 100vw, 720px" width="1440" height="810" fetchpriority="high" alt="Ilustração da janela de um café à noite: chuva no vidro, luzes da cidade lá fora, um abajur e uma xÃcara de café."> 970 <div class="screen-top"><span class="badge-live">AO VIVO</span><span class="badge-count">1.284 assistindo</span></div> 971 <div class="screen-bottom"> 972 <div class="now-row"><b>Tocando agora: Set café na chuva · 3 de 12</b><span>1:15 / 2:00</span></div> 973 <div class="seek"><i></i></div> 974 </div> 975 </div> 976 <div class="chat"> 977 <div class="chat-head">Chat ao vivo</div> 978 <ul> 979 <li><b>night_owl</b>3 da manhã aqui, perfeito pra estudar</li> 980 <li><b>kettle_on</b>Bom dia direto de Lisboa</li> 981 <li><b>slowtrain</b>Voltei pelo set da chuva</li> 982 </ul> 983 </div> 984 </div> 985 <div class="player-meta"><div><b>Rádio lofi de madrugada, 24/7</b><span>Seu canal</span></div></div> 986 </div> 987 </figure> 988 989 <figure class="clock-fig">
990 <svg class="clock" viewBox="0 0 400 400" role="img" aria-labelledby="clock-title clock-desc"> 991 <title id="clock-title">A playlist de 24 horas por trás da transmissão de exemplo</title> 992 <desc id="clock-desc">Um mostrador de 24 horas dividido em 12 vÃdeos. O vÃdeo 3, Set café na chuva, aparece em vermelho, e um ponteiro vermelho marca o momento mostrado no player.</desc> 993 <g class="ring"> 994 <path class="s-ink" d="M201.6 50.0A150 150 0 0 1 259.0 62.1"/> 995 <path class="s-mid" d="M261.8 63.3A150 150 0 0 1 323.8 115.4"/> 996 <path class="s-now" d="M325.6 118.0A150 150 0 0 1 349.6 188.6"/> 997 <path class="s-mid" d="M349.8 191.8A150 150 0 0 1 340.4 252.9"/> 998 <path class="s-ink" d="M339.2 255.8A150 150 0 0 1 284.6 323.8"/> 999 <path class="s-mid" d="M282.0 325.6A150 150 0 0 1 230.8 346.8"/> 1000 <path class="s-ink" d="M227.7 347.4A150 150 0 0 1 150.2 341.5"/> 1001 <path class="s-mid" d="M147.2 340.4A150 150 0 0 1 90.5 302.5"/> 1002 <path class="s-ink" d="M88.4 300.2A150 150 0 0 1 50.7 214.6"/> 1003 <path class="s-mid" d="M50.4 211.5A150 150 0 0 1 59.6 147.1"/> 1004 <path class="s-ink" d="M60.8 144.2A150 150 0 0 1 112.7 78.0"/> 1005 <path class="s-mid" d="M115.3 76.2A150 150 0 0 1 198.4 50.0"/> 1006 </g> 1007 <path class="ticks" d="M200.0 76.0L200.0 64.0M232.1 80.2L233.9 73.5M262.0 92.6L265.5 86.6M287.7 112.3L292.6 107.4M307.4 138.0L313.4 134.5M319.8 167.9L326.5 166.1M324.0 200.0L336.0 200.0M319.8 232.1L326.5 233.9M307.4 262.0L313.4 265.5M287.7 287.7L292.6 292.6M262.0 307.4L265.5 313.4M232.1 319.8L233.9 326.5M200.0 324.0L200.0 336.0M167.9 319.8L166.1 326.5M138.0 307.4L134.5 313.4M112.3 287.7L107.4 292.6M92.6 262.0L86.6 265.5M80.2 232.1L73.5 233.9M76.0 200.0L64.0 200.0M80.2 167.9L73.5 166.1M92.6 138.0L86.6 134.5M112.3 112.3L107.4 107.4M138.0 92.6L134.5 86.6M167.9 80.2L166.1 73.5"/> 1008 <g class="hours" aria-hidden="true"> 1009 <text x="200" y="97">00</text> 1010 <text x="303" y="200">06</text> 1011 <text x="200" y="303">12</text> 1012 <text x="97" y="200">18</text> 1013 </g> 1014 <text class="c-small" x="200" y="168">Tocando agora</text> 1015 <text class="c-big" x="200" y="214">3 de 12</text> 1016 <text class="c-red" x="200" y="240">Set café na chuva</text> 1017 <g class="hand" transform="rotate(75 200 200)"> 1018 <line x1="200" y1="112" x2="200" y2="32"/> 1019 <circle cx="200" cy="32" r="5"/> 1020 </g> 1021 </svg> 1022 <figcaption><b>A playlist por trás.</b> 12 vÃdeos preenchem 24 horas, depois a playlist começa de novo. Em vermelho, o vÃdeo que está no player.</figcaption> 1023 </figure> 1024 </div> 1025 </div> 1026 </section> 1027 1028 <section class="section" id="quick-answer" aria-labelledby="qa-title"> 1029 <div class="wrap split"> 1030 <h2 id="qa-title">Como fazer uma live 24/7 no YouTube?</h2> 1031 <div> 1032 <p class="lede">Você precisa de um canal do YouTube com a transmissão ao vivo ativada, vÃdeos que você tem o direito de transmitir e algo que envie esses vÃdeos para o YouTube sem parar.</p> 1033 <p class="after-lede">Esse algo pode ser o OBS em um computador que nunca desliga. Com o 247 LiveStream, quem transmite são nossos servidores.</p> 1034 1035 <figure class="flow"> 1036 <ol class="flow-steps"> 1037 <li> 1038 <svg class="flow-icon" viewBox="0 0 64 64" aria-hidden="true"><rect x="14" y="8" width="36" height="44" rx="2" fill="none" stroke="#141414" stroke-width="1.5"/><rect x="8" y="14" width="36" height="44" rx="2" fill="#f5f4f0" stroke="#141414" stroke-width="1.5"/><path d="M22 28v16l13-8z" fill="#141414"/></svg> 1039 <b>Seus vÃdeos e músicas</b> 1040 <span>Você envia tudo pelo navegador.</span> 1041 </li> 1042 <li> 1043 <svg class="flow-icon" viewBox="0 0 64 64" aria-hidden="true"><rect x="8" y="10" width="48" height="13" rx="2" fill="none" stroke="#141414" stroke-width="1.5"/><rect x="8" y="26" width="48" height="13" rx="2" fill="none" stroke="#141414" stroke-width="1.5"/><rect x="8" y="42" width="48" height="13" rx="2" fill="#141414"/><circle cx="16" cy="16.5" r="2" fill="#b3122e"/><circle cx="16" cy="32.5" r="2" fill="#b3122e"/><circle cx="16" cy="48.5" r="2" fill="#b3122e"/><path d="M26 16.5h22M26 32.5h22" stroke="#141414" stroke-width="1.5"/><path d="M26 48.5h22" stroke="#f5f4f0" stroke-width="1.5"/></svg> 1044 <b>Nossos servidores</b>
1045 <span>Reproduzem sua playlist e enviam para o YouTube.</span> 1046 </li> 1047 <li> 1048 <svg class="flow-icon" viewBox="0 0 64 64" aria-hidden="true"><rect x="6" y="14" width="52" height="34" rx="3" fill="#141414"/><path d="M27 23v16l13-8z" fill="#f5f4f0"/><rect x="10" y="18" width="14" height="6" rx="1" fill="#b3122e"/><path d="M22 54h20" stroke="#141414" stroke-width="1.5"/></svg> 1049 <b>YouTube Live</b> 1050 <span>Os espectadores assistem e comentam no chat, como em qualquer live.</span> 1051 </li> 1052 </ol> 1053 <p class="flow-note"> 1054 <svg viewBox="0 0 40 28" aria-hidden="true"><rect x="7" y="3" width="26" height="17" rx="1.5" fill="none" stroke="#8c877c" stroke-width="1.5"/><path d="M2 24h36" stroke="#8c877c" stroke-width="1.5"/><path d="M4 2l32 24" stroke="#b3122e" stroke-width="1.5"/></svg> 1055 Você só precisa do computador para enviar os vÃdeos. 1056 </p> 1057 </figure> 1058 </div> 1059 </div> 1060 </section> 1061 1062 <section class="section" id="how-it-works" aria-labelledby="needs-title"> 1063 <div class="wrap"> 1064 <div class="how-grid"> 1065 <div> 1066 <h2 id="needs-title">Antes de começar</h2> 1067 <ul class="needs"> 1068 <li> 1069 <h3>Transmissão ao vivo ativada</h3> 1070 <p>Ative no YouTube Studio. Em um canal novo, a primeira ativação pode levar até 24 horas.</p> 1071 </li> 1072 <li> 1073 <h3>Direitos sobre o conteúdo</h3> 1074 <p>Use vÃdeos e músicas que você criou, que são seus ou que você tem licença para transmitir.</p> 1075 </li> 1076 <li> 1077 <h3>Material suficiente</h3> 1078 <p>Vários vÃdeos em uma playlist, em vez de um único clipe curto repetido. VÃdeos antigos, aulas, episódios de podcast e sets de música funcionam bem.</p> 1079 </li> 1080 </ul> 1081 </div> 1082 1083 <aside class="sidebar" aria-labelledby="steps-title"> 1084 <h2 id="steps-title">Como configurar sua transmissão 24/7 no YouTube</h2> 1085 <p class="time">Três passos, nada para instalar.</p> 1086 <ol class="steps"> 1087 <li><div><h3>Envie seus vÃdeos</h3><p>Adicione do seu computador os arquivos de vÃdeo e música que você quer transmitir.</p></div></li> 1088 <li><div><h3>Monte uma playlist</h3><p>Defina a ordem dos vÃdeos ou deixe em ordem aleatória. Quando o último vÃdeo termina, a playlist começa de novo.</p></div></li> 1089 <li><div><h3>Conecte o YouTube e entre ao vivo</h3><p>Cole a chave da transmissão do YouTube Studio e inicie a transmissão.</p></div></li> 1090 </ol> 1091 </aside> 1092 </div> 1093 1094 <div class="mockups"> 1095 <figure> 1096 <div class="ui" role="img" aria-label="Painel da playlist mostrando 5 de 12 vÃdeos. O vÃdeo 3, Set café na chuva, está tocando agora. O loop está ativado."> 1097 <div class="ui-head"><span class="ui-title">Playlist: Lofi de madrugada</span><span class="pill">Loop ativado</span></div> 1098 <ol class="pl"> 1099 <li><span class="n">1</span><span class="thumb thumb-c"></span><span class="t"><b>Set café da manhã</b><small>Set de música</small></span><span class="d">1:35:00</span></li> 1100 <li><span class="n">2</span><span class="thumb thumb-b"></span><span class="t"><b>Set estrada à noite</b><small>Set de música</small></span><span class="d">2:10:00</span></li> 1101 <li class="now"><span class="n">3</span><span class="thumb"><img src="/images/cafe.webp" srcset="/images/cafe-800.webp 800w, /images/cafe.webp 1440w" sizes="(max-width: 900px) 100vw, 720px" width="1440" height="810" loading="lazy" alt=""></span><span class="t"><b>Set café na chuva</b><small>Tocando agora</small><span class="progress"><i></i></span></span><span class="d">2:00:00</span></li> 1102 <li><span class="n">4</span><span class="thumb thumb-a"></span><span class="t"><b>Chuva na janela</b><small>Loop ambiente</small></span><span class="d">1:40:00</span></li> 1103 <li><span class="n">5</span><span class="thumb thumb-b"></span><span class="t"><b>Piano suave</b><small>Set de música</small></span><span class="d">2:20:00</span></li> 1104 </ol> 1105 <div class="ui-foot"><span>12 vÃdeos, 24 h 00 min</span><span>Ordem aleatória desativada</span></div> 1106 </div>
1107 <figcaption><b>Passo 2.</b> A playlist do mostrador acima. Você pode alterá-la com a transmissão no ar.</figcaption> 1108 </figure> 1109 <figure> 1110 <div class="ui" role="img" aria-label="Configurações da transmissão: destino YouTube Live via RTMP, a URL do servidor, a chave da transmissão oculta, loop ativado, ordem aleatória desativada, saÃda em 1080p a 30 fps."> 1111 <div class="ui-head"><span class="ui-title">Configurações da transmissão</span><span class="pill pill-live">Ao vivo</span></div> 1112 <div class="fields"> 1113 <div class="field"><span class="lbl">Destino</span><div class="input"><span>YouTube Live (RTMP)</span></div></div> 1114 <div class="field"><span class="lbl">URL do servidor</span><div class="input"><span>rtmp://a.rtmp.youtube.com/live2</span></div></div> 1115 <div class="field"><span class="lbl">Chave da transmissão</span><div class="input"><span class="mask">••••-••••-••••-••••</span><em>Mostrar</em></div></div> 1116 <div class="toggle-row"><span>Repetir playlist</span><span class="toggle"></span></div> 1117 <div class="toggle-row"><span>Ordem aleatória</span><span class="toggle toggle-off"></span></div> 1118 <div class="toggle-row"><span>SaÃda</span><b>1080p, 30 fps</b></div> 1119 </div> 1120 </div> 1121 <figcaption><b>Passo 3.</b> Cole a chave da transmissão do YouTube Studio. Ela fica oculta.</figcaption> 1122 </figure> 1123 </div> 1124 </div> 1125 </section> 1126 1127 <section class="section" id="no-obs" aria-labelledby="noobs-title"> 1128 <div class="wrap split"> 1129 <div class="stack"> 1130 <div> 1131 <h2 id="noobs-title">Seu computador fica desligado enquanto você transmite</h2> 1132 <p class="intro">Quem transmite são nossos servidores, não o seu computador. Por isso, você não precisa de uma internet rápida ou estável, e uma queda de energia em casa não interrompe a transmissão.</p> 1133 </div> 1134 <figure class="illo"> 1135 <img src="/images/desk.webp" srcset="/images/desk-800.webp 800w, /images/desk.webp 1440w" sizes="(max-width: 900px) 100vw, 720px" width="1440" height="960" loading="lazy" decoding="async" 1136 alt="Ilustração de uma mesa vazia à noite, com um notebook fechado e uma cadeira vazia, enquanto uma TV na parede mostra um sÃmbolo de play vermelho."> 1137 </figure> 1138 </div> 1139 <div class="stack"> 1140 <figure> 1141 <div class="ui status" role="img" aria-label="Painel de status. Seu computador: desligado. Transmissão: ao vivo. Transmitindo de: nossos servidores. Playlist: vÃdeo 3 de 12."> 1142 <div class="ui-head"><span class="ui-title">Status da transmissão</span><span class="pill pill-live">Ao vivo</span></div> 1143 <dl> 1144 <div class="row"><dt>Seu computador</dt><dd><span class="dot dot-off"></span>Desligado</dd></div> 1145 <div class="row"><dt>Transmissão</dt><dd><span class="dot dot-live"></span>Ao vivo</dd></div> 1146 <div class="row"><dt>Transmitindo de</dt><dd>Nossos servidores</dd></div> 1147 <div class="row"><dt>Playlist</dt><dd>VÃdeo 3 de 12</dd></div> 1148 </dl> 1149 </div> 1150 </figure> 1151 <table class="plain-table"> 1152 <caption>Transmitir do seu próprio computador em comparação com o 247 LiveStream</caption> 1153 <thead> 1154 <tr><th scope="col">Item</th><th scope="col">OBS em um PC ou VPS</th><th scope="col">247 LiveStream</th></tr> 1155 </thead> 1156 <tbody> 1157 <tr><th scope="row">Hardware</th><td data-label="OBS em um PC ou VPS">Um PC ou VPS fica ligado o tempo todo</td><td data-label="247 LiveStream">Nossos servidores transmitem; seu PC fica desligado</td></tr> 1158 <tr><th scope="row">Configuração</th><td data-label="OBS em um PC ou VPS">Você instala e atualiza um codificador</td><td data-label="247 LiveStream">Você configura tudo pelo navegador</td></tr> 1159 <tr><th scope="row">Quedas</th><td data-label="OBS em um PC ou VPS">Uma queda de energia ou um travamento interrompe a transmissão</td><td data-label="247 LiveStream">Quedas na sua casa não afetam a transmissão</td></tr> 1160 <tr><th scope="row">ReinÃcios</th><td data-label="OBS em um PC ou VPS">Você reinicia manualmente</td><td data-label="247 LiveStream">Não há codificador do seu lado para reiniciar</td></tr> 1161 </tbody> 1162 </table> 1163 </div> 1164 </div> 1165 </section> 1166 1167 <section class="section" id="why" aria-labelledby="why-title"> 1168 <div class="wrap split"> 1169 <h2 id="why-title">VÃdeos antigos, ao vivo de novo para o seu público</h2> 1170 <div class="stack"> 1171 <div class="runin"> 1172 <p><strong>Ao vivo em todos os fusos horários.</strong> A transmissão está no ar quando alguém abre, seja à s 3 da manhã em Tóquio ou à s 7 da noite em Londres.</p> 1173 <p><strong>Ganhe com vÃdeos que você já fez.</strong> O YouTube pode exibir anúncios durante uma transmissão ao vivo, então um vÃdeo que custou dinheiro para produzir pode voltar a gerar receita.</p> 1174 </div> 1175 <figure> 1176 <ul class="zones"> 1177 <li><svg viewBox="0 0 40 40" aria-hidden="true"><circle cx="20" cy="20" r="18" fill="none" stroke="#141414" stroke-width="1.5"/><path d="M20 20L15.5 12.2M20 20L20 7" stroke="#141414" stroke-width="1.8" stroke-linecap="round"/></svg><b>Los Angeles</b><span>11:00</span><em>Ao vivo</em></li> 1178 <li><svg viewBox="0 0 40 40" aria-hidden="true"><circle cx="20" cy="20" r="18" fill="none" stroke="#141414" stroke-width="1.5"/><path d="M20 20L15.5 27.8M20 20L20 7" stroke="#141414" stroke-width="1.8" stroke-linecap="round"/></svg><b>Londres</b><span>19:00</span><em>Ao vivo</em></li> 1179 <li><svg viewBox="0 0 40 40" aria-hidden="true"><circle cx="20" cy="20" r="18" fill="none" stroke="#141414" stroke-width="1.5"/><path d="M20 20L17.7 11.3M20 20L20 33" stroke="#141414" stroke-width="1.8" stroke-linecap="round"/></svg><b>Délhi</b><span>23:30</span><em>Ao vivo</em></li> 1180 <li><svg viewBox="0 0 40 40" aria-hidden="true"><circle cx="20" cy="20" r="18" fill="#141414"/><path d="M20 20L29 20M20 20L20 7" stroke="#f5f4f0" stroke-width="1.8" stroke-linecap="round"/></svg><b>Tóquio</b><span>
118003:00</span><em>Ao vivo</em></li> 1181 </ul> 1182 <figcaption><b>O mesmo momento em quatro cidades.</b> Uma transmissão, ao vivo em todas elas.</figcaption> 1183 </figure> 1184 </div> 1185 </div> 1186 </section> 1187 1188 <section class="section" id="use-cases" aria-labelledby="cases-title"> 1189 <div class="wrap split"> 1190 <div class="stack"> 1191 <h2 id="cases-title">O que as pessoas transmitem 24/7</h2> 1192 <figure class="illo"> 1193 <img src="/images/reels.webp" srcset="/images/reels-800.webp 800w, /images/reels.webp 1440w" sizes="(max-width: 900px) 100vw, 720px" width="1440" height="960" loading="lazy" decoding="async" 1194 alt="Ilustração de um rolo de filme sobre uma pilha de fitas de vÃdeo, com uma tira de filme que vai até uma antena de transmissão que emite ondas vermelhas."> 1195 </figure> 1196 </div> 1197 <ul class="cases"> 1198 <li><h3>Rádios lofi e de música</h3><p>Música com um visual em loop, para estudar, trabalhar ou dormir.</p></li> 1199 <li><h3>Sono e som ambiente</h3><p>Chuva, natureza e paisagens tranquilas para ouvir com calma.</p></li> 1200 <li><h3>Igreja e louvor</h3><p>Pregações e momentos de louvor para quem perdeu o culto.</p></li> 1201 <li><h3>Replays de games</h3><p>Partidas de campeonatos, speedruns e melhores momentos.</p></li> 1202 <li><h3>Educação</h3><p>Aulas e tutoriais na ordem que você escolher.</p></li> 1203 <li><h3>Podcasts</h3><p>Episódios antigos em blocos temáticos.</p></li> 1204 </ul> 1205 </div> 1206 </section> 1207 1208 <section class="section" id="limitations" aria-labelledby="rules-title"> 1209 <div class="wrap split"> 1210 <h2 id="rules-title">O que o YouTube pede de uma live 24/7</h2> 1211 <div> 1212 <figure class="chart timeline"> 1213 <figcaption class="chart-title">As primeiras 48 horas de uma transmissão 24/7</figcaption> 1214 <div class="tl-row"><span>Ao vivo no YouTube</span><div class="tl-track"><span class="seg seg-live"></span></div></div> 1215 <div class="tl-row"><span>Salva como vÃdeo</span><div class="tl-track"><span class="seg seg-saved"></span><span class="seg seg-maybe"><span>Pode não ser salva após 12 h</span></span></div></div> 1216 <div class="tl-axis"><span></span><div class="ticks"><span style="left:0">0 h</span><span style="left:25%">12 h</span><span style="left:50%">24 h</span><span style="left:75%">36 h</span><span style="left:100%">48 h</span></div></div> 1217 <p class="caption">Fonte: Ajuda do YouTube, consultada em setembro de 2026. Só a gravação deixa de ser salva; a transmissão ao vivo continua. Guarde suas próprias cópias dos arquivos.</p> 1218 </figure> 1219 <div class="runin" style="margin-top:32px"> 1220 <p><strong>Conteúdo variado.</strong> O YouTube pede aos canais monetizados um conteúdo que não seja repetitivo. Transmita uma playlist com vários vÃdeos, não um único clipe curto.</p> 1221 <p><strong>Direitos sobre cada arquivo.</strong> O YouTube verifica as transmissões ao vivo em busca de músicas e vÃdeos protegidos por direitos autorais. Transmita só o que você criou, o que é seu ou o que você tem licença para usar.</p> 1222 </div> 1223 </div> 1224 </div> 1225 </section> 1226 1227 <section class="section" id="pricing" aria-labelledby="pricing-title"> 1228 <div class="wrap split"> 1229 <div> 1230 <h2 id="pricing-title">Um preço por transmissão</h2> 1231 <p class="intro">Sem taxa de configuração. Você pode cancelar pelo painel.</p> 1232 </div> 1233 <div> 1234 <div class="rate"> 1235 <div class="rate-prices"> 1236 <div> 1237 <p class="amount">US$ 16<small> / mês</small></p> 1238 <p class="billed">Cobrança mensal, por transmissão.</p> 1239 </div> 1240 <div> 1241 <p class="amount">US$ 14<small> / mês</small></p> 1242 <p class="billed">Cobrança anual (US$ 168), por transmissão.</p> 1243 </div> 1244 </div> 1245 <figure class="chart year-chart"> 1246 <figcaption class="chart-title">Custo de uma transmissão por 12 meses</figcaption> 1247 <ol class="bars" style="--max:192"> 1248 <li><span class="lbl">Cobrança mensal</span><span class="track"><span class="bar" style="--v:192"></span></span><span class="val">US$ 192</span></li> 1249 <li class="us"><span class="lbl">Cobrança anual</span><span class="track"><span class="bar" style="--v:168"></span></span><span class="val">US$ 168</span></li> 1250 </ol> 1251 </figure> 1252 <ul class="included"> 1253 <li>Sem limite de tempo</li> 1254 <li>1080p, 30 fps</li> 1255 <li>Ãudio de até 320 kbps</li> 1256 <li>100 GB de armazenamento de mÃdia</li> 1257 <li>Ordem da playlist, ordem aleatória e loop</li> 1258 <li>
1258Alterações na playlist durante a live</li> 1259 <li>YouTube, Twitch ou Kick</li> 1260 <li>Qualquer destino RTMP</li> 1261 </ul> 1262 </div> 1263 <div class="pricing-cta"> 1264 <a class="btn" href="https://www.livereacting.com/signup?utm_source=247livestream&utm_medium=referral&utm_campaign=signup" data-start>Comece grátis</a> 1265 <span class="fine">Monte e teste sua transmissão antes de pagar.</span> 1266 </div> 1267 </div> 1268 </div> 1269 </section> 1270 1271 <section class="section" id="competitor-comparison" aria-labelledby="compare-title"> 1272 <div class="wrap"> 1273 <div class="compare-head"> 1274 <h2 id="compare-title">Quanto custa uma live 24/7 em cada ferramenta</h2> 1275 <p class="measure">O plano mais barato de cada ferramenta que mantém uma transmissão pré-gravada no ar sem parar, e o limite que vem com ele.</p> 1276 </div> 1277 1278 <figure class="chart cost-chart"> 1279 <figcaption class="chart-title">Custo mensal real de uma transmissão 24/7, setembro de 2026</figcaption> 1280 <ol class="bars" style="--max:200"> 1281 <li class="us"><span class="lbl">247 LiveStream</span><span class="track"><span class="bar" style="--v:16"></span></span><span class="val">US$ 16</span></li> 1282 <li class="promo"><span class="lbl">LiveReacting</span><span class="track"><span class="bar ghost" style="--v:39.99"></span><span class="bar" style="--v:21.99"></span></span><span class="val"><del class="was"><span class="vh">Preço normal: </span>US$ 39,99</del> <ins class="now"><span class="vh">Preço promocional: </span>US$ 21,99</ins></span></li> 1283 <li><span class="lbl">Upstream</span><span class="track"><span class="bar" style="--v:30"></span></span><span class="val">US$ 30</span></li> 1284 <li><span class="lbl">OneStream</span><span class="track"><span class="bar" style="--v:45"></span></span><span class="val">US$ 45</span></li> 1285 <li><span class="lbl">Restream</span><span class="track"><span class="bar" style="--v:79"></span></span><span class="val">US$ 79</span></li> 1286 <li><span class="lbl">Gyre</span><span class="track"><span class="bar" style="--v:99"></span></span><span class="val">US$ 99</span></li> 1287 <li><span class="lbl">Castr</span><span class="track"><span class="bar" style="--v:199.99"></span></span><span class="val">US$ 199,99</span></li> 1288 <li class="range"><span class="lbl">OBS + VPS</span><span class="track"><span class="bar" style="--from:15; --v:60"></span></span><span class="val">US$ 15-60</span></li> 1289 </ol> 1290 <div class="axis" aria-hidden="true"><span class="spacer"></span><div class="ticks"><span style="left:0">US$ 0</span><span style="left:25%">US$ 50</span><span style="left:50%">US$ 100</span><span style="left:75%">US$ 150</span><span style="left:100%">US$ 200</span></div><span class="spacer"></span></div> 1291 <p class="caption">Cobrança mensal. A LiveReacting aparece com o preço promocional dos primeiros 5 meses (novos clientes, até 31 de dezembro de 2026); o contorno mostra o preço normal de US$ 39,99. O OBS é um software gratuito; o servidor para rodar o OBS custa de US$ 15 a US$ 60 por mês.</p> 1292 </figure> 1293 1294 <p class="scroll-hint" id="scroll-hint">Role a tabela para o lado para ver as oito ferramentas.</p> 1295 <div class="table-wrap" tabindex="0" role="region" aria-labelledby="compare-caption"> 1296 <table class="data"> 1297 <caption id="compare-caption">Custo e limites de uma transmissão 24/7 em oito ferramentas</caption> 1298 <thead> 1299 <tr> 1300 <th scope="col"><span class="vh">Recurso</span></th> 1301 <th scope="col" class="us">247 LiveStream</th> 1302 <th scope="col">LiveReacting</th> 1303 <th scope="col">Gyre</th> 1304 <th scope="col">Upstream</th> 1305 <th scope="col">OneStream</th> 1306 <th scope="col">Restream</th> 1307 <th scope="col">Castr</th> 1308 <th scope="col">OBS + VPS</th> 1309 </tr> 1310 </thead> 1311 <tbody> 1312 <tr> 1313 <th scope="row">Custo mensal de uma transmissão 24/7</th> 1314 <td class="us"><span class="fig">US$ 16</span><span class="note">US$ 14 no plano anual</span></td> 1315 <td><span class="fig"><del class="was"><span class="vh">
1315Preço normal: </span>US$ 39,99</del> <ins class="now"><span class="vh">Preço promocional: </span>US$ 21,99</ins></span><span class="note">Promoção para novos clientes: 45% de desconto nos primeiros 5 meses, depois US$ 39,99. Termina em 31 de dezembro de 2026. Preço anual padrão: US$ 33 por mês.</span></td> 1316 <td><span class="fig">US$ 99</span><span class="note">Plano Start+. O Start, de US$ 49, não tem playlists</span></td> 1317 <td><span class="fig">US$ 30</span><span class="note">US$ 24 no plano anual</span></td> 1318 <td><span class="fig">US$ 45</span><span class="note">Basic de US$ 15 mais o complemento 24/7 de US$ 30</span></td> 1319 <td><span class="fig">US$ 79</span><span class="note">Loop só com o complemento Marathon</span></td> 1320 <td><span class="fig">US$ 199,99</span><span class="note">Plano Premium, onde começa o modo loop</span></td> 1321 <td><span class="fig">US$ 15-60</span><span class="note">Pelo VPS. O OBS é gratuito</span></td> 1322 </tr> 1323 <tr> 1324 <th scope="row">Maior tempo contÃnuo no ar</th> 1325 <td class="us">Ilimitado</td> 1326 <td>Ilimitado</td> 1327 <td>Ilimitado</td> 1328 <td>Ilimitado</td> 1329 <td>30 dias seguidos, só YouTube</td> 1330 <td>40 horas, no máximo 10 loops</td> 1331 <td>15 dias de loop no Premium; 30 dias no Ultra (US$ 349,99)</td> 1332 <td>Enquanto seu servidor ficar no ar</td> 1333 </tr> 1334 <tr> 1335 <th scope="row">Playlists</th> 1336 <td class="us">Sim</td> 1337 <td>Sim</td> 1338 <td>A partir do Start+ (US$ 99)</td> 1339 <td>Sim</td> 1340 <td>Sim</td> 1341 <td>Loops, no máximo 10</td> 1342 <td>Modo loop a partir do Premium</td> 1343 <td>Você monta por conta própria</td> 1344 </tr> 1345 <tr> 1346 <th scope="row">Funciona com o computador desligado</th> 1347 <td class="us">Sim</td> 1348 <td>Sim</td> 1349 <td>Sim</td> 1350 <td>Sim</td> 1351 <td>Sim</td> 1352 <td>Sim</td> 1353 <td>Sim</td> 1354 <td>Não. O VPS fica ligado o tempo todo e a manutenção é sua</td> 1355 </tr> 1356 <tr> 1357 <th scope="row">Overlays interativos</th> 1358 <td class="us no">Não</td> 1359 <td>Enquetes, quizzes, jogos no chat, contagens regressivas</td> 1360 <td class="no">Não</td> 1361 <td class="no">Não</td> 1362 <td>Banners de texto</td> 1363 <td>Overlays de chat</td> 1364 <td>Gráficos básicos</td> 1365 <td>Fontes de navegador que você cria</td> 1366 </tr> 1367 <tr> 1368 <th scope="row">SaÃda</th> 1369 <td class="us">RTMP, RTMPS</td> 1370 <td>RTMP. HLS, SRT e SCTE-35 só no plano Custom</td> 1371 <td>RTMP</td> 1372 <td>RTMP</td> 1373 <td>RTMP</td> 1374 <td>RTMP</td> 1375 <td>RTMP, HLS, SRT</td> 1376 <td>RTMP, SRT e outros</td> 1377 </tr> 1378 <tr> 1379 <th scope="row">Ideal para</th> 1380 <td class="us">Playlists 24/7 de baixo custo no YouTube</td> 1381 <td>Melhor opção geral: muito fácil de configurar transmissões simples 24 horas por dia, 7 dias por semana, com bastante flexibilidade para adicionar recursos avançados quando necessário.</td> 1382 <td>Loop com orçamento de US$ 99 ou mais</td> 1383 <td>Um único sinal RTMP contÃnuo</td> 1384 <td>Transmissões pré-gravadas de até 30 dias</td> 1385 <td>Maratonas de menos de 40 horas</td> 1386 <td>Canais lineares com orçamento alto</td> 1387 <td>Quem quer controle total e sabe manter um servidor</td> 1388 </tr> 1389 </tbody> 1390 </table> 1391 </div> 1392 1393 <div class="table-notes"> 1394 <p class="checked">Preços verificados em setembro de 2026. Valores mensais em dólares americanos (US$).</p> 1395 <ol class="sources"> 1396 <li>Gyre: o Start (US$ 49) não tem playlists. As playlists começam no Start+ (US$ 99).</li> 1397 <li>
1397OneStream: o 24/7 é um complemento de US$ 30 ao Basic (US$ 15), só para o YouTube, com no máximo 30 dias seguidos.</li> 1398 <li>Restream: o loop exige o complemento Marathon (US$ 79), com limite de 40 horas e 10 loops.</li> 1399 <li>Castr: o modo loop começa no Premium (US$ 199,99), com até 15 dias de loop. O Ultra (US$ 349,99) permite 30 dias.</li> 1400 <li>LiveReacting: o plano 24/7 custa US$ 39,99 por mês, ou US$ 33 por mês no plano anual. Até 31 de dezembro de 2026, novos clientes têm 45% de desconto nos primeiros 5 meses (US$ 21,99 por mês) ou 40% de desconto no primeiro ano do plano anual.</li> 1401 <li>OBS + VPS: software gratuito. Um VPS custa cerca de US$ 15 a US$ 60 por mês, e a manutenção fica com você.</li> 1402 </ol> 1403 </div> 1404 </div> 1405 </section> 1406 1407 <section class="section" id="faq" aria-labelledby="faq-title"> 1408 <div class="wrap split"> 1409 <h2 id="faq-title">Perguntas</h2> 1410 <div class="faq"> 1411 <details><summary>Preciso do OBS para fazer uma live 24/7 no YouTube?</summary><div class="answer"><p>Não. Você envia seus vÃdeos e nossos servidores fazem a transmissão para o YouTube. Não há nada para instalar no seu computador.</p></div></details> 1412 <details><summary>Como configurar uma transmissão ao vivo 24/7 no YouTube?</summary><div class="answer"><p>Envie seus vÃdeos. Monte uma playlist e defina a ordem ou deixe em ordem aleatória. Cole a chave da transmissão do YouTube e inicie a transmissão.</p></div></details> 1413 <details><summary>Posso desligar o computador enquanto a transmissão está no ar?</summary><div class="answer"><p>Sim. Nossos servidores fazem a transmissão, então o computador, a energia e a internet da sua casa podem ficar desligados.</p></div></details> 1414 <details><summary>Para quais plataformas posso transmitir?</summary><div class="answer"><p>YouTube, Twitch, Kick e qualquer outro serviço que aceite transmissão ao vivo por RTMP.</p></div></details> 1415 <details><summary>O que acontece quando a playlist termina?</summary><div class="answer"><p>Ela recomeça do primeiro vÃdeo. Você também pode repetir um único vÃdeo em loop ou deixar a playlist em ordem aleatória.</p></div></details> 1416 <details><summary>Posso alterar a playlist com a transmissão no ar?</summary><div class="answer"><p>Sim. Adicione, remova ou reordene vÃdeos, e a transmissão continua.</p></div></details> 1417 <details><summary>O que acontece se a conexão com o YouTube cair?</summary><div class="answer"><p>Nossos servidores reconectam a transmissão ao YouTube automaticamente. Você não precisa reiniciá-la.</p></div></details> 1418 <details><summary>Uma transmissão 24/7 é uma live de verdade no YouTube?</summary><div class="answer"><p>Sim. Os espectadores assistem, comentam no chat e se inscrevem no canal, como em qualquer live do YouTube.</p></div></details> 1419 <details><summary>O YouTube salva uma transmissão 24/7 como vÃdeo?</summary><div class="answer"><p>Segundo a Ajuda do YouTube, uma transmissão com mais de 12 horas pode não ser salva como vÃdeo. A transmissão ao vivo não é afetada. Guarde suas próprias cópias dos arquivos.</p></div></details> 1420 <details><summary>Uma live 24/7 pode gerar receita no YouTube?</summary><div class="answer"><p>Sim, se o seu canal fizer parte do Programa de Parcerias do YouTube e o conteúdo seguir as polÃticas de monetização do YouTube. O YouTube pede conteúdo que não seja repetitivo, então transmita vários vÃdeos em vez de um único clipe curto.</p></div></details> 1421 <details><summary>Quem é responsável pelos direitos autorais?</summary><div class="answer"><p>Você. Transmita apenas vÃdeos e músicas que você criou, que são seus ou que você tem licença para transmitir.</p></div></details> 1422 <details><summary>Qual é a diferença para o Restream ou o OneStream?</summary><div class="answer"><p>O Restream encerra uma transmissão em loop depois de 40 horas ou 10 loops. O OneStream permite 30 dias seguidos, e só para o YouTube. O 247 LiveStream não tem limite de tempo.</p></div></details> 1423 <details><summary>Como o 247 LiveStream se compara ao Gyre?</summary><div class="answer"><p>O plano Start do Gyre, de US$ 49, não tem playlists; elas começam no plano Start+, de US$ 99. O 247 LiveStream inclui playlists por US$ 16 por mês.</p></div></details> 1424 <details><summary>Quantas transmissões posso manter ao mesmo tempo?</summary><div class="answer"><p>Quantas você precisar. Cada transmissão tem o mesmo preço e funciona de forma independente.</p></div></details> 1425 <details><summary>Posso testar antes de pagar?</summary><div class="answer"><p>Sim. Comece grátis para montar e testar sua transmissão. Para manter uma transmissão no ar sem parar, você precisa do plano pago.</p></div></details> 1426 <details><summary>Como funciona a cobrança?</summary><div class="answer"><p>US$ 16 por mês por transmissão com cobrança mensal, ou US$ 14 por mês com cobrança anual. Não há taxa de configuração, e você pode cancelar pelo painel.</p></div></details> 1427 </div> 1428 </div> 1429 </section> 1430 1431</main> 1432 1433<footer class="site-footer"> 1434 <div class="wrap"> 1435 <div class="footer-grid"> 1436 <div class="about"> 1437 <a class="brand" href="https://247livestream.live/pt/"><span class="tally" aria-hidden="true"></span>247 LiveStream</a> 1438 <p>Transmissões ao vivo 24/7 de vÃdeos pré-gravados no YouTube e em outras plataformas compatÃveis com RTMP.</p> 1439 </div> 1440 <nav aria-labelledby="f-res"> 1441 <h2 id="f-res">
1441Recursos</h2> 1442 <ul> 1443 <li><a href="/blog">Blog</a></li> 1444 <li><a href="#faq">Perguntas frequentes</a></li> 1445 <li><a href="#competitor-comparison">Comparação</a></li> 1446 <li><a href="https://www.livereacting.com/login?utm_source=247livestream&utm_medium=referral&utm_campaign=login">Entrar</a></li> 1447 </ul> 1448 </nav> 1449 <nav aria-labelledby="f-legal"> 1450 <h2 id="f-legal">Informações legais</h2> 1451 <ul> 1452 <li><a href="/terms-and-conditions">Termos e condições</a></li> 1453 <li><a href="/privacy-policy">PolÃtica de privacidade</a></li> 1454 </ul> 1455 </nav> 1456 </div> 1457 <p class="copyright">© 2026 247 LiveStream</p> 1458 </div> 1459</footer> 1460 1461
1462<script src="/script.js" defer></script>
vendor: 1 bytes, line 1462
1462
1463<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"3abae1bc58214cc89ce541b59a0181d9","r":1,"spa":2}' crossorigin="anonymous"></script>
1463 1464</body> 1465</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.