Adding Custom Browser Docks In OBS - Twitch Chat, Channel Points Reward Queue AND MORE!

Поділитися
Вставка
  • Опубліковано 16 лип 2020
  • Browser docks are so handy for having any URL present in OBS. Today i take a look at how to add a lot of Twitch docks. I know most of these are already available in the latest release of OBS but certain ones such as the Channel Point Reward Queue are not. So stay tuned to see how to add them!
    THIS TUTORIAL IS FOR ANYONE USING OLDER OR BETA BUILDS OF OBS! MOST OF THE BROWSER DOCKS SHOWN ARE AVAILABLE BY DEFAULT IN THE LATEST VERSION ON OBS!
    #OBS #CustomDocks #OBSTips
    ━━━━━━━━━━━━━━━━━━━━━━━━━
    👇 • Subscribe Today! • 👇
    👉 • bit.ly/SubToMeDucky
    🚀 • Get EXCLUSIVE Perks • 🚀
    | Next Level Widgets, Early Content Access, Private Discord and MORE! |
    🚀 Ko-Fi • bit.ly/SupportOnKoFi
    🚀 Patreon • bit.ly/JoinPatreonDucky
    💌 • Want To Send Me Something? • 💌
    Andi Stone Media
    22 Matlock Road
    Walton
    Chesterfield
    Derbyshire
    S42 7LD
    United Kingdom
    🔗 • All My Links • 🔗
    👀 Twitch • bit.ly/WatchMeOnTwitch
    👀 HomeKit Tinker • bit.ly/TinkerSubTime
    🗣️ Discord • / discord
    🕒 TikTok • bit.ly/FollowOnTikTokDucky
    🐤 Twitter • bit.ly/FollowOnTwitterDucky
    🎵 Music (Originals) • bit.ly/MyOriginalMusic
    🎵 Music (Covers) • bit.ly/MyMusicCovers
    💗 • Support My Content • 💗
    🍻 Send Me A Beer • streamelements.com/andilippi/tip
    🤗 Become A Member •  bit.ly/JoinUA-camDucky
    🔥 • Upgrade Your Content • 🔥
    👉 The BEST Streaming Assets • nerdordie.com/shop/ref/9wuitu/
    👉 Grow & Streamline Your UA-cam Channel • www.tubebuddy.com/ANDILIPPI
    👆 Save 20% With Code "ANDIBUDDY20" 👆
    👉 600+ Overlays, Music & More • www.own3d.pro/en/?deal=andi69
    👆 Save 50% With Code "ANDI50PRO" 👆
    👉 1 Stop Shop For All Streamers • www.own3d.tv/en/?deal=andi50
    👆 Save 50% With Code "ANDI50" 👆
    ━━━━━━━━━━━━━━━━━━━━━━━━━
    🔗 • Links In Video • 🔗
    🌍 Nutty's UA-cam • / @nuttylmao
    📺 Nutty's Source Transition Video • • OBS Webcam FADE IN Eff...
    *This video description contains affiliate links. If you click on one of them, I will potentially receive a commission and you have supported the content I make!

