Minimalist HORIZONTAL CHAT for your TWITCH Livestream | Featuring STREAM ELEMENTS and OBS

Поделиться
HTML-код
  • Опубликовано: 20 ноя 2024

Комментарии • 126

  • @MrBoost92
    @MrBoost92 3 года назад +20

    Eyyyyyyyyyy!

    • @BeckiLea
      @BeckiLea  3 года назад +2

      The man, the myth, the LEGEND! Thank you again dude!

    • @MrBoost92
      @MrBoost92 3 года назад +2

      @@BeckiLea no problem! Glad you like it! Awesome video!

    • @TwistyShape
      @TwistyShape 3 года назад +2

      Is there any way of adding fonts to the widget? Its absolutely perfect but I use a specific font which isn't avalible sadly.

    • @pixlrik
      @pixlrik 2 года назад +1

      @@TwistyShape Same, I would love to use some of my own fonts for the chat widget.

    • @Hina_Hanta
      @Hina_Hanta Месяц назад

      Is there a reason my on-screen chat now seems to have your BoostedBot saying "MrBoost is awaiting battle?" Seems like a slight bug

  • @WinnerBit
    @WinnerBit 2 года назад +2

    My old horizontal chat solution, KapChat, stopped working today after Twitch rolled out their new API. This one works beautifully as a replacement. THANK YOU (and MrBoost) SO MUCH.

    • @BeckiLea
      @BeckiLea  2 года назад +1

      Glad to hear it!! That API will be causing a few issues to lots of services but I’m sure developers will be rolling out updates soon. 💜

  • @Andilippi
    @Andilippi 3 года назад +3

    All about that minimalism!!! GG Bekz

    • @BeckiLea
      @BeckiLea  3 года назад

      Honestly I had this installed previously as a plug-in and having it available like this is so much easier for those just starting out!

  • @pankochanko
    @pankochanko 3 года назад +1

    THANK YOU OMG! I saw this on another streamer's VOD and couldn't for the life of me find out how to do it until now!

    • @BeckiLea
      @BeckiLea  3 года назад

      Glad to help Mimi! It makes such a difference doesn’t it? :)

  • @The_Ramalock
    @The_Ramalock 10 месяцев назад +1

    I searched this for ages. Thanks! Very useful!!

    • @BeckiLea
      @BeckiLea  10 месяцев назад +1

      Glad to help! Enjoy ☺️

  • @LeafLiveTV_
    @LeafLiveTV_ 2 года назад +1

    Hey! Great Vid! I wanted to know where did you get the overlay at the end of the video?

    • @BeckiLea
      @BeckiLea  2 года назад +1

      Thank you! I made it ☺️ And all directly in OBS.
      I’ve made other vids covering pretty much every asset I used to make the overlay, layering blur effects from StreamFX plug-in and animated borders. It’s a simple process, just lots of layers.

    • @LeafLiveTV_
      @LeafLiveTV_ 2 года назад +1

      @@BeckiLea Thank You so much! Love the creativity, time for me to get to work! Lol thanks again!

  • @justpeachytv_
    @justpeachytv_ 3 года назад +1

    Looks great!! Reminds me of Nutty overlays.

    • @justpeachytv_
      @justpeachytv_ 3 года назад

      Kept watching and Nutty was there 😂😂😂😅

    • @BeckiLea
      @BeckiLea  3 года назад

      Guys a legend!! Him and Andilippi are doing amazing things on Twitch 💜 Huge inspirations to me 😍

  • @chaoticimpulse
    @chaoticimpulse 6 месяцев назад +1

    Thank you! I was looking for this!

  • @fleezybaby
    @fleezybaby 2 года назад +2

    video is goated for that link

  • @poloaf
    @poloaf 5 месяцев назад +1

    Hi, thank you very much for the video and a small question, is it possible to set it to multistream as well, so that it takes both Twitch and youtube chat?

    • @BeckiLea
      @BeckiLea  5 месяцев назад +1

      This will only do one at a time but you can look into Restream Chat as that does multiple. You can get a very similar effect with it and it’s really customisable. I haven’t had time these days to make new vids as I would have deffo made one for Restream :)

  • @pixlrik
    @pixlrik 2 года назад +2

    Great guide, but is it possible to use custom fonts with this? The ones in the drop down list and the Nutty font are not suitable and I'd like to use my own font. Thanks.

    • @BeckiLea
      @BeckiLea  2 года назад

      Thank you ☺️ I think it’s currently limited to the fonts you see but if you drop MrBoost a msg with a suggestion to allow a field for custom fonts within StreamElements he may look to add it to a future update :)

  • @azechu
    @azechu 3 года назад +1

    I have subbed, you're underrated!

    • @BeckiLea
      @BeckiLea  3 года назад

      Wow thank you Azethine! 💜

  • @TophGames
    @TophGames 2 года назад +1

    I have a question! How did you do the time and date in the bottom righthand corner??

    • @BeckiLea
      @BeckiLea  2 года назад

      It’s a little too hard to explain here but luck has it a good friend of mine just made a video how to do it. Check out Andilippi’s latest video :)

  • @Gweniera
    @Gweniera 3 года назад +2

    Tsym for the tutorial! I love the little RBG outline of your chat, share your secrets!?

    • @BeckiLea
      @BeckiLea  3 года назад +1

      Thanks Lauren! It's actually just an animated border I made in Davinci Resolve using a rotating gradient to get the colours to change. I will add it to my list of video's to make for you :)

  • @Addiefied
    @Addiefied 2 года назад +1

    Great video, absolutely amazing, GG's! 😎

    • @BeckiLea
      @BeckiLea  2 года назад +1

      Thanks so much Addiefied, glad to help 💜

  • @DruManjiDrew
    @DruManjiDrew 2 года назад

    Thanks for the video!

  • @calvinasu
    @calvinasu 11 месяцев назад

    Nice job Nutty and Mr Boost

  • @punkinpaiTV
    @punkinpaiTV 6 месяцев назад

    Thank you for the nice and easy tutorial video!

  • @PGTVWOR
    @PGTVWOR Год назад +1

    Mine isn't working

  • @ArthurReload
    @ArthurReload 3 года назад +1

    Another good one, thanks Bekz!

    • @BeckiLea
      @BeckiLea  3 года назад +1

      Hopefully these are improving! Got so many vid ideas in the pipeline and want to do them justice!

    • @ArthurReload
      @ArthurReload 3 года назад +1

      @@BeckiLea Yes definitely getting better! 😊

  • @Emm_R_Guitar
    @Emm_R_Guitar 3 года назад +1

    Thanking ye. I'm am glad Im not the only Graphic design that went - I could save space if this side scrolled.

    • @BeckiLea
      @BeckiLea  3 года назад

      Ha ha yeah I always disliked the big block of chat taking up all that space... this gives so much room for activities 😂 Enjoy!!

  • @onyginal3052
    @onyginal3052 2 года назад +1

    WELL ! Thank you so much ! I've been looking for it very hard and your tutorial is absolutely amazing ! thanks !

    • @BeckiLea
      @BeckiLea  2 года назад

      You’re welcome Onyginal, thanks for the kind words and enjoy the new text! 💜

  • @MattHaddon
    @MattHaddon 2 года назад +1

    This is a great video my dude

    • @BeckiLea
      @BeckiLea  2 года назад

      Thanks so much Matt! Hope it helps you out 💜

  • @Saifii
    @Saifii 3 года назад +1

    I just wanted to know how you made those Blurry/Frosted Header and Footer overlay?

    • @BeckiLea
      @BeckiLea  3 года назад

      Hiya Saifii! I have another tutorial on the blur/glass effect here: ruclips.net/video/1uhc4wEpMtA/видео.html

  • @RossRickson
    @RossRickson 3 года назад +1

    My path to twitch domination continues thanks to you xoxoxox

    • @BeckiLea
      @BeckiLea  3 года назад +1

      Let’s go!!!!

  • @MissKalunji
    @MissKalunji Год назад

    May i ask , how were you able to add the white line under the chat bar? I really like it but haven't been able to figure i tout. Thanks!!

  • @BrokenArrow0
    @BrokenArrow0 Год назад

    Thank you and MrBoost!

  • @okamigau
    @okamigau 2 года назад +1

    This was incredibly helpful, thank you!

  • @onakai_
    @onakai_ 3 года назад +1

    this looks sick! tysm for posting a tutorial ^_^

    • @BeckiLea
      @BeckiLea  3 года назад

      You’re welcome ☺️ Enjoy!!

  • @AwakeEthelwulf
    @AwakeEthelwulf Месяц назад

    Is there a way to have the text aligned left to right? I'd prefer new messages to move to the right

  • @JaggerL0c0
    @JaggerL0c0 2 года назад +1

    Thank you so much you are the best.

  • @BrandonHolderDaNewb
    @BrandonHolderDaNewb Год назад

    Thank you for the tutorial

  • @MissKalunji
    @MissKalunji 2 года назад +1

    Thank you! well explained!

    • @BeckiLea
      @BeckiLea  Год назад

      Glad it was helpful!

  • @Zeuser
    @Zeuser 3 года назад +1

    Great video! Thank you :D

    • @BeckiLea
      @BeckiLea  3 года назад

      Thank you too! Appreciate you taking the time to comment ⭐

  • @8BitGamingUK_
    @8BitGamingUK_ 2 года назад +1

    Thanks so much for this!

    • @BeckiLea
      @BeckiLea  2 года назад +1

      You are very welcome!! Enjoy 💜

  • @Lotus_Nuci
    @Lotus_Nuci 2 года назад +1

    Thank you for the tutorial Becki it's absolutely what I was looking for

    • @BeckiLea
      @BeckiLea  2 года назад

      That brilliant news Ayanoli! Glad to help 💜

  • @Robmonster
    @Robmonster 3 года назад +1

    Thanks so much for this guide, quick and easy!

  • @Weit8Production
    @Weit8Production Год назад +1

    THANK YOU

  • @thegatoomeow
    @thegatoomeow Год назад

    Thank you for this, it's amazing.

  • @DevilFUT
    @DevilFUT 2 года назад +1

    AMAZING!

  • @willadsbinge
    @willadsbinge 3 года назад +1

    thanks

  • @johngrechik
    @johngrechik 2 года назад +1

    Thank you, very helpful)

    • @BeckiLea
      @BeckiLea  2 года назад +1

      Really glad to help, thanks for watching 💜

  • @SkyCandy
    @SkyCandy 2 года назад +1

    Great guide! Thank you!

    • @BeckiLea
      @BeckiLea  2 года назад

      Thanks so much Sky Candy! Glad to help 💜

  • @thejesterscourt63
    @thejesterscourt63 2 года назад +1

    Thank you!

    • @BeckiLea
      @BeckiLea  2 года назад

      Thanks for watching and taking the time to comment 💜

  • @manpawtv4566
    @manpawtv4566 2 года назад +1

    Is there a way to have that be activity feed instead? And maybe scroll through the last 10 or something?

    • @BeckiLea
      @BeckiLea  2 года назад

      I think something like that could be achieved using the scrolling text effect in OBS and you would need to pull the info into a text file for it to pick up. My good friend Andilippi did a tutorial showing how to get recent events to show on stream so would just need to combine this into scrolling text and I think you would be there. Here’s a link to his vid :) ruclips.net/video/QU0Uk8Ug-Ag/видео.html

  • @outshinedkg
    @outshinedkg 4 месяца назад +1

    this is a great widget but for some reason it introduces a small 'squeak' to announce each message as it appears - is there a way to turn this off? it's pretty annoying lol

    • @BeckiLea
      @BeckiLea  4 месяца назад +1

      @@outshinedkg it never did that for me!! How strange. I feel there must be an audio file linked to it in one of the options that you could change or likely mute. You can also mute individual sources in OBS and mute this I think. Alternatively take a look at Restream Chat. I moved to this about a year ago as it allows horizontal chat from combined channels such as twitch and RUclips together

  • @HouseofHugh
    @HouseofHugh 3 месяца назад

    subbed thank you so much!

  • @zurcasi
    @zurcasi 4 месяца назад

    is it possible to display bttv emotes with this overlay?

  • @Lurazius
    @Lurazius Месяц назад

    Hi, for some reason the option (show nick name color as on twitch) let's all people nick names appear white, any idea how to fix this?

  • @Diana-sl6tx
    @Diana-sl6tx 2 года назад +1

    Thank you

  • @BeckiLea
    @BeckiLea  3 года назад +3

    Let me know what other widgets are your faves!? This is easily mine! 💜

  • @Sheikah_Architect
    @Sheikah_Architect 8 месяцев назад

    How do I add this element to an overlay I already have made?

  • @WASDTREE
    @WASDTREE 3 года назад +1

    Cool AF! Thanks a lot

    • @BeckiLea
      @BeckiLea  3 года назад

      No worries! Thanks for watching 💜

  • @sewerbat4634
    @sewerbat4634 2 года назад

    any chance this can happen in streamlabs?

  • @empressredbird
    @empressredbird 2 года назад +1

    Nice

    • @BeckiLea
      @BeckiLea  Год назад

      Thanks, glad to help 💜

  • @ZNsolo101
    @ZNsolo101 2 года назад +1

    where the blank is the link in all that mess in your description i cant find it all and its not clear at all where is this link below that take me to the overlay i clicked them all show it next time i disliked your unclear setup you skips the where to find it or where to click on it ill have to go watch another video because i cant find it here

    • @BeckiLea
      @BeckiLea  2 года назад +1

      Sorry you had a hard time finding the link. It’s there right under where I credited Nutty and MrBoost and also in the Video Links section.
      But to save you hunting here’s it again: Sideways Chat Widget for StreamElements (by MrBoost): streamelements.com/dashboard/overlays/share/5ebc0a5de58aed5c596cf672
      I appreciate the feedback and will see if there’s anything I can do to make the video links more prominent.

    • @ZNsolo101
      @ZNsolo101 2 года назад +1

      @@BeckiLea Ah yes I see it where it use to say link below I still wish you showed how and where you got the link it would of been vary helpful. Thanks for replaying to my post even tho it was a bit negative. keep up the great work 😊

    • @BeckiLea
      @BeckiLea  2 года назад +1

      @@ZNsolo101 honestly I really appreciate the feedback, even if negative as I’m always learning and want to make videos that are actually helpful :) So thank you for taking the time!
      I was sent the link by a friend to make the video so wasn’t really able to show it in that way, as I do usually go through the downloading process when it’s available. Enjoy the horizontal text, it makes a massive difference to the appearance of the stream and it’s one of my faves 💜

  • @heramann6916
    @heramann6916 3 года назад +1

    If you disable "show nickname every msg" the timer for disappear stop working

    • @BeckiLea
      @BeckiLea  3 года назад +1

      Hey. I would think this is by design as when you use the disappear feature it’s clears the chat, so it would’t be able to link nicknames to the previous message.

  • @ShiftEnvy
    @ShiftEnvy Год назад

    How do you get it to stop being in all CAPS?

    • @BeckiLea
      @BeckiLea  Год назад +1

      I think the default Nutty font is an all caps one so toggle this off and pick a different one :)

    • @ShiftEnvy
      @ShiftEnvy Год назад

      @@BeckiLea I noticed this, too, but unfortunately when I pick a different font and try to resize, it cuts off the bottom. Any ideas on how to remedy that?

  • @Dazdaone
    @Dazdaone 2 года назад

    anybody know how to add a custom font?

  • @wandering4258
    @wandering4258 2 года назад

    Im using chrome and this isnt working for me. Opened it up in browser source and it just won't populate, its the top layer

    • @BeckiLea
      @BeckiLea  2 года назад

      Hiya. Did you try using the 'Send Test Message' so you get a sample text to pop over? I thought this broken for me at first as I had set messages for myself and my bots not to show in the display, so when I tried to test it nothing showed. I use Chrome too so that shouldn't be a problem.

  • @Michelle-sx9pe
    @Michelle-sx9pe 4 месяца назад

    every time someone chats, it makes an "uh oh" sound for every message sent. is there a way to turn it off?

    • @ARC_VR
      @ARC_VR 4 месяца назад

      I need to know this too. It's breaking me inside lol.

    • @BeckiLea
      @BeckiLea  4 месяца назад

      @@Michelle-sx9pe it never did that for me!! How strange. I feel there must be an audio file linked to it in one of the options that you could change or likely mute. You can also mute individual sources in OBS and mute this I think. Alternatively take a look at Restream Chat. I moved to this about a year ago as it allows horizontal chat from combined channels such as twitch and RUclips together

    • @ARC_VR
      @ARC_VR 4 месяца назад +1

      @@BeckiLea Hey thanks for your reply BeckiLea! I figured out how to do it on my end (and learn something new in the process!) which was open up the properties of the browser source and under Width and Height there are two checkboxes.. the 2nd checkbox is called "Control Audio via OBS" and that brings up that browser source in the Audio Mixer where I could adjust it/mute it! HAPPY DAYS!!!!

    • @BeckiLea
      @BeckiLea  4 месяца назад

      @@ARC_VR awesome news! Glad you found the answer 🎉

  • @dipppert9141
    @dipppert9141 3 года назад

    why does this not work for facebook? and when does this come available for fb?

    • @BeckiLea
      @BeckiLea  3 года назад

      You could try adding it via StreamElements and copying over to your Facebook profile on SE but it's not something I've tested. It was made specifically to integrate with Twitch Chat - there may be a Facebook version but as I don't stream there it's not something I've seen unfortunately.

  • @k4hun4
    @k4hun4 Год назад

    ty ty ty ty ty ty ty

  • @fi5hii
    @fi5hii 2 года назад

    "you can click the link below"
    me: scrolls down and sees 50 links.... WTF

    • @BeckiLea
      @BeckiLea  2 года назад

      I’ve moved the link back up to the top, sorry it was a mess down there, Mercury updates my links and it pushed the link down below the kit links. Hopefully this is back where it should be and you can find your link now. Appreciate the feedback.

  • @ArcAiN6
    @ArcAiN6 Год назад +1

    you lost me at stream elements..

  • @electronicshacks8288
    @electronicshacks8288 3 года назад

    hi i wanna scrolling chat box on obs studio..You are so cute.please help me

  • @h2oQueen
    @h2oQueen 2 года назад +1

    Thank you!

    • @BeckiLea
      @BeckiLea  2 года назад

      Glad to help! Enjoy 😊

  • @frallorfrallor3410
    @frallorfrallor3410 8 дней назад

    thanks

  • @sylphine423
    @sylphine423 2 года назад +1

    Thank you!

  • @MasterRawl
    @MasterRawl Год назад

    Thank you!