├── .idea ├── Moderacao-para-Twitch.iml ├── modules.xml └── vcs.xml ├── README.md ├── assets ├── Acao.png ├── Codificador.png ├── Função-Manual.png ├── Interface.png ├── Nightbot-dashboard.png ├── Nightbot.png ├── Streamelements-dashboard.png ├── Streamelements.png ├── bitrate.png ├── bttv-emotes-gif.gif ├── config-alertbox-obs.gif ├── config-alertbox-slabs.gif ├── config-chatbox-obs.gif ├── config-chatbox-slabs.gif ├── config.png ├── configsaida.png ├── ilumination-camera.png ├── me1.png ├── me2.png ├── modal-bttv-emotes.PNG ├── streamlabs-comando-gif.gif ├── streamlabs-filtro-palavra.gif ├── teclasAtalho.gif ├── trackaudio1.png └── trackaudio2.png └── contents ├── basics ├── 1-1-intro.md ├── 1-2-why-livecoding.md └── 1-3-streaming-platforms.md ├── environment ├── 2-1-softwares.md ├── 2-2-integrations.md ├── 2-3-overlays.md ├── 2-4-setup.md └── 2-5-equipments.md └── livecoding ├── 3-1-intro.md ├── 3-2-duty.md ├── 3-3-first-viewers.md └── 3-4-mods.md /.idea/Moderacao-para-Twitch.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | livecoding4noobs 3 |

