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;
}