Tutorial OBS – Como poner el chat de directo para YouTube o Twitch



Espero que os haya servido.
Si queréis que haga otro video explicando las configuraciones para grabar y transmitir dejadlo en la caja de comentarios.

Plugin OBS Studio: https://obsproject.com/forum/resources/browser-plugin.115/

Plugin OBS (Normal): https://obsproject.com/forum/resources/clr-browser-source-plugin-obs-classic-only.22/

Customizar Chat: http://chatv2.septapus.com/

Panel de directos: https://www.youtube.com/live_dashboard

source

36 comments

  • Daneki 7 months ago

    Para los que no les vaya la pagina probad con un navegador diferente, de todas maneras os dejo el código:

    @import url("https://fonts.googleapis.com/css?family=Changa One");
    @import url("https://fonts.googleapis.com/css?family=Imprima");/* Background colors*/
    body {
      background-color: rgba(0,0,0,0);
    }
    /* Transparent background. */
    yt-live-chat-renderer {
      background-color: transparent !important;
    }/* Outlines */
    yt-live-chat-renderer * {
      text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
      font-family: "Imprima";
      font-size: 18px !important;
      line-height: 18px !important;
    }yt-live-chat-text-message-renderer #content,
    yt-live-chat-legacy-paid-message-renderer #content {
      overflow: initial; !important
    }/* Hide scrollbar. */
    yt-live-chat-item-list-renderer #items{
      overflow: hidden !important;
    }yt-live-chat-item-list-renderer #item-scroller{
      overflow: hidden !important;
    }/* Hide header and input. */
    yt-live-chat-header-renderer,
    yt-live-chat-message-input-renderer {
      display: none !important;
    }/* Reduce side padding. */
    yt-live-chat-text-message-renderer,
    yt-live-chat-legacy-paid-message-renderer {
        padding-left: 4px !important;
      padding-right: 4px !important;
    }yt-live-chat-paid-message-renderer #header {
        padding-left: 4px !important;
      padding-right: 4px !important;
    }/* Avatars. */
    yt-live-chat-text-message-renderer #author-photo,
    yt-live-chat-paid-message-renderer #author-photo,
    yt-live-chat-legacy-paid-message-renderer #author-photo {
     
      width: 24px !important;
      height: 24px !important;
      border-radius: 24px !important;
      margin-right: 6px !important;
    }/* Hide badges. */
    yt-live-chat-text-message-renderer #author-badges {
      display: none !important;
      vertical-align: text-top !important;
    }/* Timestamps. */
    yt-live-chat-text-message-renderer #timestamp {
     
      color: #999999 !important;
      font-family: "Imprima";
      font-size: 16px !important;
      line-height: 16px !important;
    }/* Badges. */
    yt-live-chat-text-message-renderer #author-name[type="owner"],
    yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
      color: #ffd600 !important;
    }yt-live-chat-text-message-renderer #author-name[type="moderator"],
    yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
      color: #5e84f1 !important;
    }yt-live-chat-text-message-renderer #author-name[type="member"],
    yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
      color: #0f9d58 !important;
    }/* Channel names. */
    yt-live-chat-text-message-renderer #author-name {
      color: #cccccc !important;
      font-family: "Changa One";
      font-size: 20px !important;
      line-height: 20px !important;
    }yt-live-chat-text-message-renderer #author-name::after {
      content: ":";
      margin-left: 2px;
    }/* Messages. */
    yt-live-chat-text-message-renderer #message,
    yt-live-chat-text-message-renderer #message * {
      color: #ffffff !important;
      font-family: "Imprima";
      font-size: 18px !important;
      line-height: 18px !important;
    }
    /* SuperChat/Fan Funding Messages. */
    yt-live-chat-paid-message-renderer #author-name,
    yt-live-chat-paid-message-renderer #author-name *,
    yt-live-chat-legacy-paid-message-renderer #event-text,
    yt-live-chat-legacy-paid-message-renderer #event-text * {
      color: #ffffff !important;
      font-family: "Changa One";
      font-size: 20px !important;
      line-height: 20px !important;
    }yt-live-chat-paid-message-renderer #purchase-amount,
    yt-live-chat-paid-message-renderer #purchase-amount *,
    yt-live-chat-legacy-paid-message-renderer #detail-text,
    yt-live-chat-legacy-paid-message-renderer #detail-text * {
      color: #ffffff !important;
      font-family: "Imprima";
      font-size: 18px !important;
      line-height: 18px !important;
    }yt-live-chat-paid-message-renderer #content,
    yt-live-chat-paid-message-renderer #content * {
      color: #ffffff !important;
      font-family: "Imprima";
      font-size: 18px !important;
      line-height: 18px !important;
    }yt-live-chat-paid-message-renderer {
      margin: 4px 0 !important;
    }yt-live-chat-legacy-paid-message-renderer {
      background-color: #0f9d58 !important;
      margin: 4px 0 !important;
    }yt-live-chat-text-message-renderer a,
    yt-live-chat-legacy-paid-message-renderer a {
      text-decoration: none !important;
    }yt-live-chat-text-message-renderer[is-deleted],
    yt-live-chat-legacy-paid-message-renderer[is-deleted] {
      display: none !important;
    }yt-live-chat-ticker-renderer {
      background-color: transparent !important;
      box-shadow: none !important;
    }
    yt-live-chat-ticker-renderer {
      display: none !important;
    }
    yt-live-chat-ticker-paid-message-item-renderer,
    yt-live-chat-ticker-paid-message-item-renderer *,
    yt-live-chat-ticker-sponsor-item-renderer,
    yt-live-chat-ticker-sponsor-item-renderer * {
      color: #ffffff !important;
      font-family: "Imprima";
    }

  • Kyoukster M 7 months ago

    almenos tu hablas bajo pero las partes importantes las hablas bien

  • ChTx7 7 months ago

    erez ombre o muger¿

  • luis lorenz 7 months ago

    cuando juego los mensajes salen en obs no se puede poner en la pantalla del juego ejempli:gavo pantalla completa-y me comentan y no los veo cuando minimizo.el juego salen los comentarios en el juego pero de obs alguna solucion o como debo acer

  • Lucas Gatti 7 months ago

    a mi no me funciono que wea

  • Bryan Castro 7 months ago

    gracias bro!! me sirvio de puta madre. Saludos.!!

  • PabloCabelloPY 7 months ago

    Si quiero mi chat de twich cambiarlo y usar ''Customizar Chat'', que hago? No me funciona

  • Anderson Matajira 7 months ago

    a mi el chat no se me vuelve transparente y quisiera saber si me pueden ayudar con eso del resto todo estuvo muy bien explicado

  • world of technology 7 months ago

    como en twich??

  • ROYALE TV 7 months ago

    los comentarios se ven en el video juegos ¿?

  • GondashLuL 7 months ago

    Ojalá me funcione :u

  • BENJEMJEM 7 months ago

    Por fin lo que buscaba

  • ꧁Dark꧂ 7 months ago

    a mi no me sale esa opcion :,v

  • PANDAX13 7 months ago

    UNA PREGUNTA PORQUE EN 26/03/2018 NO ME FUNCIONA EL BROWSERSOURCE ? PORQUE OSEA PONGO LOS PLUGINS Y NO ME DA NADA

  • Romina Quiroga 7 months ago

    Hola

  • Pingu :D 7 months ago

    te amo

  • Luis Alejandro mallqui Izquierdo 7 months ago

    MI GANZO TE LO AGRADECE

  • DubitGTA 7 months ago

    3:11 Salud :v

  • Natzo Rey del la vienesa 7 months ago

    okiokokokokokokokokokok

  • Diana Bravo Perez 7 months ago

    GRACIAS

  • elobaoba 7 months ago

    me aparece un error que dice "this video is unavailable"

  • Vendetta 7 months ago

    para q posiste el plugin la verdad no entendi esa parte para q sirve el plugin…hice todos los paso q vos hisste y no me anduvo amigo..!!

  • Vendetta 7 months ago

    AMI NO ME ANDA XQ….ME SALE ESTE MENSAJE: ESTE VIDEO NO ESTA DISPONIBLE

  • Ai Josh 7 months ago

    Oie Ayudame plox -.-"

  • Juan Pablo sosa 7 months ago

    Algun video de como poner el chat de facebook ?

  • SeguirViajando 7 months ago

    Buenas! He conseguido hacer todo lo que comentas, pero cómo puedo establecer el chat para los streamings de Twitch? Es decir, qué link he de poner?

  • JEISSON 2375 7 months ago

    Saves de alguna app que pueda leer los mensajes cuando estoy transmitiendo?

  • Jp Llaneza 7 months ago

    a mi en vez de salir en la ventana del chat el chat, me sale this video is unabailable, que hago

  • ꧁CloudsBright꧂ 7 months ago

    Exelente! Like:D

  • Brand 7 months ago

    me podrias ayudar, cuando meto la página de el chat de youtube el obs me sale esto "This video is unavaible ¿alguien sabe como se arregla?

  • Irvin 7 months ago

    muchas gracias, sigue asi 🙂

  • Franz tv 7 months ago

    Gracias por el tutorial. Bien explicado lo voy a probar en un próximo directo 😀

  • leopatic 7 months ago

    me podrias ayudar, cuando meto la página de el chat de youtube el obs me salta "This video is unavaible"

  • Malito 7 months ago

    Gracias bro me funciono

  • Mikel Autentico 7 months ago

    oye , eres un maquina , me has ayudado , un saludo bro 😉

  • Reenew 7 months ago

    se puede para stremear via facebook?

Comments are closed.