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

Поділитися
Вставка
  • Опубліковано 4 січ 2025

КОМЕНТАРІ • 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 3 місяці тому

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

  • @BeckiLea
    @BeckiLea  4 роки тому +3

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

  • @Andilippi
    @Andilippi 4 роки тому +3

    All about that minimalism!!! GG Bekz

    • @BeckiLea
      @BeckiLea  4 роки тому

      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!

  • @The_Ramalock
    @The_Ramalock 11 місяців тому +1

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

    • @BeckiLea
      @BeckiLea  11 місяців тому +1

      Glad to help! Enjoy ☺️

  • @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. 💜

  • @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? :)

  • @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 :)

  • @azechu
    @azechu 3 роки тому +1

    I have subbed, you're underrated!

    • @BeckiLea
      @BeckiLea  3 роки тому

      Wow thank you Azethine! 💜

  • @fleezybaby
    @fleezybaby 3 роки тому +2

    video is goated for that link

  • @chaoticimpulse
    @chaoticimpulse 7 місяців тому +1

    Thank you! I was looking for this!

  • @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 :)

  • @poloaf
    @poloaf 7 місяців тому +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  7 місяців тому +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 :)

  • @MattHaddon
    @MattHaddon 2 роки тому +1

    This is a great video my dude

    • @BeckiLea
      @BeckiLea  2 роки тому

      Thanks so much Matt! Hope it helps you out 💜

  • @ArthurReload
    @ArthurReload 4 роки тому +1

    Another good one, thanks Bekz!

    • @BeckiLea
      @BeckiLea  4 роки тому +1

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

    • @ArthurReload
      @ArthurReload 4 роки тому +1

      @@BeckiLea Yes definitely getting better! 😊

  • @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 :)

  • @calvinasu
    @calvinasu Рік тому

    Nice job Nutty and Mr Boost

  • @justpeachytv_
    @justpeachytv_ 4 роки тому +1

    Looks great!! Reminds me of Nutty overlays.

    • @justpeachytv_
      @justpeachytv_ 4 роки тому

      Kept watching and Nutty was there 😂😂😂😅

    • @BeckiLea
      @BeckiLea  4 роки тому

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

  • @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!

  • @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!!

  • @Addiefied
    @Addiefied 3 роки тому +1

    Great video, absolutely amazing, GG's! 😎

    • @BeckiLea
      @BeckiLea  3 роки тому +1

      Thanks so much Addiefied, glad to help 💜

  • @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! 💜

  • @punkinpaiTV
    @punkinpaiTV 8 місяців тому

    Thank you for the nice and easy tutorial video!

  • @okamigau
    @okamigau 2 роки тому +1

    This was incredibly helpful, thank you!

  • @outshinedkg
    @outshinedkg 6 місяців тому +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  6 місяців тому +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 UA-cam together

  • @onakai_
    @onakai_ 3 роки тому +1

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

    • @BeckiLea
      @BeckiLea  3 роки тому

      You’re welcome ☺️ Enjoy!!

  • @MissKalunji
    @MissKalunji 2 роки тому +1

    Thank you! well explained!

    • @BeckiLea
      @BeckiLea  2 роки тому

      Glad it was helpful!

  • @AwakeEthelwulf
    @AwakeEthelwulf 3 місяці тому

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

  • @BrokenArrow0
    @BrokenArrow0 Рік тому

    Thank you and MrBoost!

  • @DevilFUT
    @DevilFUT 2 роки тому +1

    AMAZING!

  • @thejesterscourt63
    @thejesterscourt63 3 роки тому +1

    Thank you!

    • @BeckiLea
      @BeckiLea  3 роки тому

      Thanks for watching and taking the time to comment 💜

  • @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: ua-cam.com/video/1uhc4wEpMtA/v-deo.html

  • @JaggerL0c0
    @JaggerL0c0 2 роки тому +1

    Thank you so much you are the best.

  • @thegatoomeow
    @thegatoomeow Рік тому

    Thank you for this, it's amazing.

  • @PGTVWOR
    @PGTVWOR Рік тому +1

    Mine isn't working

  • @Robmonster
    @Robmonster 3 роки тому +1

    Thanks so much for this guide, quick and easy!

  • @Lotus_Nuci
    @Lotus_Nuci 3 роки тому +1

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

    • @BeckiLea
      @BeckiLea  3 роки тому

      That brilliant news Ayanoli! Glad to help 💜

  • @DruManjiDrew
    @DruManjiDrew 2 роки тому

    Thanks for the video!

  • @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!!

  • @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 :) ua-cam.com/video/QU0Uk8Ug-Ag/v-deo.html

  • @johngrechik
    @johngrechik 2 роки тому +1

    Thank you, very helpful)

    • @BeckiLea
      @BeckiLea  2 роки тому +1

      Really glad to help, thanks for watching 💜

  • @8BitGamingUK_
    @8BitGamingUK_ 2 роки тому +1

    Thanks so much for this!

    • @BeckiLea
      @BeckiLea  2 роки тому +1

      You are very welcome!! Enjoy 💜

  • @SkyCandy
    @SkyCandy 2 роки тому +1

    Great guide! Thank you!

    • @BeckiLea
      @BeckiLea  2 роки тому

      Thanks so much Sky Candy! Glad to help 💜

  • @Lurazius
    @Lurazius 2 місяці тому

    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

  • @BrandonHolderDaNewb
    @BrandonHolderDaNewb Рік тому

    Thank you for the tutorial

  • @Weit8Production
    @Weit8Production Рік тому +1

    THANK YOU

  • @Zeuser
    @Zeuser 3 роки тому +1

    Great video! Thank you :D

    • @BeckiLea
      @BeckiLea  3 роки тому

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

  • @WASDTREE
    @WASDTREE 3 роки тому +1

    Cool AF! Thanks a lot

    • @BeckiLea
      @BeckiLea  3 роки тому

      No worries! Thanks for watching 💜

  • @RossRickson
    @RossRickson 4 роки тому +1

    My path to twitch domination continues thanks to you xoxoxox

  • @ZNsolo101
    @ZNsolo101 3 роки тому +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  3 роки тому +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 3 роки тому +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  3 роки тому +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 💜

  • @zurcasi
    @zurcasi 6 місяців тому

    is it possible to display bttv emotes with this overlay?

  • @HouseofHugh
    @HouseofHugh 5 місяців тому

    subbed thank you so much!

  • @willadsbinge
    @willadsbinge 3 роки тому +1

    thanks

  • @Sheikah_Architect
    @Sheikah_Architect 10 місяців тому

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

  • @sewerbat4634
    @sewerbat4634 2 роки тому

    any chance this can happen in streamlabs?

  • @Michelle-sx9pe
    @Michelle-sx9pe 6 місяців тому

    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 6 місяців тому

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

    • @BeckiLea
      @BeckiLea  6 місяців тому

      @@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 UA-cam together

    • @ARC_VR
      @ARC_VR 6 місяців тому +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  6 місяців тому

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

  • @empressredbird
    @empressredbird 2 роки тому +1

    Nice

    • @BeckiLea
      @BeckiLea  2 роки тому

      Thanks, glad to help 💜

  • @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?

  • @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.

  • @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.

  • @dipppert9141
    @dipppert9141 4 роки тому

    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.

  • @Dazdaone
    @Dazdaone 2 роки тому

    anybody know how to add a custom font?

  • @ArcAiN6
    @ArcAiN6 Рік тому +1

    you lost me at stream elements..

  • @k4hun4
    @k4hun4 2 роки тому

    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.

  • @electronicshacks8288
    @electronicshacks8288 3 роки тому

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

  • @h2oQueen
    @h2oQueen 3 роки тому +1

    Thank you!

    • @BeckiLea
      @BeckiLea  3 роки тому

      Glad to help! Enjoy 😊

  • @frallorfrallor3410
    @frallorfrallor3410 Місяць тому

    thanks

  • @sylphine423
    @sylphine423 2 роки тому +1

    Thank you!

  • @MasterRawl
    @MasterRawl Рік тому

    Thank you!