КОМЕНТАРІ • 131

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

    What browser docks do you use / want to use?

  • @xtheonlyg703
    @xtheonlyg703 3 роки тому +3

    Deserve way more views and subs. Helped me out a ton with all the tutorials, keep up the good work!

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

      Aww thank you so much brother! I’m always happy to help, if you need anything let me know!

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

    Finally followed your instructions. Worked great. Thank you.

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

      That’s awesome Tony! I live it when a plan comes together! 👊🏼😉

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

    Thank you! This was very helpful!!

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

      Anytime pleasant! Always here to help! ❤️

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

    Exactly what I was looking for! Thank you!

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

      Glad you found what you were looking for ducky!

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

    Thanks my man :D Your vid helped me a lot and it is so nicely and easy to follow. Keep up your work :)

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

      That’s great to hear! Thanks so much for the kind comment M!

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

    Great Video. My chat and activity feed were always on my obs and one day they just disappeared. they werent even on my docs anymore. This is literally exactly what i needed

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

      Nice! Glad you found your solution Jordan! 👊🏼

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

    Dayummm this is awesome man!! I honestly have OBS on one screen AND twitch stream manager on another and game in the middle. NOW I HAVE A FREE MONITOR

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

      LETS GOOOO! What you gonna put on that screen then ;)

    • @100games100days
      @100games100days 3 роки тому

      @@Andilippi Probably Lioran Board Stream Deck.. haha

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

    AYO Andi. 😁
    An awesome video as per usual, my friend. 😁 👍 👍

    Cheers to you, my man! 🍻

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

      Thanks a lot brother!!! Always happy to help! ❤️👊🏼

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

    This was insanely helpful getting things set up after hitting affiliate

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

    Awesome vid man very helpful. And hell yea on the Nutty shout out!

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

      Thanks a lot chief!! Yeah he’s an incredible guy, I feel like I need to stop by his streams more often!

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

      Or maybe even collab on a vid!!! Especially since we seem to have the same philosophy about streaming and tech!

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

      @@Andilippi OOOO that would be epic! I feel that would melt youtube's face off in the best way!

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

      :O HELL YEAH! Let's hope so!

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

    thank you for the quick tutorial.

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

      Anytime buddy! Always happy to help!

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

    Thanks geez! 😁

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

      Anytime brother!!! ❤️❤️👊🏼

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

    Thank you sir!!

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

    thank you!

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

      Anytime bravebanana! ❤️👊🏼

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

    thank you verry much

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

      Anytime Sehli! Glad it helped!

  • @Primo-idgaf
    @Primo-idgaf Рік тому

    this video has helped me the most but How do i change the dock color mine is white i want it black and i already change the theme didnt work

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

    this helped me sooo much!!!! tysm

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

    So did everything that you said and when I tried to use it in obs studio the pop up says access denied I have all pop ups on twitch allowed but still wont work.

  • @karltopo7194
    @karltopo7194 3 роки тому +3

    Gonna switch over to OBS studios from stream elements after reading all your stuff haha

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

    thank you

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

      Anytime stacks! Enjoy it buddy!

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

    I actually make a browser dock for the main twitch page for signing in so that way you can set the dark mode theme which applies to the channel reward dock too so it all looks similar.
    Only make the dock visible to sign in and then turn it off.

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

      I used to have this working but after a fresh windows install the channel points dock refuses to dark mode and I cannot figure out why. I did what you did but it just wont go dark mode even though everything else is.

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

      @@bodyfi4726 Have you tried deleting your channel rewards dock, logging in on your login dock, dark mode, then create your rewards queue dock? Maybe it's not refreshing the settings.

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

      @@Barboron I did yeah. In that order too. I had it reset once or twice back to light mode on the old setup too so I figured I'd get it working again here as well but no luck. Only thing I can think of that I haven't tried is uninstalling obs and cleaning all the settings I can think of and attempting it again.
      EDIT: Alright so after playing around with it for awhile and deleting the obs browser dock folder in appdata I figured out the problem. Turns out if you turn on dark mode on the dashboard page (which is what I had docked) it only turns on dark mode for chat and everything else in the dashboard and youd think it would do the channel points page too right? Wrong.
      I just had to add the twitch homepage as a dock and turn dark mode on from there and that fixed it... The small details man.

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

      Love this guys!!!! All about helping each other out! Plus... WHO DOESN’T WANT DARK MODE! 😂😂

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

    how do I log out of the docks?
    I have to switch between my own channel and a different channel I manage for work, and want to be able to log out but don't see any way to do it

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

    My Twitch Docks don't seem to auto update, like the stats doesn't update viewers or the stream timer

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

    If you came looking for the Reward Queue URL, it is: www.twitch.tv/popout/CHANNELNAME/reward-queue

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

      Appreciate that buddy!

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

    Hi! Any idea why the created dock says "Access Denied" ? Btw. love your videos, just found them a couple days ago :)

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

      If it’s a twitch dock you’ll need to just add twitch.tv as a dock and log in first! Then your other docks will work! Thanks a lot Jakub, glad you’re enjoying them!

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

    Hey man, loving the video! Have you or anybody else had the problem with the custom docks not saving when you close obs? Im having to reimport
    Them from scratch everytime i reopen it :(

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

      Hey man! Thanks for that. I haven’t seen that issue myself. Make sure you have everything up to date in OBS!

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

      Andilippi will do, cheers buddy 💪🏼

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

    Aww I got my own shout out. Trolling moderators 😉

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

      Hahaha! It’s just how it is ain’t it haha

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

    Tell me how to put a dock in the source area

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

    Nice. Is it possible to do the same thing with Facebook Live? I believe FB changed how their chat box works on browsers (I tend to use Chrome). I think they removed the link associated with their chat box.

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

      As long as you can find the URL it can be! I have never used Facebook so I couldn’t tell you. But you can put in any URL :)

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

      Hey Galo Guevara, were u able to find a solution to your query ? I am also looking for a similar solution for myself.

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

    So everything works great, except when I try to add my reward queue I get a window telling me I don't have access to the queue, only streamers and moderators can modify the requests queue. I'm assuming this is because it's not registering that I'm logged in on Twitch, but it seems that chat and the activity feed docks work fine. I tried closing the pre-made chat dock and adding a custom one to attempt to have to log in, but it bypassed the login requirement and it didn't help my queue issue. Any suggestions?

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

      Good to hear man! So what id do in that situation is create a new custom browser dock for the twitch website itself. Make sure I’m logged in there then restart the requests queue dock. That should fix your issue!

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

      @@Andilippi That worked! Thank you so much!

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

      Good stuff man! ENJOY! ❤️👊🏼

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

    You got a workaround for using a google service that's login requires javascript for a dock? You would be my hero if you did.

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

      I’m not too sure buddy! I’d have to do some research! Sorry Justin!

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

      @@Andilippi Well, the best I could come up with was to create a new google account inside OBS so it wont require 2sv and you can transfer what you need from your other google accounts.

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

      Ahh good idea there batman!! What was it you were using it for, if you don’t mind me asking!

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

      @@Andilippi Using google voice to take phone calls on the air. I was missing calls using a separate window so integrating it into obs was ideal. Unfortunately, I can't give google control of the mic from the OBS browser so I can't use the dock to answer. :-(

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

    WHERE IS THE DOCK BROWSER FOR MAC?

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

      The OBS devs are still working on this feature for Mac OS X at the moment 🙂

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

      @@Andilippi Well...

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

      New release this week added Docks to OBS Studio on Mac! I'm using it now!

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

    I got a question : can I make the chat like without a background or custom it , and make it scroll by itself out of the app ? (On OBS )

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

      I’m not too sure what you mean there man! Have you got a video or a demo of what it would look like!

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

      @@Andilippi I mean like some streamers got their chat pop up in their screens but like in colors and like in a shape , I dont know how to explane it well sorry 😅

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

      You can create things like that in StreamLabs or inside of StreamElements :)

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

      @@Andilippi alright thanks ! 💕 btw hope you reach to 1M subscriber one day 💕

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

      Anytime K!!! Thank you so much for the kind comment! I hope so too! ❤️👊🏼

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

    Everytime i close and open OBS my docks are smaller and i have to drag them to get the right size. It is incredible annoying. Does somebody have an advice please?

  • @DracarysDoll
    @DracarysDoll 3 роки тому +3

    So early modern antiques hasn't even commented yet.

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

      Haha you know sas!!!

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

    Unsure what I'm doing wrong ,Twitch chat won't snap to stream labs obs it just hovers

  • @Primo-idgaf
    @Primo-idgaf Рік тому

    This method didn’t allow me to log in i had a different way to login

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

    What exactly do these twitch docks do? I have them in my OBS I just don't know exactly what the purpose is.

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

    Trying to figure out the use for this... 🤔

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

      People use it for chat, Twitter, live preview of stream. There’s so many use cases. If you use random viewer selectors etc. Rather than having your web browser open, you can just stick everything inside OBS making it easier to manage!

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

    All my docks get places on top never to the side ? any help

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

      It can be very temperamental! You just need to keep attempting to move them, there isn't like an easy fix to it

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

      @@Andilippi thank you u was right just gotta keep trying

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

    lol i thought i was the only mod that refunded himself lol

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

      You’re one of those then! 😳😆

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

    I'm not getting custom browser dock under the dock tab

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

      That’s strange dude, have you made sure your OBS Studio is up to date!

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

      @@Andilippi yes

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

    How do you add viewer count to this?

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

      Replace the ‘TWITCHCHANNELNAME’ with your twitch name!
      www.twitch.tv/popout/TWITCHCHANNELNAME/dashboard/live/stats

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

      @@Andilippi thanks! subbed to the channel. I'm still learning OBS.

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

      Thank you chief! Well if you need anything let me know! There’s tons of tips on this channel! ❤️👊🏼

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

      @@Andilippi do you have a video on automatic scene switching? I'd like to make my cameras switch automatically in my stream.

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

    OBS.live is the same thing as OBS just with mor fetures. It's not removing anythis so you don't have a disadvantage. Its just a addon

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

      Aye, it’s mainly just added custom docks to be honest, I heard there are some browser improvements too!

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

    Wrong. The only reason I havnt swapped over is because OBS doesn't have selective recording

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

      I know that’s an awesome feature maybe we can get them to introduce it into OBS Studio!!! 👌🏼❤️

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

    So who does the trolling 😂

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

    at 4:15 you go into a bunch of complicated crap and don't show it on screen? What do you mean another chat window? On a second account, what are you talking about?

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

      Just add a browser dock for twitch.tv then log into it

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

      @@Andilippi I see thanks.

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

    why the fuck isnt the dsk not showing up in obs after install??? wtf

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

    Hey Andi! How are you???

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

      Hey! I’m great thanks ducky, how’re you!

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

      Andilippi I’m good and great to hear!

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

    1:43

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

    Hiiii

  • @sol-kd5im
    @sol-kd5im 3 роки тому +1

    hi there im not sol

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

      Hi there not sol! 😂

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

    pc

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

    You need better mods. 😂

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

      Tell me about it! 😂😂

  • @ohnotagainplease
    @ohnotagainplease 9 місяців тому

    Absolutely disgusting delivery. Unfortunately the only informative tutorial out there.

    • @Andilippi
      @Andilippi  9 місяців тому

      Literally one of my first ever videos, sorry I can’t be perfect when starting out…

  • @xtheonlyg703
    @xtheonlyg703 3 роки тому +5

    Deserve way more views and subs. Helped me out a ton with all the tutorials, keep up the good work!

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

      Much appreciated!

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

      He is absolutely helping me pull out all the stops. Can't wait to show him what I've put together in less than a week!