How to display YouTube Chat with OBS Studio Custom Docks
HTML-код
- Опубликовано: 3 янв 2021
- In this video I show how you can use OBS studio custom docks to be able to bring in your RUclips live chat when streaming on OBS Studio. This will NOT work on Streamlabs obs.
the custom dock feature is only in obs studio and not for streamlabs obs. This tutorial focuses only on obs studio to display the chat. To learn more about browser source & chatbox watch the following videos below. Those videos apply to Streamlabs OBS and OBS Studio.
- Chatbox: • How To Setup Chat Box ...
- Browser Source: • How To Use Browser Sou...
Official RUclips Tutorial Playlist:
- tinyurl.com/y3tffrbw
❗ SAVE 50% OFF OWN3D.PRO WITH PROMO CODE: CREOVOX. Own3d.Pro provide professional overlays, alerts, and royal free music. See more at tinyurl.com/2hdxv3rr.
========================================
SUBSCRIBE TO BOTH MY CHANNELS
▶️ tinyurl.com/qssvdn9 (Crevox Channel)
▶️ tinyurl.com/yxt8fly6 (My Gaming Channel)
Click the bell! 🔔 & like this video! 👍
========================================
📱 SOCIAL INFORMATION 📱
========================================
➡️ Twitter: / creovox
➡️ Discord: discordapp.com/invite/TyBqGbP
➡️ Business Inquiries at officialcreovox@gmail.com
========================================
🎬 TUTORIAL PLAYLISTS 🎬
========================================
ℹ️ Streamlabs Desktop Tutorials (2022)
tinyurl.com/y3khsvwb
ℹ️ Streamlabs Desktop Tutorials (2020)
tinyurl.com/wcoyakr
ℹ️ StreamElements Tutorials
tinyurl.com/yxlq3d5w
ℹ️ Elgato Stream Deck Tutorials
tinyurl.com/y824ufw2
ℹ️ OBS Studio Tutorials
tinyurl.com/y2sfdw6g
ℹ️ Twitch Streaming Tips
tinyurl.com/turf42j
========================================
Thank you for watching!
#youtube #obs #streaming Хобби
If you have issues with alerts please watch the following video -> ruclips.net/video/avKvelprepw/видео.html
Also if it says “something went wrong” when you post the chat url you cant have the stream private. It must be public or unlisted.
UPDATE: 5/18/21 - a fellow viewer did some digging and found this info below
"One of the web developers from OBS addressed this very issue. They said: "This is entirely up to Google. We use CEF (Chromium Embedded Framework) to power the browser, and last year they decided to block it.
In my experience, sometimes it works and sometimes it doesn't. We have no plans on faking a Chrome browser to bypass these restrictions." (source: github.com/obsproject/obs-browser/issues/246)
So, essentially, Google is blocking OBS half of the time and OBS has no workaround nor will be providing one."
POSSIBLE WORK AROUNDS!
1. update google chrome.
2. reset your google chrome settings to default
3. pop out the chat from your watch page to view/chat in it. You can still use this video method to display it on stream though, just cannot type into it unless its popped out.
**If I find other methods I will update this pinned comment. Sadly it works for some people and not everyone and I cannot find out why other than Google blocking it for some of you.**
@UCRoujjX1CEZD4NUGXRxBEoA nope. You have to do all that manually on RUclips
you can also just login into your account in the popup and it fixes it!
Oooohhhhh Thanks! i've been wondering why my stream chat wasnt working!
@@EdwardTheAussie no it doesnt
Glad you pointed out at 2m in that you have to update the URL. As a former web dev the changing URL was obvious to me, but potentially not to others. Cheers man!
Thank you. 😊
Yeah I try to cover everything lol. Thanks for watching. Let me know if you run into any issues. Cheers!
Been wanting to do this for a long time now! Thanks very much for the short and informative video 😎👌🏻
Very short, sweet and to the point! Thank you so much!
You're welcome! Im glad I was able to help :)
Hey, at 1:33 you typed something in chat and it almost immediately showed up on OBS, mines takes about 8 seconds and I have my stream latency at ultra low and my OBS stream delay is at 1 sec. Do you think you could help with this?
Hmm that’s weird. I don’t change any settings or anything. Maybe close then reopen obs?
I like the fact that this video is so straight to the point. Respect.
Thank you! Glad I could help :)
This was the best tutorial I've come upon regarding chatting on OBS! Thank you very much! Yours was VERY informative!
You're welcome 🙂 I'm happy I could help. I appreciate the kind words, thank you.
Thank you again!
Finally I found a video that really helped me with this. Thank you, it was well explained.
You're welcome. Glad I could help!
Thank you! That was clutch and straight to the point.
You’re welcome 😊 glad I could help.
Your explanation is short but very easy to understanding! Thank you so much!
I’m glad you found it helpful 🙂 if you have any questions don’t hesitate to ask.
Thank you so much
Short and Simple! Thanks a bunch m8
very nice and straight to the point, i like it.
what if we could whitelist the browser from obs in our google settings? idk how tho
You're a LEGEND! I needed this!
Thank you ☺️ I’m glad I was able to help.
For the chat box, what source do I add?
browser source.
Thank you for this! Very helpful :)
You're so welcome!
omg thank you i have been checking time to time if it works and it finnaly did thank you :)
im glad I could help :)
how can i set activity feed on the right size of screen ? in my obs studio
Either use obs.live (streamelements) or create a custom dock.
Thank you, this was super helpful!
You're welcome! Glad I could help. Thank you for watching.
I know this is 2 years old but there's a much more simpler way of doing this, but it still helped.
Thank you for watching! Glad I could help. You mentioned there is a simpler way. What way would you do to make it faster? Im all for learning something new :)
thank you so much simple and to the point great video defo got my sub for this
Absolutely! I'm glad you found it helpful and thank you for the support!
why it won't pop on on mine?
Glad I watched your video. Thanks for the tip!
You're welcome! Glad I could help 🙂
Legend, thank you so much !
Thx this helps alot for me and probaly other people
youre a genius thank you!! omgosh this helps me so much =)
Best explation evee thanks dude for going straight to point
This greatly helped. Thank you.
You’re welcome and I’m glad it helped 🙂
Amaaazing video. Thank you so much brother.
new sub thank you for explaining this its been driving me insane :)
Thank you subbing and checking out the video. The custom docks are such a neat feature in obs studio, I use it for so many things. Happy to help :)
Thx, in my first stream I needed to open RUclips to see the chat
Same
Same
Just what I needed, thanks!
Glad I could help!
If you leave the custom browser dock with the chat there, without actually showing it on the stream. The chat will work anyway right?
I have to stream a coffee tasting and I would like to be able to see the chat on OBS but without showining it on the stream. Thanks!
That is correct
I dont have "file" on my OBS...Im using streamlabs OBS, is there a difference? Supernoob here
I had a feeling a comment like this would come up one day which is why I have this video ruclips.net/video/unxaT_gY6uw/видео.html :D this is made specifically for SLOB users to do the exact thing I did in this video.
Thanks for this video! One question, what do you do if pop out chat doesn’t show up?
Make sure it’s public and then try it again. Also try different browsers if it doesn’t pop out.
I only got to the Custom browser docks part. Not sure how you placed the live chat over there but I am really wondering how
Re-watch the video
This was really helpful. Thanks
You're welcome 🙂
Very helpful. Thank you!
You're welcome!
this video make my stream battery thank you so much for helping us my brother
You are very welcome! I am glad I could help out :)
Hello! My chat theme is always set to white on OBS even though its set to dark on my browser, do you know any way to fix it?
Thank you
When you are on your creative dashboard for streaming just redo the pop out chat once you go live. Something that fixes it. You can also have your stream up on the browser and pop the chat out from there and will sometimes fix it. You have to be live tho.
@@CreoVox Thank you for the quick answer!
I just copied the URL from the creative dashboard and it worked out, didnt even had to go live =)
@@XxGuitarHeroNinjaxX nice!! Glad you got it working and good to know you didn’t need to go live 🙂
Does this overlay on screen captures of video games?
This video is just for the chat. If you want to capture video games too its a different source in obs.
How do i get the chat to a rectangle? Mine is being funky when i try and resize it.
Like how to get the custom dock to have the chat in a rectangle spot? If so just click and drag it above the stream preview and then drag the line at the bottom to resize it.
If you are talking about something else like resizing a chatbox browser source to w rectangle that is different from what this video is showcasing.
how do you get the "enter chat here" & "top/live chat" bars to go away?
You can crop it out by hold alt and drag down and up on the source. Another option is to use the chatbox from streamelements.
Thank you so much you are the best.
Thank you for the compliment, I am glad you found the video helpful :)
Thanks for the info. You deserve more subs. Quick question, does anyone know how to perhaps make that chat box a bit more transparent for RUclips chat? I tried with the chroma key different color variations, but it takes away the text on the screen and only shows a few things. Tried adjusting similarity colors but doesn't work.
EDIT: Figured it out, you need to pick "Color Key" and not Chroma Key.
You're welcome and I appreciate the compliment. It means a lot 🙂
If you right click on the source you can select blend mode and choose one that you want
@@bWart21Official Thanks for the tip. Still so much I do not know and have been streaming for 4 years now
Really helpful. Thank you. 🔥🔥
You are absolutely welcome :) Glad I could help!
Do you still have to change the chat every time or have they fixed that yet
If you want to type in chat from obs you have to change it each time but I think obs now updates it
what about that activity feed tho i dont have that on my youtube thing
That is se.live. a streamelements plug-in for obs that you need to install
Thanks! Too bad the url changes everytime though... Any site or software that can merge multiple chats (not Restream)?
Yeah I hate that the url changes each time. As for chat merge I am not sure other than restream like you said. Except the streamlabs obs multi stream with slobs prime membership
Thank you for yout video. I don't want to show my chat on screen during RUclips lifestream but i want to show a question sombody asks on screen with their avatar. How do I do it in OBS Studio?
That’s something I don’t know unfortunately
TY so much bro
you're welcome
Do I need to keep the browser open where I popup the chat ? Or can close that?
I believe you can close it
Will the chat be visible after the live stream is published on youtube? Feel free to redirect me if you have a newer vid covering this topic, as I just saw that this one is about 2 years old. Thanks!
Yes if it shows up on any of your scenes then the chat will be in the vod. Now if you stream on youtube and set it up through the browser there is an option for live replay to be included so the chat shows up on the side too.
Addint dock did not work for me :(
Can I see it while I'm streaming or do I have to keep check obs
You will need to have obs up on a separate monitor to see it.
i kind of need your help, because i'm a new live streamer on OBS, but idk how to get the "YT chat browser source", i weirdly do not have that option
Welcome! So its not an option anyone has. You have to make it yourself using the custom docks. This video shows how.
@@CreoVox i see, thank you so so much !! This video was absolutely helpful
thank you
for saving my timee
Thx this helps a lot
Im glad I could help you :)
I have trouble with this on my M1 Mac mini. everything you say is perfect. when I hover over the chat it asks me to log in. I click the log in button and OBS crashes. :(
Some people can do it some people cant. See the pinned comment.
Once I have made my chat dock and go to testing if its working the chat asks me to log into RUclips. When I do so it gives me the message "Couldn’t sign you in
. This browser or app may not be secure. Try using a different browser. If you’re already using a supported browser, you can refresh your screen and try again to sign in." What would the solution or work around to this be?
Read the pinned comment
How do you get the activity feed and the chat windows in obs
Download se.live it's from streamelements. The link I think is in the video description
My chat link changes every stream and I have to update it every time. Is there a way around that?
No way around it.
how do u see chat in game? cuz i was playing mc and i didnt say chat just in obs
This is only for seeing it on obs. To see chat in game you need to be on streamlabs obs using the in game overlay. ruclips.net/video/k3FF7iVF9Vk/видео.html
thanks man!
anytime! :)
I looked everywhere and I couldn't find one until I came across this video
If I play a game, do I really have to change from game to OBS or RUclipsStudio just to type in the chat or is there another method? I don't have 2 screens to work with.
You need two screens or you'll have to keep going back in fourth. You can always have chat on your phone by going to the stream on your phone and type that way
@@CreoVox Alright thank you
I can't put the chat box to the left the way you can, it wants me to put it into this outlined thing at the very top of the screen in obs studio and when I do that it just makes the chat all goofed up and I can't fix it.
If you have se.live plug installed you can move it anywhere
@@CreoVox Alright gotcha thanks!
i am currently trying this out but it shows "chat currently not available"? from youtube
Check the pinned comment
My goodness, one would think streaming to a big service like youtube would have bugs like this fixed. Is there more compatible streaming software for youtube streaming?
Yeah RUclips definitely has some work to do but the only streaming software is xsplit, streamlabs obs, and obs studio to my knowledge.
@Pel The Red that’s a damn good question
How to overlay this chat if I was in a fullscreen game? So I can see the chat as well as my viewers?
If obs has a game overlay option like streamlabs does then you'll want to use that otherwise you need multiple monitors and add a chat box widget on the screen
@@CreoVox OBS doesn't. there are workarounds like making a browser window transparent and just overlaying it onto a game but you need to run borderless and I don't want to. OBS goes wiggy. damn why is this so hard?
Do you know if you can view chat logs/replays on OBS? I didn't have chat on during a recording and also my recording doesn't show up on my twitch.
You cannot. At least I've never seen a way
@@CreoVox Hm. Do you know why there is no replay my stream on twitch?
You need to go to the settings and make your past broadcast be saved
@@CreoVox Twitch settings? I can't find that setting anywhere and pretty sure I did...
Yup. On the twitch website you login click on your avatar then go to either settings or creator dashboard
is there a way to add a dock to change/update you stream title, info etc??
Not that I know of. I know if you use obs.live you can
Good and short, thx
No problem, happy to help!
when i copy and paste i cant see it
for this to work, can the game be in full screen??? or does it have to be windowed??
This requires 2 screens. 1 screen for gaming and another screen for obs and chat.
@@CreoVox i saw a guy streaming with his chat transparent and over the gameplay screen... it looked awesome.... i asked him about it, and he only told me it is all in OBS... would you know anything about how to do that??? i've been wreaking my brain all evening trying to figure that out
@VALxTheForeverGamer it's the I'm game overlay settings in obs. Just look that up and add my name at the end and my tutorial should come up. I think I show only how to do it in streamlabs but it's the same process. Also not all games work with it just keep that in mind.
helped me set it up
Heck yeah! Glad I could help.
ooo tysm 😀👍
Answered my question! Too bad YT Live isn't like twitch where we can just use 3rd party extensions to have a permanent chat. I believe this is due to the dynamic URL Chat link. But anyway, this solves my issue for displaying chat while on RUclips Live!
Yeah I hope youtube does some integration rework so we can have a permanent chat in encoders vs this current workaround.
Have you thought about other workarounds like restream and streamelements? Are those any good compared to using this?
Sometimes streamelements will pull in the chat but its been 50/50 for me. As for Restream I think that one works all the time but I dont restream.
I’m trying to change the fonts with OBS Studio. Do you know how to change the fonts while streaming?
The chat font?
@@CreoVox Yes.
Hey
This has been really helpful. What if I have a chat theme from Streamlabs I want to use for the RUclips Chatbox. I Stream on youtube also and cannot get the theme to work. Is there a way to use that? Thanks
Themes like the fonts are all changed? If so then no. If it’s just like the chatbox border is themed then yes you just need to use a browser source for when you pop out the chat.
@@CreoVox ah that sucks to hear, hopefully RUclips does something about that soon. So the only way to get a chatbox theme is on Twitch?
@@kaynugget2885 yeah twitch is the only one that I’m aware of. RUclips hasn’t really put a focus on streaming but hopefully they do.
when i tried to sign in to youtube on the custom dock it told me the browser was not secure, what can I do about this?
Read the pinned comment
When I paste the link into the browser source, it creates an invisible box outline with no chat window
did you create an unlisted live stream > pop out the stream chat > then take that link and add it as a browser source?
Bro i have an issue when i pop up chat it said live chat is currently unavailable, and when i patse the link its still show live chat is currently unavailable in the obs screen:(((
Read the pinned comment
Hey Whats the background u use for Livestreams like this one
I made it from scratch in photoshop. I make all my graphics.
@@CreoVox Thank You!
No problem 😊
Thank you!
You're welcome 😊
How did you login on OBS since its not a supported browser
Obs you don’t need to login, you just need your stream key. Now if you use obs.live that requires logging into stream elements on obs which is found on the top menu bar under stream elements. If you just want to use a custom dock you just follow this video.
Does it show after stream, Cause when i stream the chat doesnt show after the stream is done and uploaded and looks like im talking to no one and spitting pure bs
yeah if it shows up when you are live then it will be there in the vod.
i can display the chat in OBS but as soon as i want to type something (like you did at 1:34 ) it says i need to log in, when i log in it says "This browser or app may not be secure" how do i fix this???
Are you able to hit something to allow it to go passed that? I never ran into that message so I don’t know.
@@CreoVox nope i cant go around or passed it
@@BearInSuit yeah I’m not sure then. If you are following the steps I show it shouldnt give you an issue.
hello! why i have window with "Something went wrong" and a monkey?
Read the pinned comment
thank you!
You're welcome 🙂
you are a real G
how do i do the activity dock?
You need OBS.LIVE installed.
Can you make the chat window transparent or change the fonts like you can in Twitch?
Can't change font. To make it transparent right click on the source > filters > add color correction > lower the opacity
Thank you kindly!
How come I can't see the settings icon on my computer?
Idk. You should. If you are on Mac maybe that’s why? If you are on pc send me a photo on Twitter or dm me in discord
The chatbox is an awkward size and not transparent, so it blocks up a chunk of screen area. Any way around that?
This is just to show you how to read it on obs. If you are reading it popped out then you are doing it incorrectly. This requires 2 monitors.
What you need to do is set up an "overlay" that will have separated designated areas for things like your chat box, your video feed and other important things to your presentation you are wanting. This will though take some of the screen "real estate" away from your streamed video content by doing this but many folks including myself like this and many do not as well, so it is really a try and see how you feel about it sort of thing. I am just starting to transition myself to RUclips from Twitch after years over there, so if you want an example of how this would look msg me and I can help further but I am not here to plug my self or streams [streamer etiquette is still a thing as is respect] just here to try to learn like you and help if I can like now.
Once you have an "overlay" image you will still need to custom size your video stream to fit the section you have for that and move it over to it and do some "layering" but its not hard to learn and soon master.
Best of luck and hope this helped you.
Thanks John!
You're welcome!
when I apply it, it use my other account in chat but not my streaming account. Do you know how to fix it?thx!
sign into the account you want to chat with when it asks you to sign in on the chat or just type in on the web page in the youtube dashboard.
thx!
Thank you ❤
you're welcome!
Your videos perfect and easy to follow but I think they changed the something or I'm more lost than I thought.
But when I click the 3 dots in thr live chat box it only shows "manage moderators, toggle timestamps and zend feedback".
Hmm not sure why its different from you. I just checked for me and it allowed me to pop out the chat. Are you streaming on RUclips or somewhere else?
@@CreoVox i was doing it wrong. I needed to be in the studio section and I was trying it from every everywhere but there 😓😅
@@CreoVox i'm so sorry for the bother but thank you for trying to help regardless 😅
@@bendyjenga haha no worries. I am glad it got figured out though :)