4 | 5 | # Sobre o Repositório 6 | 7 | Guia de como começar a fazer suas lives voltadas à código serem mais produtivas e interessantes. 8 | 9 | # Road Map 10 | 11 | 1. Básicos 12 | 1. [Introdução](/contents/basics/1-1-intro.md) 13 | 2. [Porquê fazer LiveCoding](/contents/basics/1-2-why-livecoding.md) 14 | 3. [Plataformas de Streaming](/contents/basics/1-3-streaming-platforms.md) 15 | 2. Configurando Ambiente 16 | 1. [Softwares para Streaming](/contents/environment/2-1-softwares.md) 17 | 2. [Integrações para Streaming (IMPORTANTE!)](/contents/environment/2-2-integrations.md) 18 | 3. [Overlays para Streaming](/contents/environment/2-3-overlays.md) 19 | 4. [Configurando o Ambiente](/contents//environment/2-4-setup.md) 20 | 5. [Equipando sua Live](/contents//environment/2-5-equipments.md) 21 | 3. Entrando em Live 22 | 1. [Introduçao](/contents/livecoding/3-1-intro.md) 23 | 2. [Deveres de um Streamer Iniciante](/contents/livecoding/3-2-duty.md) 24 | 3. [Cativando os Primeiros Viewers](/contents/livecoding/3-3-first-viewers.md) 25 | 4. [Moderação (IMPORTANTE!)](/contents/livecoding/3-4-mods.md) 26 | 5. [Acompanhando Métricas de Crescimento](/) 27 | 4. Guia de Moderação 28 | 1. [TwitchMod4Noobs](https://github.com/Luisnadachi/Moderacao-para-Twitch/) 29 | 30 | # Como Contribuir 31 | 32 | Contribuições fazem com que a comunidade open source seja um lugar incrível para aprender, inspirar e criar. Todas 33 | contribuições são **extremamente apreciadas**! 34 | 35 | 1. Realize um Fork do projeto 36 | 2. Crie um branch com a nova feature (`git checkout -b feature/contribuicao`) 37 | 3. Realize o Commit (`git commit -m 'feature/contribuicao'`) 38 | 4. Realize o Push no Branch (`git push origin feature/contribuicao`) 39 | 5. Abra um Pull Request 40 | 41 | # Autor 42 | 43 | - **Daniel Reis (danielhe4rt)** - _Back-end Developer & Twitch Partner_ 44 | - [Twitter](https://twitter.com/danielhe4rt) [LinkedIn](https://www.linkedin.com/in/danielheart) 45 | - **Luis Eduardo Teixeira (nadachi)** - _Developer & Global Moderator for He4rt Live_ 46 | - [Twitter](https://twitter.com/Luis_Nadachi) [LinkedIn](https://www.linkedin.com/in/luis-eduardo-ribeiro-teixeira-384b9819a/) 47 | - **Hene** - _Admin Leader PriestBot_ 48 | - [Twitter](https://twitter.com/henechen) [LinkedIn](https://www.linkedin.com/in/hene/) 49 | - **Larissa** - _Developer_ 50 | - [Twitter](https://twitter.com/larissaeiou) 51 | - **Mateus Vasconcelos (Moov\_)** - _Front-end Developer & Parter for He4rt Live_ 52 | - [Twitter](https://twitter.com/mateusmoov) [LinkedIn](https://www.linkedin.com/in/mateusmoov) [Twitch](https://www.twitch.tv/moov_) 53 | -------------------------------------------------------------------------------- /assets/Acao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/Acao.png -------------------------------------------------------------------------------- /assets/Codificador.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/Codificador.png -------------------------------------------------------------------------------- /assets/Função-Manual.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/Função-Manual.png -------------------------------------------------------------------------------- /assets/Interface.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/Interface.png -------------------------------------------------------------------------------- /assets/Nightbot-dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/Nightbot-dashboard.png -------------------------------------------------------------------------------- /assets/Nightbot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/Nightbot.png -------------------------------------------------------------------------------- /assets/Streamelements-dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/Streamelements-dashboard.png -------------------------------------------------------------------------------- /assets/Streamelements.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/Streamelements.png -------------------------------------------------------------------------------- /assets/bitrate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/bitrate.png -------------------------------------------------------------------------------- /assets/bttv-emotes-gif.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/bttv-emotes-gif.gif -------------------------------------------------------------------------------- /assets/config-alertbox-obs.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/config-alertbox-obs.gif -------------------------------------------------------------------------------- /assets/config-alertbox-slabs.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/config-alertbox-slabs.gif -------------------------------------------------------------------------------- /assets/config-chatbox-obs.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/config-chatbox-obs.gif -------------------------------------------------------------------------------- /assets/config-chatbox-slabs.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/config-chatbox-slabs.gif -------------------------------------------------------------------------------- /assets/config.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/config.png -------------------------------------------------------------------------------- /assets/configsaida.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/configsaida.png -------------------------------------------------------------------------------- /assets/ilumination-camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/ilumination-camera.png -------------------------------------------------------------------------------- /assets/me1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/me1.png -------------------------------------------------------------------------------- /assets/me2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/me2.png -------------------------------------------------------------------------------- /assets/modal-bttv-emotes.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/modal-bttv-emotes.PNG -------------------------------------------------------------------------------- /assets/streamlabs-comando-gif.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/streamlabs-comando-gif.gif -------------------------------------------------------------------------------- /assets/streamlabs-filtro-palavra.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/streamlabs-filtro-palavra.gif -------------------------------------------------------------------------------- /assets/teclasAtalho.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/teclasAtalho.gif -------------------------------------------------------------------------------- /assets/trackaudio1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/trackaudio1.png -------------------------------------------------------------------------------- /assets/trackaudio2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/danielhe4rt/livecoding4noobs/c25f033c48f22b790cdb7cb1ae3733ca42b229d4/assets/trackaudio2.png -------------------------------------------------------------------------------- /contents/basics/1-1-intro.md: -------------------------------------------------------------------------------- 1 | # Introdução 2 | 3 | Seja bem vindo ao manual do Livecoder! Nesse repositório você aprenderá tudo que deveria saber pra que sua primeira live 4 | não seja um completo desastre (por mais que isso não seja lá tão ruim) e também como impulsionar o seu canal. 5 | 6 | Você não necessáriamente precisa seguir tudo que está escrito aqui à risca até porquê cada canal tem suas 7 | peculiáridades, porém eu posso te garantir que uma visão de fora pode te ajudar a alcançar seus objetivos como 8 | streamer. 9 | 10 | Após a leitura, deixa um [tweet](https://twitter.com/compose/tweet) pra ajudar a gente a divulgar o repositório e tenha um ótima semana! 11 | 12 | [Inicio](/README.md) | [Porquê fazer LiveCoding ->](/contents/basics/1-2-why-livecoding.md) -------------------------------------------------------------------------------- /contents/basics/1-2-why-livecoding.md: -------------------------------------------------------------------------------- 1 | # Por quê Livecoding? 2 | 3 | O streaming por si só é um jeito interessante de praticar algo chamado "Learn In Public" (Aprenda em Público), onde você 4 | pode estar fazendo QUALQUER ATIVIDADE e as pessoas que estarão ali com você vão aprender baseado nos seus erros. 5 | 6 | O Livecoding é uma maneira de você praticar programação enquanto outras pessoas com o mesmo interesse estarão ali te 7 | observando e vendo quais são seus meios de raciocinio para solucionar determinado problema. 8 | 9 | Com livecoding você desenvolve as seguintes habillidades: 10 | 11 | - Aprender a se virar com código 12 | - Programar sob pressão (dos viewers ok se seu chefe tiver na live eu sinto muito) 13 | - Falar em público 14 | - Criar projetos do zero 15 | - e mais outras coisas que eu não lembro agora. 16 | 17 | Nas lives, você pode conhecer e receber ajuda da pessoa mais júnior possível até o CTO de uma grande empresa (acredite, 18 | eles gostam de livecoding). E o mais interessante é que com essa ideia de dar a cara à tapa, grandes oportunidades 19 | aparecem durante a criação da sua comunidade no chat e coisas como essas podem ser bem comuns: 20 | 21 | - Ofertas de Emprego 22 | - Convites para palestrar em eventos 23 | - Recebidossssss (sim, tem uma porrada de empresa querendo fazer jabá) 24 | 25 | Fora que você ainda cria uma rede de contatos fortíssima (seu chat da Twitch) onde todo mundo ali vai te apoiar e é 26 | claro, você vai apoiar seus viewers pois eles vão ser praticamente sua nova familia na internet. 27 | 28 | [<- Introdução](/contents/basics/1-1-intro.md) | [Inicio](/README.md) | [Plataformas de Streaming ->](/contents/basics/1-3-streaming-platforms.md) -------------------------------------------------------------------------------- /contents/basics/1-3-streaming-platforms.md: -------------------------------------------------------------------------------- 1 | # Plataformas de Streaming 2 | 3 | ## Twitch 4 | 5 | ## Trovo 6 | 7 | ## Facebook 8 | 9 | ## Linkedin 10 | 11 | [<- Porquê fazer LiveCoding](/contents/basics/1-1-intro.md) | [Inicio](/README.md) | [Softwares para Streaming ->](/contents/environment/2-1-softwares.md) 12 | -------------------------------------------------------------------------------- /contents/environment/2-1-softwares.md: -------------------------------------------------------------------------------- 1 | # Software para Streaming 2 | 3 | ## [OBS](https://obsproject.com/pt-br/download) ![OBS](https://user-images.githubusercontent.com/23579978/184427960-3e5f183f-a9cb-4777-a26c-b0dabc4c20a9.png) 4 | 5 | ###### O que é o OBS: 6 | O **Open Broadcaster Software (OBS)** é um programa de **gravação** e **transmissão** gratuito open source mais usado 7 | e completo na sua categoria atualmente. Desenvolvido e mantido pelo OBS Project com suporte para Windows 8.1+, macOS 10. 8 | 13+ e Ubuntu 18.04+. 9 | 10 | O OBS é feito em C/C++ e suporta captura de fontes, dispositivos, composição de cenas, codificações, gravações e transmissões. 11 | Possui codificação x264(software), Intel Quick Sync Video, NVIDIA NVenc e AMD Video Coding Engine em formatos H.264/MPEG-4 AVC e H.265/HEVC. 12 | No quesito áudio, os codecs mais usados são MP3 ou AAC. 13 | 14 | Com o OBS é possível fazer transmissões para as plataformas mais conhecidas atualmente, como YouTube, Instagram, Twitch e Facebook. 15 | 16 | ###### Interface de usuário 17 | A interface de usuário é organizada em cinco seções, sendo elas: cenas, fontes, mixer de áudio, transições e controles. 18 | - Cenas: Conjunto de fontes que podem possuir vídeo ao vivo ou gravado, textos, áudio, fontes de navegador, etc. 19 | 20 | 21 | - Mixer de áudio: Contém faixas de áudio configuráveis, podendo ser captadas a partir do áudio principal do computador 22 | , áudios separados como Discord, navegador, jogos, e com a possibilidade de adicionar efeitos, remoção de ruídos entre 23 | outras configurações feitas com ou sem plugins de terceiros. 24 | 25 | 26 | - Transições e controles: Áreas da interface onde ficam botões para acesso a configurações do OBS. 27 | 28 | Ainda dentro do OBS, é possível utilizar plugins para melhorar tanto a experiência do streamer quanto a do viewer. 29 | Existem plugins famosos na comunidade como o [**win capture audio**](https://obsproject.com/forum/resources/win-capture-audio.1338/) que permite o usuário separar faixas de áudio em seu 30 | computador para ter um maior controle sobre os sons distribuídos na live. Com ele é possível, por exemplo, bloquear o áudio 31 | de uma call em Discord, para que ela não saia na live enquanto você se mantém conversando com sua audiência. 32 | 33 | Outro plugin famoso dentre a comunidade é o [**StreamFX**](https://obsproject.com/forum/resources/streamfx-for-obs%C2%AE-studio.578/), com ele é possível ter efeitos adicionais - não incluídos na instalação padrão do OBS - 34 | para customizar as imagens da sua live. Os principais usos desse plugin são desfocar imagens, adicionar shaders e transformar 35 | objetos 3D (_quando você quer rotacionar, por exemplo, o chat da sua live no eixo vertical_). 36 | 37 | Por fim, um plugin de música utilizado pela comunidade é o [**Tuna**](https://obsproject.com/forum/resources/tuna.843/), com ele é possível mostrar na tela da live qual música 38 | o streamer está ouvindo no momento sem a necessidade de usar um aplicativo de terceiros para fazer isso. Com ele, é somente 39 | necessário que você vincule uma conta cadastrada seja ela: **Spotify**, **MPD**, **last.fm**, **soundcloud** ou até mesmo o **Spotify web** com a 40 | extensão de navegador tampermonkey script. 41 | 42 | Existe uma [infinidade de plugins](https://obsproject.com/forum/list/plugins.35/) com as mais diversas aplicações, desde interações otimizadas até estética de live, cabe somente 43 | a você procurá-los e aplicá-los. 44 | 45 | # 46 | 47 | 48 | ## [Streamlabs](https://streamlabs.com/) ![slabs](https://user-images.githubusercontent.com/23579978/184428075-afb4e17e-4476-4474-b3d8-130cb9612c5d.png) 49 | 50 | ###### O que é o Streamlabs: 51 | O **Streamlabs** parte do mesmo princípio do **OBS**, ser uma ferramenta de gravação/transmissão para o usuário. Ele possui 52 | as mesmas ferramentas e ideologia do OBS, porém, possui integração direta com widgets criado pela Streamlabs, como Alert box, 53 | chat box, event list, etc. 54 | 55 | Vale ressaltar que **há possibilidade de utilizar os widgets criados pela Streamlabs diretamente no OBS**, porém, toda sua 56 | configuração deve ser de forma manual, diferente da implementação feita no software da Streamlabs onde a mesma automatiza 57 | alguns processos a fim de "facilitar" a experiência do usuário. 58 | 59 | _nota:_ Em novembro de 2021, a [Streamlabs foi acusada de utilizar o nome "OBS" sem a permissão do criador do mesmo](https://www.invenglobal.com/articles/15737/obs-project-accuses-streamlabs-of-stealing-their-name-and-trademark). 60 | No backstage houve conversas onde a Streamlabs - até então chamada de Streamlabs OBS - tentou de alguma forma continuar 61 | utilizando o nome "OBS" atrelado ao seu, porém, mesmo com o OBS negando a utilização, o Streamlabs registrou uma marca 62 | chamada "Streamlabs OBS". 63 | 64 | [O OBS então veio a público divulgar o ocorrido](https://twitter.com/OBSProject/status/1460782968633499651) e como consequência o Streamlabs acabou voltando atrás com sua decisão. 65 | No mesmo mês, a [Lightstream veio a público acusando o Streamlabs de utilizar de forma descarada o design de sua página 66 | a fim de propagar o projeto do Streamlabs](https://twitter.com/Lightstream/status/1460709404609757185), o Streamlabs por sua vez, negou o ocorrido e alterou todo o design de seu site. 67 | 68 | [<- Plataformas de Streaming](/contents//basics/1-3-streaming-platforms.md) | [Inicio](/README.md) | [Integrações para Streaming (IMPORTANTE!) ->](/contents/environment/2-2-integrations.md) -------------------------------------------------------------------------------- /contents/environment/2-2-integrations.md: -------------------------------------------------------------------------------- 1 | # Integrações de Terceiros 2 | 3 | ## BTTV 4 | > BTTV é uma extensão de navegador que te dá acesso a milhares de emoticons e gifs para serem usados na sua live da Twitch *gratuitamente*, além de permitir que você adicione os seus próprios emotes! Usar essa extensão pode deixar as interações do chat mais *legais*, afinal, *que pessoa não iria querer usar um emote de gatinho dançarino?* 5 | 6 | ## Como usar: 7 | 8 | 1. Acesse (https://betterttv.com/) > selecione seu navegador e clique para fazer o download > abrirá a loja de extensões do Google e nela clique para obter a extensão “BETTER TV”, aceite as permissões solicitadas. 9 | 2. Volte a página inicial da BTTV e clique em [Login], use sua conta da Twitch para vincular. Você será redirecionado ao dashboard da BTTV e caso tenha seus próprios emotes, é só clicar em [upload emotes] E se você não tiver, sem problemas, clique em [emotes] localizado no menu e verá milhares já disponíveis, basta clicar e adiciona-los. 10 | 11 | 12 | ![Emotes da BTTV](/assets/bttv-emotes-gif.gif) 13 | 14 | 15 | 3. Tudo certo até aqui? Vá até seu chat da Twitch, clique em [⚙️] ⇒ [bettertv settings], procure por “Emote Menu” e “Emotes” e habilite todas as caixinhas. 16 | 17 | 18 | ![Modal BTTV habilitar emotes](/assets/modal-bttv-emotes.PNG) 19 | 20 | ***Repare que foi criado um botão [😀] abaixo no chat, o que facilita encontrar os bttv emotes. 21 | Prontinho! Agora é só usar e abusar dos novos emotes :p*** 22 | 23 | # HORA DOS CHATBOTS 24 | 25 | > O que são? Onde vivem? Para que servem? Bom, vamos lá: 26 | Esses bots tem como função auxiliar as lives em vários sentidos como: controle de spam, proibir links ou ter comandos próprios. É como se você tivesse um secretario de live, você precisa delegar suas funções e é pra ele que vai passar. 27 | Não quer que alguma palavra seja usada no seu chat? Você comunica ele e se alguém falar, ele vai automaticamente (banir ou dar timeout, isso você decide também). Existem vários bots disponiveis, listar todos seria ~~chato~~ então citarei 3 dos mais conhecidos: 28 | 29 | 30 | ## Streamlabs 31 | 32 | ## Como usar: 33 | 34 | 1. Acesse (https://streamlabs.com/pt-br/cloudbot) e faça login com sua conta da Twitch > Você será direcionado ao dashboard e caso esteja em inglês, você pode mudar isso clicando no seu icone no canto superior direito e até mudar o tema. 35 | 2. Procure e clique em [Cloudbot] no menu vertical a esquerda > Ative o bot. Vá até seu chat da twitch e digite "/mod StreamLabs" e agora sim ele está 100% vinculado a sua live. 36 | 3. Na pagina [Cloudbot] será exibida todas ferramentas que podem ser ativadas/desativadas e até criadas por você! 37 | 38 | - RECOMENDAÇÃO: 39 | 40 | - Habilite proteção de palavra. Clique em [preferencias] > [lista negra] > [adicionar palavra/frase] e então um modal será exibido para você adicionar palavras que ***NÃO** quer que sejam usadas no seu chat. Você também tera que escolher qual punição será dada caso alguém digite [banir, timeout, purge] 41 | 42 | ![gif](/assets/streamlabs-filtro-palavra.gif) 43 | 44 | 45 | ## StreamElements 46 | 47 | ## Como usar: 48 | 49 | 1. Acesse (https://streamelements.com/) e faça login com sua conta da Twitch. Você será direcionado ao dashboard e caso esteja em ingles, você pode mudar isso clicando no seu icone no canto superior direito e até mudar o tema. 50 | 2. Clique em [Bot do chat]> [Filtro de spam] e então será exibido uma lista e você podera habilitar proteção de palavra, de links etc assim como foi no StreamLabs. 51 | 3. Se quiser criar comandos, por exemplo: "!social" em que o bot envia o link de suas redes sociais basta: Clicar em [Bot do chat] > [Comandos do chat] > [Comandos personalizados] > [Adicionar novo comando] 52 | 53 | ![Gif](/assets/streamlabs-comando-gif.gif) 54 | 55 | ## Nightbot 56 | 57 | ## Como usar: 58 | 59 | 1. Acesse (https://nightbot.tv/) > clique em "Sign Up!" em seguida vai pedir para logar com Twitch ou Youtube, clica para ir pela twitch e autoriza o aplicativo. 60 | 2. Agora você está no dashboard. 61 | 3. Para habilitar os filtros, clique em [Proteção contra SPAM] e será exibida uma lista de filtros que você pode habilitar e configurar a sua necessidade clicando em [Opções] 62 | 63 | Caso queira aprofundar mais sobre como aproveitar o maximo dos bots: [Bots](https://github.com/Luisnadachi/Moderacao-para-Twitch/blob/master/contents/6.Bots.md) 64 | 65 | [<- Softwares para Streaming](/contents/environment/2-1-softwares.md) | [Inicio](/README.md) | [Overlays para Streaming ->](/contents/environment/2-3-overlays.md) 66 | 67 | -------------------------------------------------------------------------------- /contents/environment/2-3-overlays.md: -------------------------------------------------------------------------------- 1 | # Overlays para Streaming 2 | 3 | ## O que são overlays para streaming 4 | Overlays podem ser considerados os widgets que a grande maioria dos streamers usam em suas lives. Alguns exemplos conhecidos 5 | são o alert box e chat box. 6 | 7 | Estes overlays geralmente são criados pelo Streamlabs e Streamelements, sendo assim, possuem seus próprios links e integrações 8 | com seus softwares. 9 | 10 | Nesta seção iremos abordar um pouco sobre as configurações dos overlays citados acima com um **foco maior na utilização 11 | das ferramentas do streamlabs**, e futuramente em [configurando o ambiente](/contents/environment/2-4-setup.md) 12 | iremos abordar a configuração de uma stream na totalidade juntando todos os passos presentes até o momento. 13 | 14 | ## Alert Box 15 | O alert box visa mostrar na tela de transmissão - você pode colocar onde quiser e no tamanho que quiser - notificações 16 | variadas em tempo real, sejam elas novos seguidores, novos inscritos, doações, raids, hosts, etc. 17 | 18 | O alert box é equivalente ao overlay de event list, porém, funciona como uma espécie de notificação push, que desaparece 19 | após um determinado tempo. 20 | 21 | #### Como usar com o OBS: 22 | 1. Acesse [o site do streamlabs](https://streamlabs.com/), clique no canto superior esquerdo em "login" - as vezes este botão pode aparecer como "dashboard" 23 | caso você já tenha feito login alguma vez -. 24 | 2. Na janela seguinte que irá abrir, procure no menu a esquerda a opção "alert box". 25 | 3. Você verá uma tela com finitas configurações - **vale a leitura com calma sobre cada configuração para ter um melhor aproveitamento do overlay** -. 26 | 4. Você encontrará quase no meio da tela uma barra chamada "Widget URL" e na sua direita um botão chamado "copy", clique nele e você terá 27 | o link do seu alert box em seu copiar. **NÃO COMPARTILHE ESTE LINK COM NINGUÉM, ELE É REFERENTE SOMENTE A SUA LIVE**. 28 | 5. Após isso, vá ao seu OBS e procure a área de **fontes** - sources em inglês -. 29 | 6. Clique em adicionar e após isso selecione a opção **navegador** - browser em inglês -. 30 | 7. Após isso, ele abrirá uma janela e nessa janela você deverá dar um nome a sua fonte - você pode chamar do que preferir, normalmente é chamado de "alert box" -. 31 | 8. Uma nova janela irá aparecer e nela terá uma barra de endereço com nome "URL", lá deverá ser colocado o link que está no seu copiar. 32 | 9. Logo abaixo terão 2 configurações simples de altura e largura, geralmente as pessoas simplesmente deixam aquele valor de 800x600 e na tela de transmissão eles acertam corretamente o tamanho. - mais abaixo você verá algumas configurações avançadas, neste momento não entraremos a fundo nelas, mas caso queira, vale dar uma pesquisada sobre -. 33 | 10. Após tudo configurado, é só dar ok e ajeitar a notificação - aparecerá um quadrado vermelho em volta dela quando você clicar -, no mesmo lugar onde você pegou o link para o alert box haverá botões que simulam notificações, você pode apertá-los e conferir no seu OBS como a notificação fica, podendo então, aumentar ou diminuir o tamanho delas. 34 | ![gif](/assets/config-alertbox-obs.gif) 35 | 36 | 37 | #### Como usar com o Streamlabs: 38 | 1. Com o streamlabs aberto, procure o sinal de " + " na janela sources. 39 | 2. Clique nele e após isso, selecione a opção "alert box" e depois "add source". 40 | 3. O programa pedirá para informar um nome a fonte - coloque o que preferir -. 41 | 4. Na janela seguinte, no menu a esquerda, terá opções do que você deseja que o alert box mostre, configure como preferir. 42 | 5. No canto superior direito possui o botão de "test widgets", para ter uma pré-visualização de como ficará seu alert box. 43 | 6. Após configurado, aperte no canto inferior direito em "done" e configure a posição que você deseja que o alert box apareça. 44 | 7. No caso do streamlabs, você pode testar as notificações diretamente no software, dando dois cliques na fonte. 45 | ![gif](/assets/config-alertbox-slabs.gif) 46 | 47 | # 48 | 49 | 50 | ## Chat Box 51 | O chat box visa abrilhantar e incluir mais o público ao streamer, com ele é possível mostrar as mensagens digitadas em chat 52 | na tela da stream. Também é possível personalizar a estética das mensagens com html, css e js. 53 | 54 | #### Como usar com o OBS: 55 | 1. Acesse [o site do streamlabs](https://streamlabs.com/), clique no canto superior esquerdo em "login" - as vezes este botão pode aparecer como "dashboard" 56 | caso você já tenha feito login alguma vez - 57 | 2. Na janela seguinte que irá abrir, procure no menu a esquerda a opção "all widgets". 58 | 3. Selecione o banner "chat box". 59 | 4. Na janela seguinte aparecerá a página de configurações do chat box, onde você pode optar por mostrar emojis nas mensagens, badges, e também personalizar o chat box com html, css e js. 60 | 5. Após configurado, procure a barra de "widget URL", e a direita dele terá o botão "copy", clicando nele, um link para adicionar o chat box a sua live será copiado. **NÃO COMPARTILHE ESTE LINK COM NINGUÉM, ELE É REFERENTE SOMENTE A SUA LIVE**. 61 | 6. Com o link copiado, vá ao OBS e procure a área de **fontes** - sources em inglês -. 62 | 7. Clique em adicionar e após isso selecione a opção **navegador** -browser em inglês -. 63 | 8. O OBS pedirá para adicionar um nome a fonte criada, você pode colocar o que preferir. Normalmente streamers colocam o nome "alert box". 64 | 9. Na janela seguinte que irá abrir, cole o link na barra de endereço com nome "URL". 65 | 10. Logo abaixo terão 2 configurações simples de altura e largura, geralmente os streamers deixam em 800x600 e ajeitam isso na própria preview do OBS. 66 | 11. Após isso, é só digitar algo no seu chat e ver se ficou do seu agrado no OBS. 67 | ![gif](/assets/config-chatbox-obs.gif) 68 | 69 | 70 | #### Como usar com o Streamlabs: 71 | 1. Com o streamlabs aberto, procure o sinal de " + " na janela sources. 72 | 2. Clique nele e após isso, selecione a opção "chat box" e depois "add source". - o chat box fica um pouco mais abaixo na lista de itens -. 73 | 3. O programa irá pedir para informar um nome a fonte - coloque o que preferir -. 74 | 4. Na janela seguinte, no menu a direita, terá opções de configurações para o widget, configure como preferir. 75 | 5. Após configurar, pressione no canto inferior direito o botão "done" e pronto, seu chat bot estará adicionado. 76 | ![gif](/assets/config-chatbox-slabs.gif) 77 | 78 | [<- Integrações para Streaming (IMPORTANTE!)](/contents//basics/1-3-streaming-platforms.md) | [Inicio](/README.md) | [Configurando o seu ambiente ->](/contents/environment/2-4-setup.md) 79 | -------------------------------------------------------------------------------- /contents/environment/2-4-setup.md: -------------------------------------------------------------------------------- 1 | # Configurando seu ambiente 2 | 3 | Na melhor das hipóteses, você pode ser o tipo de streamer que faz live só com uma `cena` que é compartilhando sua tela. Mas e se a gente fazer um padrão de telas que vão ser o `básico` pra todo streamer, sendo elas: 4 | 5 | - Inicio 6 | - Foco 7 | - Conversando 8 | - Finalizando 9 | 10 | ## Tela de Inicio 11 | 12 | Pensa que você tá esperando um programa de TV começa e tem uma intro/vinheta que introduz o apresentador. Pensou? Então, é a mesma coisa. O seu 'programa' já está pra começar e precisam ter informações pertinentes à o que você vai fazer. 13 | 14 | Informações Necessárias: 15 | 16 | - Titulo 17 | 1. Iniciando Live 18 | 2. Já vai começar 19 | 3. Tópico: como fazer maconha com javascript e maizena 20 | 4. etc 21 | 22 | # Configurações do OBS 23 | 24 | O OBS tem várias sessões quando é clicado em configurações, vamos citar as mais importantes para você começar sua live com qualidade. 25 | 26 | ### Codificador 27 | 28 | Normalmente o OBS te oferece 2 opções para ser o seu codificador durante as lives, a sua placa de vídeo ou o seu processador, recomendamos que você coloque sua placa de vídeo (NVIDEA NVENC), mas vai de cada caso pra qual se encaixa melhor para seu setup. 29 | 30 | ![Codificador](/assets/Codificador.png) 31 | 32 | ### Bitrate 33 | 34 | Bitrate em um breve resumo seria o quanto de dados que você quer que transmita de você para o viewer. 35 | 36 | ![Bitrate](/assets/bitrate.png) 37 | 38 | Mas como que eu posso saber quanto de bitrate eu preciso usar? 39 | 40 | Simples, apenas vá em algum site de velocidade de internet e veja quantos mega de **upload** você tem. 41 | 1 mega = 1000 de bitrate. 42 | 43 | Nesse site [aqui](https://stream.twitch.tv/encoding/) você consegue ver quantos de bitrate é necessário para cada resolução. 44 | 45 | ## Audio 46 | 47 | Desde mais ou menos [novembro de 2020](https://help.twitch.tv/s/article/copyrighted-audio-warnings?language=pt_BR) a Twitch começou a dar strikes (avisos de direitos autorais) em canais que transmitem músicas sem autorização de autores/gravadoras. 48 | 49 | O OBS tem uma solução simples para isso. Existe uma opção na parte de audio do OBS que você separa o audio que está sendo transmitido para seus viewers para a VOD (vod seria a gravação da sua live) que geralmente os avisos vem de vods, raramente você consegue tomar um strike ao vivo. 50 | 51 | Em saida, marque a caixa _Faixa de VOD da Twitch_ e desmarque a track 6. 52 | 53 | ![Faixa de VOD da Twitch](/assets/configsaida.png) 54 | 55 | Depois disso vá para sua tela inicial do OBS, e em Áudio do desktop, clique nos 3 pontos verticais e em seguida vá para _propiedades de audio avançadas_ 56 | 57 | ![Propriedades de audio avançadas](/assets/trackaudio2.png) 58 | 59 | Depois disso, desmarque a track 6 do seu Áudio do desktop 60 | 61 | ![Tracks de audio do desktop](/assets/trackaudio1.png) 62 | 63 | ## Teclas de atalho 64 | 65 | O OBS oferece uma vasta opção de teclas de atalho para sua stream. Por exemplo, sua mãe invadiu sua live do nada? Aperte x e mute o microfone, ela apareceu no ângulo da câmera? Aperte y e esconda a câmera (as teclas que eu sei no exemplo são só demostrativas, você vai ter que configurar os atalhos para fazer isso). 66 | 67 | ![Teclas de Atalho](/assets/teclasAtalho.gif) 68 | -------------------------------------------------------------------------------- /contents/environment/2-5-equipments.md: -------------------------------------------------------------------------------- 1 | # Equipamentos 2 | 3 | --- 4 | 5 | Normalmente para fazer live coding, você simplesmente só precisa transmitir a tela do seu computador, mas se você quiser ir mais além, você pode optar para equipamentos para melhorar sua qualidade de stream, lembrando que isso é totalmente optativo e isso não deve impedir você a começar as suas lives. 6 | 7 | ## Câmera 8 | 9 | --- 10 | 11 | Temos algumas opções de câmera, como: 12 | 13 | - **Logitech C270 720p** 14 | - **Logitech C920e 1080p** 15 | - **Logitech Brio 4k** 16 | - Câmeras profissionais 17 | 18 | Mas eu não tenho dinheiro para comprar uma webcam no momento, o que eu faço? 19 | 20 | Temos uma solução para isso! Apresento o [DroidCam](https://www.dev47apps.com/), disponível tanto para Android como para IOS onde você consegue transmitir o seu lindo rosto tanto pelo cabo do celular como pela sua rede Wi-fi. 21 | 22 | Não é aquelas qualidades dependendo do seu celular, mas é um ótimo quebra galho para você que quer mais interação com seus viewers. 23 | 24 | ## Iluminação 25 | 26 | --- 27 | 28 | Se você não ligar tanto pra isso, pode desconsiderar esse tópico, mas passarei algumas dicas de iluminação para suas streams. 29 | 30 | A iluminação mais simples que você consegue fazer com pouco investimento seria uma Ring Light atrás da sua câmera iluminando o seu rosto, no caso eu posiciono a minha ring assim: 31 | 32 | ~~A iluminação ambiente é sempre bem vinda também, mas se você faz streams pela parte de noite fica um pouco complicado.~~ 33 | 34 | ![Iluminação pela camera](/assets/ilumination-camera.png) 35 | 36 | E meu rosto fica nesse resultado: 37 | 38 | ![Meu rosto](/assets/me1.png) 39 | 40 | Mas percebe que a parte de trás fica muito escuro? Uma solução pra isso seria colocar o que chamamos de back light, ou luz de fundo, o que seria uma luz para iluminar o seu cenário. 41 | 42 | Eu tenho uma luz inteligente que consegue mudar de cor ou ajustar a intensidade dela, ficaria assim o fundo com ela ligada: 43 | 44 | ![Meu rosto 2](/assets/me2.png) 45 | 46 | No backlight você não precisa necessariamente de uma luz inteligente, só precisa de uma luz normal apontada nas suas costas. 47 | 48 | Os equipamentos seriam: 49 | 50 | - Ring Light 51 | - Yeelight 52 | 53 | ## Microfone 54 | 55 | --- 56 | 57 | Você se quiser pode usar o microfone do seu headset sem problemas, o tópico seria para pessoas que querem seu microfone separado do seu fone. Temos várias opções de microfone tanto dos low-end quanto para os high-end. 58 | 59 | Primeiramente eu recomendaria comprar um suporte para colocar o seu microfone, temos essas opções: 60 | 61 | - Braço articulado Knup - (É um bom quebra galho mas prepare-se por que ele não dura tanto tempo assim, tive ele e durou mais ou menos 2 anos). 62 | - Braço articulado Arcano 63 | 64 | E vamos para os microfones: 65 | 66 | - Microfone de lapela Sharkoon SM1 67 | - Microfone dinâmico Arcano Nabuc 68 | - Microfone condensador Fifine k699 69 | - Microfone Gamer HyperX QuadCast 70 | 71 | Devem ter muitos outros microfones que poderiam entrar nessa lista, sinta-se a vontade para pesquisar outras alternativas. 72 | 73 | [<- Configurando seu ambiente)](/contents/environment/2-4-setup.md) | [Inicio](/README.md) | [Introdução ao Livecoding ->](/contents/livecoding/3-1-intro.md) 74 | -------------------------------------------------------------------------------- /contents/livecoding/3-1-intro.md: -------------------------------------------------------------------------------- 1 | # Introdução ao Livecoding 2 | 3 | Ao clicar no botão de `Iniciar Stream` pela primeira, você vai se deparar com alguns sentimentos. Tais como: ansiedade, medo, euforia etc pelo motivo de que você tem uma expectativa que seu conteúdo precisa ser o melhor do mundo já pro primeiro momento. 4 | 5 | Nesse quesito eu gostaria já de te dizer com antemão que 99% das vezes a sua primeira live vai ser `uma merda` e isso `faz parte do processo` e você precisa entender isso. 6 | 7 | Sua primeira live é a que você vai ficar todo atrapalhado, testando coisas e tendo tudo como muito novo pra você. Ações como interagir com o chat, jogar algo, codar algo e ainda sim manter uma vibe legal `demora um tempo` para se acostumar e não vai ser em 1 ou 2 lives que isso vai ficar mais fácil. 8 | 9 | Mas uma coisa eu te garanto: depois da primeira live, as coisas vão ficando mais leves! 10 | 11 | Livecoding é uma junção de ensino e aprendizado constante e as lives permitem que as pessoas te ajudem quando você tiver algum tipo de dificuldade (seja com a plataforma de streaming ou com o que você estiver fazendo). 12 | 13 | [<- Configurando o Ambiente](/contents//environment/2-4-setup.md) | [Inicio](/README.md) | [Deveres de um Streamer Iniciante ->](/contents/livecoding/3-2-duties.md) -------------------------------------------------------------------------------- /contents/livecoding/3-2-duty.md: -------------------------------------------------------------------------------- 1 | # Deveres de um Streamer Iniciante 2 | 3 | Beleza, vamos tentar fazer sua primeira live ser um pouco menos estressante. Quando você assiste alguém, você pode aprender baseado nas ações que esse streamer toma pra lidar com a comunidade dele, certo? 4 | 5 | Dito isso, a ideia é passar as coisas mais genéricas possíveis pra você ter uma base do que TODOS os pequenos streamers fazem. 6 | 7 | ## Agradecimentos 8 | 9 | Se você acaba de receber um `follow`, agradeça. Mesmo que o nickname da pessoa seja `'PicaDasGalaxias1337'` você PRECISA agradecer. Quando mais tosco o nome que você agradecer, melhor vai ser o ponto que sua comunidade vai enxergar pelo fato de que você não tem 'vergonha' de interagir com essas pessoas. 10 | 11 | Se você recebe uma `subscription $$$$` ou `bits` (moeda da Twitch) você agradece com uma maior intensidade porquê a pessoa tá literalmente te ajudando a pagar as contas do mês. Pare imediatamente o que você estiver fazendo e agradeça. 12 | 13 | Se você recebe um `gank/raid` (ato de passar os viewers para outra stream) de outra comunidade, para tudo, se apresente para os novos viewers e agradeça o outro streamer que te gankou/raidou. O cara literalmente levou `TODOS` os viewers dele pra te assistirem e te conhecerem. Mostre gratidão e principalmente mostre o canal dele pros seus viewers também. 14 | 15 | ## Conheça seus viewers 16 | 17 | Os seus primeiros viewers vão definir o rumo que o seu canal vai tomar e isso é extremamente importante de entender. Seus primeiros viewers vão manter a comunidade ativa e você ter uma boa relação com eles é `primordial` pro crescimento do seu canal. 18 | 19 | Eles vão manter o chat vivo, eles vão te ajudar a divulgar coisas fora de live, eles vão modelar tudo que é necessário pro seu crescimento então nada mais justo que você conhecer as pessoas que estão 20 | 21 | ## Regule sua comunidade 22 | 23 | Beleza, chegamos num ponto muito importante que é: que tipo de comunidade você quer cultivar? 24 | 25 | > O chat é o reflexo do streamer - Alguém, 2020 26 | 27 | Nas plataformas de streaming, existem públicos para quase todos os nichos e gostos (por mais duvidosos que sejam). 28 | 29 | * Se você quer um chat de pessoas educadas, é uma boa possibilidade você já começar a colocar limites desde a primeira live. 30 | * Se você quer um chat cheio de maluco, seja maluco e dê a possibilidade do seu chat se soltar também (não recomendo). 31 | * Se você quer um chat que participa de discussões, puxe tópicos pertinentes e faça-os participarem. 32 | 33 | Tendo uma ideia do que você quer passar pra sua comunidade, ela vai ser moldada e concretizada dessa forma até porquê a primeira impressão é a que conta. 34 | 35 | ## Tenha um cronograma 36 | 37 | Se você quer que seus viewers voltem com mais frequência, crie a porr* de um cronograma. Essa foi a dica que me garantiu (danielhe4rt) o partner com a Twitch e agradeço muito ao [CodigoFalado](https://twitch.tv/codigofalado) por me passar essa visão. 38 | 39 | As pessoas precisam saber quando você vai estar online, pra elas prestigiarem seu conteúdo sempre que possível. 40 | 41 | Por exemplo: 42 | 43 | * Toda segunda, quarta e sexta das 20h00 às 23h00; 44 | * Todo sábado das 15h às 20h. 45 | 46 | Assim é garantido que as pessoas vão voltar se gostar do seu conteúdo. 47 | 48 | [<- Introduçao](/contents/livecoding/3-3-first-viewers.md) | [Inicio](/README.md) | [Cativando os Primeiros Viewers ->](/contents/livecoding/3-3-first-viewers.md) -------------------------------------------------------------------------------- /contents/livecoding/3-3-first-viewers.md: -------------------------------------------------------------------------------- 1 | # Cativando seus Primeiros Viewers 2 | 3 | Sabemos quais são os deveres do streamer, mas como que você vai usar isso pra manter a galera na sua live? Existem alguns artificios que, no mundo do streaming, é o que garante a volta das pessoas por elas sentirem que fazem parte da sua comunidade. 4 | 5 | ## Piadas Internas 6 | 7 | Sabe aquele momento descontraido que você faz uma piada que só as pessoas que estão ali naquele momento vão reconhecer? Então, isso cria uma proximidade entre você e a pessoa que tá ali te assistindo pelo fato de ser um momento `"único"` entre ele, as pessoas que estão ali e você. Principalmente se você pretende levar a sério o processo, no inicio sempre vão ter piadocas que meses após vão pertencer à só um grupo de viewers. 8 | 9 | ## Memes/Clips 10 | 11 | Você precisa estar aberto a ser zoado. Streaming é no final das coisas `entretenimento` e não existe outra possibilidade de dar certo sem o público estar entretido. Dar abertura pra galera te zoar e conseguir abertura pra zoar a galera do seu chat é algo que pode te garantir que as pessoas que estão ali sintam que são suas amigas pessoais. 12 | 13 | Use a ferramenta de fazer clipes da sua live de momentos engraçados, isso vai gerar um valor extra pra quando você quiser divulgar algo em redes sociais e a sua comunidade pode cuidar disso pra você. 14 | 15 | ## Apelidos Genéricos 16 | 17 | Uma das coisas que mais cativou e fez a minha imagem (danielhe4rt) foi criar uma proximidade com a minha comunidade (he4rt) onde eu comecei a chamar todo mundo de primo/prima. Existe uma certa streamer de gamedev que chama os viewers de casados/casadas. Tem um tal de Gaulês que chama os viewers de brasileirinhos/brasileirinhas. Existem infinitas possibilidades pra você trazer esse tipo de proximidade. 18 | 19 | Pra mim é muito mais fácil zoar um "primo" ou ter uma amizade mais rápida do que zoar uma pessoa aleatória. Crie sua marca em cima do que você busca e deixe sua comunidade ciente e confortável com isso. 20 | 21 | [<- Deveres de um Streamer Iniciante](/contents/livecoding/3-2-duty.md) | [Inicio](/README.md) | [Moderação (IMPORTANTE!) ->](/contents/livecoding/3-4-mods.md) -------------------------------------------------------------------------------- /contents/livecoding/3-4-mods.md: -------------------------------------------------------------------------------- 1 | # **Importância de uma Moderação** 2 | 3 | ## **Backstage** 4 | 5 | No começo da carreira da maioria dos streamers vai ser uma caminhada solo, mas com o passar das lives você vai conseguir encontrar pessoas que suas ideias vão bater e você vai poder confiar, se você quiser e também elas, essas pessoas vão ser o seu backstage. 6 | 7 | >Só que agora vem a pergunta, por que "backstage"? 8 | 9 | A resposta é simples, todo astro ou pessoa grande precisa de um apoio que raramente vai esta nos holofotes, esse apoio a maioria das vezes é o que faz tudo funcionar, isso não é muito diferente com as lives. 10 | 11 | Nas lives esse backstage é geralmente conhecidos como "Mods" ou "Moderadores" ou como o pessoal do zap gosta de chamar, os "Ademirs" 12 | 13 | O trabalho dos moderadores pode ser bem diverso, porque aos olhos de todo mundo é simplesmente moderar e é isso, mas não é bem assim que funciona, dentro da equipe de moderação você pode ter de moderador de chat até equipe de marketing. Eles vão ser responsáveis de toda parte burocratica ou que é necessaria para o show continuar, na maioria dos streamers você sempre vai encontrar: 14 | 15 | - Moderadores (cuidam do chat, entrega de premios dos sorteios e etc) 16 | - Editores de imagem e vídeo 17 | - Marketeiro ou Social Media 18 | - Um manager ou gerente 19 | - Em algumas até mesmo Desenvolvedor 20 | 21 | De inicio o principal que você vai precisar ter do seu lado é os moderadores, por que é a ajuda principal que você vai precisar com as lives, eles que vão cuidar do seu chat e manter a visão de comunidade que você vai querer que se crie e continue, vão ajudar com algumas partes técnicas e burocráticas das lives e o principal, se em algum momento você estiver fazendo algum evento ou uma live patrocinada, eles que vão manter tudo correndo nos trilhos do outro lado enquanto você esta fazendo seu show. 22 | 23 | > Caso queira ver mais conteudo sobre moderação, Eu (Nadachi) criei um repositorio com várias infos e ajudas para o pessoal que está iniciando ou já trabalha com moderação. Ele se encontra nesse [link](https://github.com/Luisnadachi/Moderacao-para-Twitch). 24 | 25 | E toda essa rapaziada que citei lá em cima são encontrados através do tempo de você for realizando seu trabalho e criando laços com a sua comunidade, e no final com os lados concordando, pode surgir uma equipe onde o foco vai ser sempre fazer o show do Streamer continuar e se expandir. 26 | 27 | [<- Cativando os Primeiros Viewers](/contents/livecoding/3-3-first-viewers.md) | [Inicio](/README.md) | [Acompanhando Métricas de Crescimento ->](/) --------------------------------------------------------------------------------