Open Broadcaster Software

Posted by Derek Banas on Nov 23, 2016 in Web Design | 0 comments

I’ll show you the free way to live stream games on YouTube using Open Broadcaster Software on MacOS. You’ll be able to broadcast your game with game and microphone audio. You’ll also be able to show your web cam. Then I’ll live stream Clash Royale game play just like the big shots on YouTube.

Here you can download OBS and here you can get SoundFlower. The CSS code used for the chat system is below.

If you like videos like this consider donating a $1 on Patreon.

[googleplusone]

Chat CSS for Open Broadcaster Software

Original Idea for this CSS comes from Bloocifer

@import url(https://fonts.googleapis.com/css?family=Raleway:800);

 
/*hide color bar*/
.accent-bar {
  display: none;
}

/*style username*/ 
.live-chat-widget .comment .author a { 
	font-size: 32px;
	font-family: 'Raleway', sans-serif;
	color:#fff;
	padding-left: 10px;
}
 
/*style text*/
 .live-chat-widget .comment-text {
    display: inline;
	font-family: 'Raleway', sans-serif;
	font-size: 32px;
	color:#fff;
	line-height: 41px;
	padding-left: 10px;
}
 
.live-chat-widget .comment .author a:after {
    content: ":";
}
 
/*Moderator name color*/
.live-chat-widget .comment.author-is-moderator a{
  color:#fff !important;
}
 

/*Streamer name color*/
.live-chat-widget .comment.author-is-owner a{
  color:#fff !important;
}
 
/*Moderator icon offset*/
.live-chat-widget .comment.author-is-owner .yt-user-photo {
  margin-top:3px;
}
 
/*Icon offset*/
.yt-user-photo{
  margin-top:7px;
}
 
/*Chatroom isolation*/
#live-comments-controls {
  display: none;
}
 
/*Fix Padding*/
#body-container,
.live-chat-widget .comment .content,
.live-chat-widget .comment,
.yt-card.yt-card-has-padding {
  padding: 2px!important;
}
 
/*Body background color*/
body , .live-chat-page{
  background: transparent;
}
 
/*Comment inline*/
.live-chat-widget .comment.author-is-owner .byline{
  display:inline !important;
}
 
/*Hide scrollbar*/
body,
.live-chat-widget #comments-scroller{
  overflow:hidden !important;
  border:none;
}

/*Lock chatroom to top*/
#content,
#watch7-sidebar {
  bottom: 0;
}

.live-chat-widget .comment.fan-funding-tip, .live-chat-widget .comment.new-member-announcement, .live-chat-widget.dark .comment.fan-funding-tip, .live-chat-widget.dark .comment.new-member-announcement {
    background-color: #0f9d58;
}

.live-chat-widget .comment.alternate-row { 
  background-color: rgba(28, 28, 28, 0);
  min-width:80px;
}


.live-chat-widget .comment {
  position: relative;
  padding: 12px 14px;
  background-color: rgba(28, 28, 28, 0);
  overflow: hidden;
  margin:6px;
}

.live-chat-widget .gaming-promo {
display:none;
}

100

101

102

103

104

105

106

107

108

@import url(https://fonts.googleapis.com/css?family=Raleway:800);

/*hide color bar*/

.accent-bar {

display: none;

}

/*style username*/

.live-chat-widget .comment .author a {

font-size: 32px;

font-family: 'Raleway', sans-serif;

color:#fff;

padding-left: 10px;

}

/*style text*/

.live-chat-widget .comment-text {

display: inline;

font-family: 'Raleway', sans-serif;

font-size: 32px;

color:#fff;

line-height: 41px;

padding-left: 10px;

}

.live-chat-widget .comment .author a:after {

content: ":";

}

/*Moderator name color*/

.live-chat-widget .comment.author-is-moderator a{

color:#fff !important;

}

/*Streamer name color*/

.live-chat-widget .comment.author-is-owner a{

color:#fff !important;

}

/*Moderator icon offset*/

.live-chat-widget .comment.author-is-owner .yt-user-photo {

margin-top:3px;

}

/*Icon offset*/

.yt-user-photo{

margin-top:7px;

}

/*Chatroom isolation*/

#live-comments-controls {

display: none;

}

/*Fix Padding*/

#body-container,

.live-chat-widget .comment .content,

.live-chat-widget .comment,

.yt-card.yt-card-has-padding {

padding: 2px!important;

}

/*Body background color*/

body , .live-chat-page{

background: transparent;

}

/*Comment inline*/

.live-chat-widget .comment.author-is-owner .byline{

display:inline !important;

}

/*Hide scrollbar*/

body,

.live-chat-widget #comments-scroller{

overflow:hidden !important;

border:none;

}

/*Lock chatroom to top*/

#content,

#watch7-sidebar {

bottom: 0;

}

.live-chat-widget .comment.fan-funding-tip, .live-chat-widget .comment.new-member-announcement, .live-chat-widget.dark .comment.fan-funding-tip, .live-chat-widget.dark .comment.new-member-announcement {

background-color: #0f9d58;

}

.live-chat-widget .comment.alternate-row {

background-color: rgba(28, 28, 28, 0);

min-width:80px;

}

.live-chat-widget .comment {

position: relative;

padding: 12px 14px;

background-color: rgba(28, 28, 28, 0);

overflow: hidden;

margin:6px;

}

.live-chat-widget .gaming-promo {

display:none;

}

	Facebook
	YouTube
	Twitter
	LinkedIn

Open Broadcaster Software

Leave a Reply Cancel reply