하드웨어 Hardwares

소스 Source

  • Desktop (i5 / 16GB rams / gtx1060 / Avermedia Live Gamer 2)
  • Nintendo Switch
  • iPad mini 5
  • Dynamic Microphone & Behringer Xenix Q802 USB

인코더 Encoder

  • Desktop (same as Source)

스트리머 Streamer

  • Stand-alone Server in my kitchen (intel)


소프트웨어 Softwares

인코더 Encoder

  • OBS

스트리머 Streamer


소프트웨어 설정

OBS 송출설정


.



.

채팅창 CSS설정

기존 리본형

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

body {
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20% )
}

body,
html {
font-family: 'Jua', sans-serif;
background-color: $background_color;
height: 100%;
overflow: hidden
}

#log {
position: absolute;
bottom: 0;
left: 0;
padding: 0 0.5em 0.1em;
width: 100%;
box-sizing: border-box
}

#log > div {
background-color: #fff;
padding: 0.2em 0.5em;
margin: 0em 0.3em 0.7em 1em;
box-shadow: 0 0.3em 0.4em rgba(0, 0, 0, 0.25);
animation: fadeInUp .5s ease, fadeOut 1s ease $message_hide_delays forwards;
-webkit-animation: fadeInUp .5s ease, fadeOut 1s ease $message_hide_delays forwards;
}

.meta {
display: block;
margin: 0 0 0.1em -0.7em;
padding: 0.3em 0.5em;
}

.name {
color: $name_color !important;
background-color: #ebcbae;
margin: 0 0 0.3em -1em;
padding: 0.3em 1.3em 0.3em 0.5em;
font-weight: 600
}

.name:after, .name:before {
content: '';
position: absolute;
border-style: solid
}

.name:after {
margin: -0.2em 0 0 0.4em;
border-width: 0.9em 0.45em;
border-color: transparent #fff transparent transparent
}

.name:before {
margin: 1.5em 0 0 -0.5em;
border-width: 0.35em;
border-color:  #393232 #393232 transparent transparent
}

.message {
color: #595959 !important;
word-wrap: break-word;
line-height: 1.5em;
margin-top: 0.9em;
font-weight: 600
}

.deleted {
visibility: hidden
}

.badge,
.colon,
.name,
.message {
vertical-align: middle
}

.badge {
display: none;
}

.colon {
display: none;
}

.message > img {
height: 1em
}

.emote_wrap {
position: relative
}

.emoticon {
height: 1em;
vertical-align: middle;
margin: -0.1em 0;
image-rendering: optimizespeed;
-webkit-image-rendering: pixelated
}


신규 심플형

@import url("https://fonts.googleapis.com/css2?family=Jua&display=swap");

body {
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 20%
  );
}

body,
html {
  font-family: "Jua", sans-serif;
  background-color: $background_color;
  height: 100%;
  overflow: hidden;
}

#log {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.5em 0.1em;
  width: 100%;
  box-sizing: border-box;
}

#log > div {
  background-color: #fff;
  padding: 0.2em 0.5em;
  margin: 0em 0.3em 0.7em 1em;
  box-shadow: 0 0.3em 0.4em rgba(0, 0, 0, 0.25);
  animation: fadeInUp 0.5s ease, fadeOut 1s ease $message_hide_delays forwards;
  -webkit-animation: fadeInUp 0.5s ease,
    fadeOut 1s ease $message_hide_delays forwards;
}

.meta {
  display: block;
  margin: 0 0 0.1em -0.7em;
  padding: 0.3em 0.5em;
}

.name {
  color: $name_color !important;

  font-weight: 600;
}

.message {
  color: #595959 !important;
  word-wrap: break-word;
  line-height: 1.5em;
  margin-top: 0.9em;
  font-weight: 600;
}

.deleted {
  visibility: hidden;
}

.badge,
.colon,
.name,
.message {
  vertical-align: middle;
}

.badge {
  height: 1em;
  padding: 0em 0.1em;
}

.colon {
  display: none;
}

.message > img {
  height: 1em;
}

.emote_wrap {
  position: relative;
}

.emoticon {
  height: 1.5em;
  vertical-align: middle;
  padding: 0em 0.1em;
  image-rendering: optimizespeed;
  -webkit-image-rendering: pixelated;
}