├── medias
    ├── logo.kra
    ├── logo.png
    ├── world.mp4
    └── cricket.jpg
├── obs
    ├── service.json
    ├── streamEncoder.json
    └── basic.ini
├── README.md
├── LICENSE
├── overlays
    ├── countdown
    │   └── index.html
    ├── kisscam
    │   └── index.html
    ├── social
    │   └── index.html
    └── chat
    │   └── index.html
├── CODE_OF_CONDUCT.md
└── scenes
    └── DJMatyo91.json


/medias/logo.kra:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darkwood-com/dj-stream/main/medias/logo.kra


--------------------------------------------------------------------------------
/medias/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darkwood-com/dj-stream/main/medias/logo.png


--------------------------------------------------------------------------------
/medias/world.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darkwood-com/dj-stream/main/medias/world.mp4


--------------------------------------------------------------------------------
/medias/cricket.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/darkwood-com/dj-stream/main/medias/cricket.jpg


--------------------------------------------------------------------------------
/obs/service.json:
--------------------------------------------------------------------------------
1 | {
2 |     "settings": {
3 |         "bwtest": false,
4 |         "key": "YOUR_API_KEY",
5 |         "server": "auto",
6 |         "service": "Twitch"
7 |     },
8 |     "type": "rtmp_common"
9 | }


--------------------------------------------------------------------------------
/obs/streamEncoder.json:
--------------------------------------------------------------------------------
1 | {
2 |     "bitrate": 128,
3 |     "keyint_sec": 0,
4 |     "preset": "slower",
5 |     "profile": "",
6 |     "rate_control": "CBR",
7 |     "tune": "",
8 |     "use_bufsize": false
9 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # DJ Stream
 2 | 
 3 | <p align="center">
 4 |   <a href="https://github.com/darkwood-fr/dj-stream">
 5 |     <img src="medias/logo.png" height="128" alt="DJ-Stream">
 6 |   </a>
 7 | </p>
 8 | 
 9 | ## Introduction
10 | 
11 | Setup for DJ to stream online
12 | 
13 | ## Features
14 | 
15 | - Logo
16 | - Social Overlay
17 | - Countdown
18 | - Two scenes : 1 before stream, 1 mixing stream
19 | 
20 | ## License
21 | 
22 | _DJ-Stream_ is released under the AGPL License.
23 | 


--------------------------------------------------------------------------------
/obs/basic.ini:
--------------------------------------------------------------------------------
 1 | [General]
 2 | Name=DJ-Stream
 3 | 
 4 | [Video]
 5 | BaseCX=1280
 6 | BaseCY=720
 7 | OutputCX=512
 8 | OutputCY=288
 9 | FPSCommon=25 PAL
10 | ScaleType=bilinear
11 | 
12 | [Panels]
13 | CookieId=CC3B44D141C599AA
14 | 
15 | [Output]
16 | Mode=Advanced
17 | 
18 | [AdvOut]
19 | RescaleRes=512x288
20 | TrackIndex=1
21 | RecType=FFmpeg
22 | RecRescaleRes=1920x1080
23 | RecTracks=1
24 | FLVTrack=1
25 | FFOutputToFile=true
26 | FFFormat=
27 | FFFormatMimeType=
28 | FFRescaleRes=512x288
29 | FFVEncoderId=0
30 | FFVEncoder=
31 | FFAEncoderId=0
32 | FFAEncoder=
33 | FFAudioMixes=1
34 | Track1Bitrate=128
35 | Track2Bitrate=128
36 | Track3Bitrate=128
37 | Track4Bitrate=128
38 | Track5Bitrate=128
39 | FFFileNameWithoutSpace=true
40 | FFVBitrate=128
41 | FFRescale=true
42 | FFIgnoreCompat=false
43 | Rescale=true
44 | ApplyServiceSettings=true
45 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2022 Mathieu Ledru <mathieu@darkwood.fr>
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/overlays/countdown/index.html:
--------------------------------------------------------------------------------
  1 | <html lang="en">
  2 | <head>
  3 |     <meta charset="UTF-8">
  4 |     <title>Countdown Overlay</title>
  5 |     <meta name="description" content="Original code : https://codepen.io/AllThingsSmitty/pen/JJavZN"/>
  6 |     <style>
  7 |         /* general styling */
  8 |         * {
  9 |             margin: 0;
 10 |             padding: 0;
 11 |         }
 12 | 
 13 |         body {
 14 |             align-items: center;
 15 |             background-color: #FFFFFF;
 16 |             /*display: flex;*/
 17 |             font-family: -apple-system,
 18 |             BlinkMacSystemFont,
 19 |             "Segoe UI",
 20 |             Roboto,
 21 |             Oxygen-Sans,
 22 |             Ubuntu,
 23 |             Cantarell,
 24 |             "Helvetica Neue",
 25 |             sans-serif;
 26 |         }
 27 | 
 28 |         .container {
 29 |             /*width: 100%;
 30 |             position: absolute;
 31 |             top: 0;
 32 |             left: 0;
 33 |             overflow: hidden;*/
 34 | 
 35 |             color: #333;
 36 |             margin: 0 auto;
 37 |             text-align: center;
 38 |         }
 39 | 
 40 |         h1 {
 41 |             display: block;
 42 |             font-weight: normal;
 43 |             letter-spacing: 2px;
 44 |             text-transform: uppercase;
 45 |             font-size: 48px;
 46 |         }
 47 | 
 48 |         li {
 49 |             display: inline-block;
 50 |             font-size: 24px;
 51 |             list-style-type: none;
 52 |             padding: 0 16px 0 16px;
 53 |             text-transform: uppercase;
 54 |         }
 55 | 
 56 |         li span {
 57 |             display: block;
 58 |             font-size: 48px;
 59 |         }
 60 | 
 61 |         .message {
 62 |             font-size: 64px;
 63 |         }
 64 | 
 65 |         #content {
 66 |             display: none;
 67 |             padding: 3px;
 68 |         }
 69 | 
 70 |         .emoji {
 71 |             padding: 0 4px;
 72 |         }
 73 | 
 74 |         @media all and (max-width: 768px) {
 75 |             h1 {
 76 |                 font-size: 24px;
 77 |             }
 78 | 
 79 |             li {
 80 |                 font-size: 18px;
 81 |                 padding: 12px;
 82 |             }
 83 | 
 84 |             li span {
 85 |                 font-size: 54px;
 86 |             }
 87 |         }
 88 |     </style>
 89 | </head>
 90 | 
 91 | <body>
 92 | <div class="container">
 93 |     <div id="countdown">
 94 |         <ul>
 95 |             <li><h1 id="headline">Live in </h1></li>
 96 |             <li><span id="days">296</span>days</li>
 97 |             <li><span id="hours">7</span>Hours</li>
 98 |             <li><span id="minutes">24</span>Minutes</li>
 99 |             <li><span id="seconds">52</span>Seconds</li>
100 |         </ul>
101 |     </div>
102 |     <div class="message">
103 |         <div id="content">
104 |             <span class="emoji">🥳</span>
105 |             <span class="emoji">🎉</span>
106 |             <span class="emoji">🎶</span>
107 |         </div>
108 |     </div>
109 | </div>
110 | <script id="rendered-js">
111 |     (function () {
112 |         const second = 1000,
113 |             minute = second * 60,
114 |             hour = minute * 60,
115 |             day = hour * 24;
116 | 
117 |         // let eventDate = new Date("2021-01-01T21:00:00");
118 |         let eventDate = new Date();
119 |         eventDate.setHours(21, 0, 0); // start today at 21h
120 |         let countDown = eventDate.getTime(),
121 |             x = setInterval(function () {
122 | 
123 |                 let now = new Date().getTime(),
124 |                     distance = countDown - now;
125 | 
126 |                 document.getElementById("days").innerText = Math.floor(distance / day)
127 |                 document.getElementById("hours").innerText = Math.floor(distance % day / hour)
128 |                 document.getElementById("minutes").innerText = Math.floor(distance % hour / minute)
129 |                 document.getElementById("seconds").innerText = Math.floor(distance % minute / second)
130 | 
131 |                 //do something later when date is reached
132 |                 if (distance < 0) {
133 |                     let headline = document.getElementById("headline"),
134 |                         countdown = document.getElementById("countdown"),
135 |                         content = document.getElementById("content");
136 | 
137 |                     headline.innerText = "It's my birthday!";
138 |                     countdown.style.display = "none";
139 |                     content.style.display = "block";
140 | 
141 |                     clearInterval(x);
142 |                 }
143 |                 //seconds
144 |             }, 0);
145 |     })();
146 | </script>
147 | </body>
148 | </html>


--------------------------------------------------------------------------------
/overlays/kisscam/index.html:
--------------------------------------------------------------------------------
  1 | <html lang="en">
  2 | <head>
  3 |     <meta charset="UTF-8">
  4 |     <title>Social Overlay</title>
  5 |     <meta name="description" content="Original code : https://codepen.io/NerdOrDie/pen/vNEvee"/>
  6 |     <style>
  7 |         body {
  8 |             background-color: #FFFFFF;
  9 |         }
 10 | 
 11 |         #popup-container {
 12 |             width: 100%;
 13 |             height: 60px;
 14 |             position: absolute;
 15 |             top: 0;
 16 |             left: 0;
 17 |             overflow: hidden;
 18 |         }
 19 | 
 20 |         .popup {
 21 |             width: 100%;
 22 |             height: 60px;
 23 |             background: #fff;
 24 |             display: none;
 25 |         }
 26 | 
 27 |         .popup .left {
 28 |             position: relative;
 29 |             height: 60px;
 30 |             width: 60px;
 31 |             float: left;
 32 |         }
 33 | 
 34 |         .popup .left span:before {
 35 |             font-size: 40px;
 36 |             line-height: 60px;
 37 |             width: 60px;
 38 |             height: 60px;
 39 |             content: "";
 40 |             display: block;
 41 |             text-align: center;
 42 |             color: #FFF;
 43 |         }
 44 | 
 45 |         .popup .left .discord:before {
 46 |             background: #ffffff url("https://img.icons8.com/fluent/40/000000/discord.png") no-repeat 10px 10px;
 47 |         }
 48 | 
 49 |         .popup .right {
 50 |             position: relative;
 51 |             height: 60px;
 52 |             width: 400px;
 53 |             float: left;
 54 |             color: #101010;
 55 |             padding-left: 10px;
 56 |             font-size: 30px;
 57 |             line-height: 60px;
 58 |             white-space: nowrap;
 59 |             font-family: 'Montserrat';
 60 |             animation: popup-text 2s 1 ease-out;
 61 |             -webkit-animation: popup-text 2s 1 ease-out;
 62 |         }
 63 | 
 64 |         .popup .right span {
 65 |             white-space: nowrap;
 66 |         }
 67 | 
 68 |         @keyframes popup-text {
 69 |             0% {
 70 |                 color: rgba(16, 16, 16, 0);
 71 |                 text-indent: -10px;
 72 |             }
 73 | 
 74 |             40% {
 75 |                 color: rgba(16, 16, 16, 0);
 76 |                 text-indent: -10px;
 77 |             }
 78 | 
 79 |             50% {
 80 |                 color: #101010;
 81 |                 text-indent: 0px;
 82 |             }
 83 | 
 84 |             100% {
 85 |                 color: #101010;
 86 |                 text-indent: 0px;
 87 |             }
 88 |         }
 89 | 
 90 |         @-webkit-keyframes popup-text {
 91 |             0% {
 92 |                 color: rgba(16, 16, 16, 0);
 93 |                 text-indent: -10px;
 94 |             }
 95 | 
 96 |             40% {
 97 |                 color: rgba(16, 16, 16, 0);
 98 |                 text-indent: -10px;
 99 |             }
100 | 
101 |             50% {
102 |                 color: #161010;
103 |                 text-indent: 0px;
104 |             }
105 | 
106 |             100% {
107 |                 color: #101010;
108 |                 text-indent: 0px;
109 |             }
110 |         }
111 | 
112 |         .show-popup {
113 |             display: block;
114 |             animation: popup 1s 1 ease-out;
115 |             -webkit-animation: popup 1s 1 ease-out;
116 |         }
117 | 
118 |         @keyframes popup {
119 |             0% {
120 |                 width: 60px;
121 |                 margin-top: -10px;
122 |                 opacity: 0;
123 |             }
124 | 
125 |             20% {
126 |                 width: 60px;
127 |                 margin-top: 0px;
128 |                 opacity: 1;
129 |             }
130 | 
131 |             45% {
132 |                 width: 470px;
133 |             }
134 | 
135 |             100% {
136 |                 width: 470px;
137 |             }
138 |         }
139 | 
140 |         @-webkit-keyframes popup {
141 |             0% {
142 |                 width: 60px;
143 |                 margin-top: -10px;
144 |                 opacity: 0;
145 |             }
146 | 
147 |             20% {
148 |                 width: 60px;
149 |                 margin-top: 0px;
150 |                 opacity: 1;
151 |             }
152 | 
153 |             45% {
154 |                 width: 470px;
155 |             }
156 | 
157 |             100% {
158 |                 width: 470px;
159 |             }
160 |         }
161 | 
162 |         .no-popup {
163 |             display: none !important;
164 |         }
165 |     </style>
166 | </head>
167 | 
168 | <body>
169 | <link href="https://fonts.googleapis.com/css?family=Montserrat:700" rel="stylesheet" type="text/css">
170 | <div id="popup-container">
171 |     <div class="popup discord-pop animate-popup show-popup" data-box="enableDiscord">
172 |         <div class="left">
173 |             <span class="discord"></span>
174 |         </div>
175 |         <div class="right discordUsername">
176 |             <span data-name="discordUsername">Join KissCam https://discord.gg/TDkvp3nn3j</span>
177 |         </div>
178 |     </div>
179 | </div>
180 | </body>
181 | </html>


--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
  1 | # Contributor Covenant Code of Conduct
  2 | 
  3 | ## Our Pledge
  4 | 
  5 | We as members, contributors, and leaders pledge to make participation in our
  6 | community a harassment-free experience for everyone, regardless of age, body
  7 | size, visible or invisible disability, ethnicity, sex characteristics, gender
  8 | identity and expression, level of experience, education, socio-economic status,
  9 | nationality, personal appearance, race, caste, color, religion, or sexual identity
 10 | and orientation.
 11 | 
 12 | We pledge to act and interact in ways that contribute to an open, welcoming,
 13 | diverse, inclusive, and healthy community.
 14 | 
 15 | ## Our Standards
 16 | 
 17 | Examples of behavior that contributes to a positive environment for our
 18 | community include:
 19 | 
 20 | * Demonstrating empathy and kindness toward other people
 21 | * Being respectful of differing opinions, viewpoints, and experiences
 22 | * Giving and gracefully accepting constructive feedback
 23 | * Accepting responsibility and apologizing to those affected by our mistakes,
 24 |   and learning from the experience
 25 | * Focusing on what is best not just for us as individuals, but for the
 26 |   overall community
 27 | 
 28 | Examples of unacceptable behavior include:
 29 | 
 30 | * The use of sexualized language or imagery, and sexual attention or
 31 |   advances of any kind
 32 | * Trolling, insulting or derogatory comments, and personal or political attacks
 33 | * Public or private harassment
 34 | * Publishing others' private information, such as a physical or email
 35 |   address, without their explicit permission
 36 | * Other conduct which could reasonably be considered inappropriate in a
 37 |   professional setting
 38 | 
 39 | ## Enforcement Responsibilities
 40 | 
 41 | Community leaders are responsible for clarifying and enforcing our standards of
 42 | acceptable behavior and will take appropriate and fair corrective action in
 43 | response to any behavior that they deem inappropriate, threatening, offensive,
 44 | or harmful.
 45 | 
 46 | Community leaders have the right and responsibility to remove, edit, or reject
 47 | comments, commits, code, wiki edits, issues, and other contributions that are
 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation
 49 | decisions when appropriate.
 50 | 
 51 | ## Scope
 52 | 
 53 | This Code of Conduct applies within all community spaces, and also applies when
 54 | an individual is officially representing the community in public spaces.
 55 | Examples of representing our community include using an official e-mail address,
 56 | posting via an official social media account, or acting as an appointed
 57 | representative at an online or offline event.
 58 | 
 59 | ## Enforcement
 60 | 
 61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
 62 | reported to the community leaders responsible for enforcement at
 63 | mathieu@darkwood.fr.
 64 | All complaints will be reviewed and investigated promptly and fairly.
 65 | 
 66 | All community leaders are obligated to respect the privacy and security of the
 67 | reporter of any incident.
 68 | 
 69 | ## Enforcement Guidelines
 70 | 
 71 | Community leaders will follow these Community Impact Guidelines in determining
 72 | the consequences for any action they deem in violation of this Code of Conduct:
 73 | 
 74 | ### 1. Correction
 75 | 
 76 | **Community Impact**: Use of inappropriate language or other behavior deemed
 77 | unprofessional or unwelcome in the community.
 78 | 
 79 | **Consequence**: A private, written warning from community leaders, providing
 80 | clarity around the nature of the violation and an explanation of why the
 81 | behavior was inappropriate. A public apology may be requested.
 82 | 
 83 | ### 2. Warning
 84 | 
 85 | **Community Impact**: A violation through a single incident or series
 86 | of actions.
 87 | 
 88 | **Consequence**: A warning with consequences for continued behavior. No
 89 | interaction with the people involved, including unsolicited interaction with
 90 | those enforcing the Code of Conduct, for a specified period of time. This
 91 | includes avoiding interactions in community spaces as well as external channels
 92 | like social media. Violating these terms may lead to a temporary or
 93 | permanent ban.
 94 | 
 95 | ### 3. Temporary Ban
 96 | 
 97 | **Community Impact**: A serious violation of community standards, including
 98 | sustained inappropriate behavior.
 99 | 
100 | **Consequence**: A temporary ban from any sort of interaction or public
101 | communication with the community for a specified period of time. No public or
102 | private interaction with the people involved, including unsolicited interaction
103 | with those enforcing the Code of Conduct, is allowed during this period.
104 | Violating these terms may lead to a permanent ban.
105 | 
106 | ### 4. Permanent Ban
107 | 
108 | **Community Impact**: Demonstrating a pattern of violation of community
109 | standards, including sustained inappropriate behavior,  harassment of an
110 | individual, or aggression toward or disparagement of classes of individuals.
111 | 
112 | **Consequence**: A permanent ban from any sort of public interaction within
113 | the community.
114 | 
115 | ## Attribution
116 | 
117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage],
118 | version 2.1, available at
119 | [https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
120 | 
121 | Community Impact Guidelines were inspired by
122 | [Mozilla's code of conduct enforcement ladder][Mozilla CoC].
123 | 
124 | For answers to common questions about this code of conduct, see the FAQ at
125 | [https://www.contributor-covenant.org/faq][FAQ]. Translations are available
126 | at [https://www.contributor-covenant.org/translations][translations].
127 | 
128 | [homepage]: https://www.contributor-covenant.org
129 | [v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
130 | [Mozilla CoC]: https://github.com/mozilla/diversity
131 | [FAQ]: https://www.contributor-covenant.org/faq
132 | [translations]: https://www.contributor-covenant.org/translations
133 | 


--------------------------------------------------------------------------------
/overlays/social/index.html:
--------------------------------------------------------------------------------
  1 | <html lang="en">
  2 | <head>
  3 |     <meta charset="UTF-8">
  4 |     <title>Social Overlay</title>
  5 |     <meta name="description" content="Original code : https://codepen.io/NerdOrDie/pen/vNEvee"/>
  6 |     <style>
  7 |         body {
  8 |             background-color: #FFFFFF;
  9 |         }
 10 | 
 11 |         #popup-container {
 12 |             width: 100%;
 13 |             height: 60px;
 14 |             position: absolute;
 15 |             top: 0;
 16 |             left: 0;
 17 |             overflow: hidden;
 18 |         }
 19 | 
 20 |         .popup {
 21 |             width: 100%;
 22 |             height: 60px;
 23 |             background: #fff;
 24 |             display: none;
 25 |         }
 26 | 
 27 |         .popup .left {
 28 |             position: relative;
 29 |             height: 60px;
 30 |             width: 60px;
 31 |             float: left;
 32 |         }
 33 | 
 34 |         .popup .left span:before {
 35 |             font-size: 40px;
 36 |             line-height: 60px;
 37 |             width: 60px;
 38 |             height: 60px;
 39 |             content: "";
 40 |             display: block;
 41 |             text-align: center;
 42 |             color: #FFF;
 43 |         }
 44 | 
 45 |         .popup .left .twitter:before {
 46 |             background: #4b9bd8 url("https://img.icons8.com/color/40/twitter.png") no-repeat 10px 10px;
 47 |         }
 48 | 
 49 |         .popup .left .facebook:before {
 50 |             background: #3a5795 url("https://img.icons8.com/color/40/facebook.png") no-repeat 10px 10px;
 51 |         }
 52 | 
 53 |         .popup .left .instagram:before {
 54 |             background: #44749c url("https://img.icons8.com/color/40/instagram-new.png") no-repeat 10px 10px;
 55 |         }
 56 | 
 57 |         .popup .left .youtube:before {
 58 |             background: #ec2727 url("https://img.icons8.com/ios-filled/40/ffffff/youtube-play.png") no-repeat 10px 10px;
 59 |         }
 60 | 
 61 |         .popup .left .paypal:before {
 62 |             background: #005082 url("https://img.icons8.com/color/40/paypal.png") no-repeat 10px 10px;
 63 |         }
 64 | 
 65 |         .popup .left .twitch:before {
 66 |             background: #6542a6 url("https://img.icons8.com/ios-filled/40/ffffff/twitch.png") no-repeat 10px 10px;
 67 |         }
 68 | 
 69 |         .popup .left .tumblr:before {
 70 |             background: #324f6d url("https://img.icons8.com/color/40/tumblr.png") no-repeat 10px 10px;
 71 |         }
 72 | 
 73 |         .popup .left .patreon:before {
 74 |             background: #e6461a url("https://img.icons8.com/color/40/patreon.png") no-repeat 10px 10px;
 75 |         }
 76 | 
 77 |         .popup .left .snapchat:before {
 78 |             background: #fffc00 url("https://img.icons8.com/color/40/snapchat.png") no-repeat 10px 10px;
 79 |         }
 80 | 
 81 |         .popup .left .steam:before {
 82 |             background: #000 url("https://img.icons8.com/color/40/steam.png") no-repeat 10px 10px;
 83 |         }
 84 | 
 85 |         .popup .left .xbox:before {
 86 |             background: #117d10 url("https://img.icons8.com/color/40/xbox.png") no-repeat 10px 10px;
 87 |         }
 88 | 
 89 |         .popup .left .psn:before {
 90 |             background: #0b266b url("https://img.icons8.com/color/40/playstation.png") no-repeat 10px 10px;
 91 |         }
 92 | 
 93 |         .popup .left .origin:before {
 94 |             background: #f05a22 url("https://img.icons8.com/color/40/origin.png") no-repeat 10px 10px;
 95 |         }
 96 | 
 97 |         .popup .left .uplay:before {
 98 |             background: #4891cb url("https://img.icons8.com/color/40/uplay.png") no-repeat 10px 10px;
 99 |         }
100 | 
101 |         .popup .left .nintendo:before {
102 |             background: #f68b33 url("https://img.icons8.com/color/40/nintendo.png") no-repeat 10px 10px;
103 |         }
104 | 
105 |         .popup .left .battlenet:before {
106 |             background: #000001 url("https://img.icons8.com/color/40/battle-net.png") no-repeat 10px 10px;
107 |         }
108 | 
109 |         .popup .left .deviantart:before {
110 |             background: #05cc47 url("https://img.icons8.com/color/40/deviantart.png") no-repeat 10px 10px;
111 |         }
112 | 
113 |         .popup .left .reddit:before {
114 |             background: #ffffff url("https://img.icons8.com/color/40/reddit.png") no-repeat 10px 10px;
115 |         }
116 | 
117 |         .popup .left .gamewisp:before {
118 |             background: #f8a853 url("https://img.icons8.com/color/40/game-controller.png") no-repeat 10px 10px;
119 |         }
120 | 
121 |         .popup .left .playstv:before {
122 |             background: #35373b url("https://img.icons8.com/color/40/video-game.png") no-repeat 10px 10px;
123 |         }
124 | 
125 |         .popup .left .github:before {
126 |             background: #ffffff url("https://img.icons8.com/fluent/40/000000/github.png") no-repeat 10px 10px;
127 |         }
128 | 
129 |         .popup .left .soundcloud:before {
130 |             background: #ffffff url("https://img.icons8.com/color/40/000000/soundcloud.png") no-repeat 10px 10px;
131 |         }
132 | 
133 |         .popup .left .x:before {
134 |             background: #000000 url("https://img.icons8.com/ios-filled/40/ffffff/x.png") no-repeat 10px 10px;
135 |         }
136 | 
137 |         .popup .right {
138 |             position: relative;
139 |             height: 60px;
140 |             width: 400px;
141 |             float: left;
142 |             color: #101010;
143 |             padding-left: 10px;
144 |             font-size: 30px;
145 |             line-height: 60px;
146 |             white-space: nowrap;
147 |             font-family: 'Montserrat';
148 |             animation: popup-text 2s 1 ease-out;
149 |             -webkit-animation: popup-text 2s 1 ease-out;
150 |         }
151 | 
152 |         .popup .right span {
153 |             white-space: nowrap;
154 |         }
155 | 
156 |         @keyframes popup-text {
157 |             0% {
158 |                 color: rgba(16, 16, 16, 0);
159 |                 text-indent: -10px;
160 |             }
161 | 
162 |             40% {
163 |                 color: rgba(16, 16, 16, 0);
164 |                 text-indent: -10px;
165 |             }
166 | 
167 |             50% {
168 |                 color: #101010;
169 |                 text-indent: 0px;
170 |             }
171 | 
172 |             100% {
173 |                 color: #101010;
174 |                 text-indent: 0px;
175 |             }
176 |         }
177 | 
178 |         @-webkit-keyframes popup-text {
179 |             0% {
180 |                 color: rgba(16, 16, 16, 0);
181 |                 text-indent: -10px;
182 |             }
183 | 
184 |             40% {
185 |                 color: rgba(16, 16, 16, 0);
186 |                 text-indent: -10px;
187 |             }
188 | 
189 |             50% {
190 |                 color: #161010;
191 |                 text-indent: 0px;
192 |             }
193 | 
194 |             100% {
195 |                 color: #101010;
196 |                 text-indent: 0px;
197 |             }
198 |         }
199 | 
200 |         .show-popup {
201 |             display: block;
202 |             animation: popup 1s 1 ease-out;
203 |             -webkit-animation: popup 1s 1 ease-out;
204 |         }
205 | 
206 |         @keyframes popup {
207 |             0% {
208 |                 width: 60px;
209 |                 margin-top: -10px;
210 |                 opacity: 0;
211 |             }
212 | 
213 |             20% {
214 |                 width: 60px;
215 |                 margin-top: 0px;
216 |                 opacity: 1;
217 |             }
218 | 
219 |             45% {
220 |                 width: 470px;
221 |             }
222 | 
223 |             100% {
224 |                 width: 470px;
225 |             }
226 |         }
227 | 
228 |         @-webkit-keyframes popup {
229 |             0% {
230 |                 width: 60px;
231 |                 margin-top: -10px;
232 |                 opacity: 0;
233 |             }
234 | 
235 |             20% {
236 |                 width: 60px;
237 |                 margin-top: 0px;
238 |                 opacity: 1;
239 |             }
240 | 
241 |             45% {
242 |                 width: 470px;
243 |             }
244 | 
245 |             100% {
246 |                 width: 470px;
247 |             }
248 |         }
249 | 
250 |         .no-popup {
251 |             display: none !important;
252 |         }
253 |     </style>
254 | </head>
255 | 
256 | <body>
257 | <link href="https://fonts.googleapis.com/css?family=Montserrat:700" rel="stylesheet" type="text/css">
258 | <div id="popup-container">
259 |     <div class="popup x-pop animate-popup" data-box="enableX">
260 |         <div class="left">
261 |             <span class="x"></span>
262 |         </div>
263 |         <div class="right xUsername">
264 |             <span data-name="xUsername"></span>
265 |         </div>
266 |     </div>
267 |     <div class="popup facebook-pop animate-popup" data-box="enableFacebook">
268 |         <div class="left">
269 |             <span class="facebook"></span>
270 |         </div>
271 |         <div class="right facebookUsername">
272 |             <span data-name="facebookUsername"></span>
273 |         </div>
274 |     </div>
275 |     <div class="popup instagram-pop animate-popup" data-box="enableInstagram">
276 |         <div class="left">
277 |             <span class="instagram"></span>
278 |         </div>
279 |         <div class="right instagramUsername">
280 |             <span data-name="instagramUsername"></span>
281 |         </div>
282 |     </div>
283 |     <div class="popup youtube-pop animate-popup" data-box="enableYoutube">
284 |         <div class="left">
285 |             <span class="youtube"></span>
286 |         </div>
287 |         <div class="right youtubeUsername">
288 |             <span data-name="youtubeUsername"></span>
289 |         </div>
290 |     </div>
291 |     <div class="popup tumblr-pop animate-popup" data-box="enableTumblr">
292 |         <div class="left">
293 |             <span class="tumblr"></span>
294 |         </div>
295 |         <div class="right tumblrUsername">
296 |             <span data-name="tumblrUsername"></span>
297 |         </div>
298 |     </div>
299 |     <div class="popup twitch-pop animate-popup" data-box="enableTwitch">
300 |         <div class="left">
301 |             <span class="twitch"></span>
302 |         </div>
303 |         <div class="right twitchUsername">
304 |             <span data-name="twitchUsername"></span>
305 |         </div>
306 |     </div>
307 |     <div class="popup paypal-pop animate-popup" data-box="enablePaypal">
308 |         <div class="left">
309 |             <span class="paypal"></span>
310 |         </div>
311 |         <div class="right paypalUsername">
312 |             <span data-name="paypalUsername"></span>
313 |         </div>
314 |     </div>
315 |     <div class="popup patreon-pop animate-popup" data-box="enablePatreon">
316 |         <div class="left">
317 |             <span class="patreon"></span>
318 |         </div>
319 |         <div class="right patreonUsername">
320 |             <span data-name="patreonUsername"></span>
321 |         </div>
322 |     </div>
323 |     <div class="popup snapchat-pop animate-popup" data-box="enableSnapchat">
324 |         <div class="left">
325 |             <span class="snapchat"></span>
326 |         </div>
327 |         <div class="right snapchatUsername">
328 |             <span data-name="snapchatUsername"></span>
329 |         </div>
330 |     </div>
331 |     <div class="popup steam-pop animate-popup" data-box="enableSteam">
332 |         <div class="left">
333 |             <span class="steam"></span>
334 |         </div>
335 |         <div class="right steamUsername">
336 |             <span data-name="steamUsername"></span>
337 |         </div>
338 |     </div>
339 |     <div class="popup xbox-pop animate-popup" data-box="enableXbox">
340 |         <div class="left">
341 |             <span class="xbox"></span>
342 |         </div>
343 |         <div class="right xboxUsername">
344 |             <span data-name="xboxUsername"></span>
345 |         </div>
346 |     </div>
347 |     <div class="popup psn-pop animate-popup" data-box="enablePsn">
348 |         <div class="left">
349 |             <span class="psn"></span>
350 |         </div>
351 |         <div class="right psnUsername">
352 |             <span data-name="psnUsername"></span>
353 |         </div>
354 |     </div>
355 |     <div class="popup origin-pop animate-popup" data-box="enableOrigin">
356 |         <div class="left">
357 |             <span class="origin"></span>
358 |         </div>
359 |         <div class="right originUsername">
360 |             <span data-name="originUsername"></span>
361 |         </div>
362 |     </div>
363 |     <div class="popup uplay-pop animate-popup" data-box="enableUplay">
364 |         <div class="left">
365 |             <span class="uplay"></span>
366 |         </div>
367 |         <div class="right uplayUsername">
368 |             <span data-name="uplayUsername"></span>
369 |         </div>
370 |     </div>
371 |     <div class="popup nintendo-pop animate-popup" data-box="enableNintendo">
372 |         <div class="left">
373 |             <span class="nintendo"></span>
374 |         </div>
375 |         <div class="right nintendoUsername">
376 |             <span data-name="nintendoUsername"></span>
377 |         </div>
378 |     </div>
379 |     <div class="popup battlenet-pop animate-popup" data-box="enableBattleNet">
380 |         <div class="left">
381 |             <span class="battlenet"></span>
382 |         </div>
383 |         <div class="right battlenetUsername">
384 |             <span data-name="battlenetUsername"></span>
385 |         </div>
386 |     </div>
387 |     <div class="popup deviantart-pop animate-popup" data-box="enableDeviantArt">
388 |         <div class="left">
389 |             <span class="deviantart"></span>
390 |         </div>
391 |         <div class="right deviantartUsername">
392 |             <span data-name="deviantartUsername"></span>
393 |         </div>
394 |     </div>
395 |     <div class="popup reddit-pop animate-popup" data-box="enableReddit">
396 |         <div class="left">
397 |             <span class="reddit"></span>
398 |         </div>
399 |         <div class="right redditUsername">
400 |             <span data-name="redditUsername"></span>
401 |         </div>
402 |     </div>
403 |     <div class="popup gamewisp-pop animate-popup" data-box="enableGameWisp">
404 |         <div class="left">
405 |             <span class="gamewisp"></span>
406 |         </div>
407 |         <div class="right gamewispUsername">
408 |             <span data-name="gamewispUsername"></span>
409 |         </div>
410 |     </div>
411 |     <div class="popup playstv-pop animate-popup" data-box="enablePlaysTv">
412 |         <div class="left">
413 |             <span class="playstv"></span>
414 |         </div>
415 |         <div class="right playstvUsername">
416 |             <span data-name="playstvUsername"></span>
417 |         </div>
418 |     </div>
419 |     <div class="popup github-pop animate-popup" data-box="enableGithub">
420 |         <div class="left">
421 |             <span class="github"></span>
422 |         </div>
423 |         <div class="right githubUsername">
424 |             <span data-name="githubUsername"></span>
425 |         </div>
426 |     </div>
427 |     <div class="popup soundcloud-pop animate-popup" data-box="enableSoundcloud">
428 |         <div class="left">
429 |             <span class="soundcloud"></span>
430 |         </div>
431 |         <div class="right soundcloudUsername">
432 |             <span data-name="soundcloudUsername"></span>
433 |         </div>
434 |     </div>
435 | </div>
436 | <script type="text/javascript">
437 |     document.addEventListener("DOMContentLoaded", function () {
438 |         var settings = {
439 |             // Simply change the name in quotes with your name
440 |             social: {
441 |                 twitchUsername: ["https://www.twitch.tv/djmatyo91", "Live"],
442 |                 xUsername: ["https://x.com/djmatyo91", "News"],
443 |                 facebookUsername: null, // "https://www.facebook.com/djmatyo91",
444 |                 instagramUsername: null,
445 |                 youtubeUsername: ["https://www.youtube.com/user/djmatyo91", "Replay"],
446 |                 tumblrUsername: null,
447 |                 paypalUsername: null,
448 |                 patreonUsername: null,
449 |                 snapchatUsername: null,
450 |                 steamUsername: null,
451 |                 xboxUsername: null,
452 |                 psnUsername: null,
453 |                 originUsername: null,
454 |                 uplayUsername: null,
455 |                 nintendoUsername: null,
456 |                 battlenetUsername: null,
457 |                 deviantartUsername: null,
458 |                 redditUsername: null,
459 |                 gamewispUsername: null,
460 |                 playstvUsername: null,
461 |                 githubUsername: ["https://github.com/darkwood-com/dj-stream", "DJ-Stream"],
462 |                 soundcloudUsername: ["https://soundcloud.com/djmatyo91", "Production"],
463 |             },
464 | 
465 |             // Gaming Popup Options
466 |             popup: {
467 |                 // Time each network animation takes in seconds
468 |                 aTime: 32,
469 |             }
470 |         };
471 | 
472 |         // Load Social Network Names
473 |         Array.from(document.querySelectorAll(".popup .right span")).forEach(function (el) {
474 |             var name = settings.social[el.dataset.name]
475 |             if (name !== null) {
476 |                 el.innerText = Array.isArray(name) ? `${name[1]} ${name[0]}` : name
477 |                 el.parentNode.parentNode.classList.add("animate-popup")
478 |             } else {
479 |                 el.parentNode.parentNode.classList.remove("animate-popup")
480 |             }
481 |         });
482 | 
483 |         // Animate Popup
484 |         var popups = Array.from(document.querySelectorAll('.animate-popup'));
485 |         var i = 0;
486 |         var pT = settings.popup.pauseTime * 1000;
487 | 
488 |         function animatePopup() {
489 |             if (i >= popups.length) {
490 |                 i = 0;
491 |             }
492 |             var el = popups[i]
493 |             el.classList.add("show-popup")
494 |             setTimeout(function () {
495 |                 el.classList.remove("show-popup");
496 |                 animatePopup()
497 |             }, settings.popup.aTime * 1000)
498 |             i++;
499 |         }
500 | 
501 |         animatePopup();
502 |     })
503 | </script>
504 | </body>
505 | </html>


--------------------------------------------------------------------------------
/overlays/chat/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <title>Twitch Overlay</title>
  6 |     <meta name="description"
  7 |           content="A Super Simple Twitch Overlay https://codepen.io/gylidian/pen/NWWzGGg">
  8 |     <meta name="author" content="SitePoint">
  9 |     <style>
 10 |         @import url('https://fonts.googleapis.com/css?family=Ropa+Sans');
 11 | 
 12 |         body {
 13 |             background: transparent;
 14 |             color: white;
 15 |             font-family: 'Ropa Sans', sans-serif;
 16 |             font-size: 18px;
 17 |             overflow: hidden;
 18 |         }
 19 | 
 20 |         #chat {
 21 |             position: absolute;
 22 |             bottom: 10px;
 23 |             width: 150px;
 24 |         }
 25 | 
 26 |         .chat-line {
 27 |             overflow: hidden;
 28 |             max-height: 0px;
 29 |             transition: opacity 2s, max-height 1s, margin-top 1s;
 30 |         }
 31 | 
 32 |         .chat-line.visible {
 33 |             margin-top: 10px;
 34 |             max-height: 300px;
 35 |             transition: opacity 2s, max-height 1s, margin-top 300ms;
 36 |         }
 37 | 
 38 |         .chat-line-inner {
 39 |             background-color: hsla(0, 0%, 12%, 0.6);
 40 |             padding: 10px;
 41 |             overflow-wrap: break-word;
 42 |             /* word-break: break-all; */
 43 |         }
 44 | 
 45 |         .chat-line-inner .badges img.badge {
 46 |             margin-right: 6px;
 47 |             vertical-align: text-bottom;
 48 |             width: 18px;
 49 |             height: 18px;
 50 |         }
 51 | 
 52 |         .chat-line-inner.admin .message {
 53 |             opacity: 0.4;
 54 |         }
 55 | 
 56 |         .user-name {
 57 |             color: hsl(330, 100%, 71%);
 58 | 
 59 |         /*.user-name:after {
 60 |             content: ': ';
 61 |             color: white;
 62 |         }*/
 63 | 
 64 |         .message img {
 65 |             vertical-align: text-bottom;
 66 |         }
 67 | 
 68 |         .message img.emoji {
 69 |             width: 20px;
 70 |         }
 71 |     </style>
 72 | </head>
 73 | <body>
 74 | <div id="chat"></div>
 75 | <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
 76 | <script src="https://github.com/tmijs/tmi.js/releases/download/v1.7.3/tmi.js"></script>
 77 | <script>
 78 |     const chatEle = document.getElementById('chat');
 79 |     const twitchBadgeCache = {
 80 |         data: {global: {}}
 81 |     };
 82 |     const bttvEmoteCache = {
 83 |         lastUpdated: 0,
 84 |         data: {global: []},
 85 |         urlTemplate: '//cdn.betterttv.net/emote/{{id}}/{{image}}'
 86 |     };
 87 | 
 88 |     const krakenBase = 'https://api.twitch.tv/kraken/';
 89 |     const krakenClientID = '4g5an0yjebpf93392k4c5zll7d7xcec';
 90 | 
 91 |     const chatFilters = [
 92 |         // '\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u00FF', // Partial Latin-1 Supplement
 93 |         // '\u0100-\u017F', // Latin Extended-A
 94 |         // '\u0180-\u024F', // Latin Extended-B
 95 |         '\u0250-\u02AF', // IPA Extensions
 96 |         '\u02B0-\u02FF', // Spacing Modifier Letters
 97 |         '\u0300-\u036F', // Combining Diacritical Marks
 98 |         '\u0370-\u03FF', // Greek and Coptic
 99 |         '\u0400-\u04FF', // Cyrillic
100 |         '\u0500-\u052F', // Cyrillic Supplement
101 |         '\u0530-\u1FFF', // Bunch of non-English
102 |         '\u2100-\u214F', // Letter Like
103 |         '\u2500-\u257F', // Box Drawing
104 |         '\u2580-\u259F', // Block Elements
105 |         '\u25A0-\u25FF', // Geometric Shapes
106 |         '\u2600-\u26FF', // Miscellaneous Symbols
107 |         // '\u2700-\u27BF', // Dingbats
108 |         '\u2800-\u28FF', // Braille
109 |         // '\u2C60-\u2C7F', // Latin Extended-C
110 |     ];
111 |     const chatFilter = new RegExp(`[${chatFilters.join('')}]`);
112 | 
113 |     let client;
114 |     let testing = false;
115 | 
116 |     if (testing) {
117 |         kraken({
118 |             endpoint: 'streams',
119 |             qs: {
120 |                 limit: 10,
121 |                 language: 'en'
122 |             }
123 |         })
124 |             .then(({streams}) => {
125 |                 client = new tmi.client({
126 |                     // options: { debug: true },
127 |                     connection: {
128 |                         reconnect: true,
129 |                         secure: true
130 |                     },
131 |                     // channels: [ 'alca' ],
132 |                     channels: streams.map(n => n.channel.name)
133 |                 });
134 |                 addListeners();
135 |                 client.connect();
136 |             });
137 |     } else {
138 |         client = new tmi.client({
139 |             // options: { debug: true },
140 |             connection: {
141 |                 reconnect: true,
142 |                 secure: true
143 |             },
144 |             channels: [getParameterByName('channel').toLowerCase() || 'djmatyo91'],
145 |         });
146 |         addListeners();
147 |         client.connect();
148 |     }
149 | 
150 |     function getParameterByName(name) {
151 |         name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
152 |         var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
153 |             results = regex.exec(location.search);
154 |         return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
155 |     }
156 |     function addListeners() {
157 |         client.on('connecting', () => {
158 |             showAdminMessage({
159 |                 message: 'Connecting...',
160 |                 attribs: {subtype: 'connecting'}
161 |             });
162 |             removeAdminChatLine({subtype: 'disconnected'});
163 |         });
164 | 
165 |         client.on('connected', () => {
166 |             //getBTTVEmotes();
167 |             getBadges()
168 |                 .then(badges => twitchBadgeCache.data.global = badges);
169 |             showAdminMessage({
170 |                 message: 'Connected...',
171 |                 attribs: {subtype: 'connected'},
172 |                 timeout: 5000
173 |             });
174 |             removeAdminChatLine({subtype: 'connecting'});
175 |             removeAdminChatLine({subtype: 'disconnected'});
176 |         });
177 | 
178 |         client.on('disconnected', () => {
179 |             twitchBadgeCache.data = {global: {}};
180 |             bttvEmoteCache.data = {global: []};
181 |             showAdminMessage({
182 |                 message: 'Disconnected...',
183 |                 attribs: {subtype: 'disconnected'}
184 |             });
185 |             removeAdminChatLine({subtype: 'connecting'});
186 |             removeAdminChatLine({subtype: 'connected'});
187 |         });
188 | 
189 |         function handleMessage(channel, userstate, message, fromSelf) {
190 |             if (chatFilter.test(message)) {
191 |                 testing && console.log(message);
192 |                 return;
193 |             }
194 | 
195 |             let chan = getChan(channel);
196 |             let name = userstate['display-name'] || userstate.username;
197 |             if (/[^\w]/g.test(name)) {
198 |                 name += ` (${userstate.username})`;
199 |             }
200 |             userstate.name = name;
201 |             showMessage({chan, type: 'chat', message, data: userstate});
202 |         }
203 | 
204 |         client.on('message', handleMessage);
205 |         client.on('cheer', handleMessage);
206 | 
207 |         client.on('join', (channel, username, self) => {
208 |             if (!self) {
209 |                 return;
210 |             }
211 |             let chan = getChan(channel);
212 |             //getBTTVEmotes(chan);
213 |             twitchNameToUser(chan)
214 |                 .then(user => getBadges(user._id))
215 |                 .then(badges => twitchBadgeCache.data[chan] = badges)
216 |             showAdminMessage({
217 |                 message: `Joined ${chan}`,
218 |                 timeout: 1000
219 |             });
220 |         });
221 | 
222 |         client.on('part', (channel, username, self) => {
223 |             if (!self) {
224 |                 return;
225 |             }
226 |             let chan = getChan(channel);
227 |             delete bttvEmoteCache.data[chan];
228 |             showAdminMessage({
229 |                 message: `Parted ${chan}`,
230 |                 timeout: 1000
231 |             });
232 |         });
233 | 
234 |         client.on('clearchat', channel => {
235 |             removeChatLine({channel});
236 |         });
237 | 
238 |         client.on('timeout', (channel, username) => {
239 |             removeChatLine({channel, username});
240 |         });
241 |     }
242 | 
243 |     function removeChatLine(params = {}) {
244 |         if ('channel' in params) {
245 |             params.channel = getChan(params.channel);
246 |         }
247 |         let search = Object.keys(params)
248 |             .map(key => `[${key}="${params[key]}"]`)
249 |             .join('');
250 |         chatEle.querySelectorAll(search)
251 |             .forEach(n => chatEle.removeChild(n));
252 |     }
253 | 
254 |     function removeAdminChatLine(params = {}) {
255 |         params.type = 'admin';
256 |         removeChatLine(params);
257 |     }
258 | 
259 |     function showAdminMessage(opts) {
260 |         opts.type = 'admin';
261 |         if ('attribs' in opts === false) {
262 |             opts.attribs = {};
263 |         }
264 |         opts.attribs.type = 'admin';
265 |         return showMessage(opts);
266 |     }
267 | 
268 |     function getChan(channel = '') {
269 |         return channel.replace(/^#/, '');
270 |     }
271 | 
272 |     function showMessage({chan, type, message = '', data = {}, timeout = 0, attribs = {}} = {}) {
273 |         let chatLine_ = document.createElement('div');
274 |         let chatLine = document.createElement('div');
275 |         chatLine_.classList.add('chat-line');
276 |         chatLine.classList.add('chat-line-inner');
277 |         chatLine_.appendChild(chatLine);
278 | 
279 |         if (chan) {
280 |             chatLine_.setAttribute('channel', chan);
281 |         }
282 | 
283 |         Object.keys(attribs)
284 |             .forEach(key => {
285 |                 chatLine_.setAttribute(key, attribs[key]);
286 |             });
287 | 
288 |         if (type === 'chat') {
289 |             'id' in data && chatLine_.setAttribute('message-id', data.id);
290 |             'user-id' in data && chatLine_.setAttribute('user-id', data['user-id']);
291 |             'room-id' in data && chatLine_.setAttribute('channel-id', data['room-id']);
292 |             'username' in data && chatLine_.setAttribute('username', data.username);
293 | 
294 |             let spaceEle = document.createElement('span');
295 |             spaceEle.innerText = ' ';
296 |             let badgeEle = document.createElement('span');
297 |             if ('badges' in data && data.badges !== null) {
298 |                 badgeEle.classList.add('badges');
299 |                 let badgeGroup = Object.assign({}, twitchBadgeCache.data.global, twitchBadgeCache.data[chan] || {});
300 |                 let badges = Object.keys(data.badges)
301 |                     .forEach(type => {
302 |                         let version = data.badges[type];
303 |                         let group = badgeGroup[type];
304 |                         if (group && version in group.versions) {
305 |                             let url = group.versions[version].image_url_1x;
306 |                             let ele = document.createElement('img');
307 |                             ele.setAttribute('src', url);
308 |                             ele.setAttribute('badgeType', type);
309 |                             ele.setAttribute('alt', type);
310 |                             ele.classList.add('badge');
311 |                             badgeEle.appendChild(ele);
312 |                         }
313 |                     }, []);
314 |             }
315 | 
316 |             let nameEle = document.createElement('span');
317 |             nameEle.classList.add('user-name');
318 |             nameEle.innerText = data.name;
319 | 
320 |             let colonEle = document.createElement('span');
321 |             colonEle.classList.add('message-colon');
322 |             colonEle.innerText = ': ';
323 | 
324 |             let messageEle = document.createElement('span');
325 |             messageEle.classList.add('message');
326 | 
327 |             //let finalMessage = handleEmotes(chan, data.emotes || {}, message);
328 |             //addEmoteDOM(messageEle, finalMessage);
329 |             addEmoteDOM(messageEle, [message]);
330 | 
331 |             chatLine.appendChild(badgeEle);
332 |             chatLine.appendChild(spaceEle);
333 |             chatLine.appendChild(nameEle);
334 |             chatLine.appendChild(colonEle);
335 |             chatLine.appendChild(messageEle);
336 |         } else if (type === 'admin') {
337 |             chatLine_.classList.add('admin');
338 | 
339 |             let messageEle = document.createElement('span');
340 |             messageEle.classList.add('message');
341 |             messageEle.innerText = message;
342 | 
343 |             chatLine.appendChild(messageEle);
344 |         }
345 | 
346 |         chatEle.appendChild(chatLine_);
347 | 
348 |         setTimeout(() => chatLine_.classList.add('visible'), 100);
349 | 
350 |         if (chatEle.childElementCount > 30) {
351 |             chatEle.removeChild(chatEle.children[0]);
352 |         }
353 | 
354 |         if (timeout) {
355 |             setTimeout(() => {
356 |                 if (chatLine_.parentElement) {
357 |                     chatLine_.classList.remove('visible');
358 |                     setTimeout(() => chatEle.removeChild(chatLine_), 1000);
359 |                 }
360 |             }, timeout);
361 |         }
362 |     }
363 | 
364 |     function handleEmotes(channel, emotes, message) {
365 |         // let messageParts = message.split(' ');
366 |         let bttvEmotes = bttvEmoteCache.data.global.slice(0);
367 |         if (channel in bttvEmoteCache.data) {
368 |             bttvEmotes = bttvEmotes.concat(bttvEmoteCache.data[channel]);
369 |         }
370 |         let twitchEmoteKeys = Object.keys(emotes);
371 |         let allEmotes = twitchEmoteKeys.reduce((p, id) => {
372 |             let emoteData = emotes[id].map(n => {
373 |                 let [a, b] = n.split('-');
374 |                 let start = +a;
375 |                 let end = +b + 1;
376 |                 return {
377 |                     start,
378 |                     end,
379 |                     id,
380 |                     code: message.slice(start, end),
381 |                     type: ['twitch', 'emote']
382 |                 };
383 |             });
384 |             return p.concat(emoteData);
385 |         }, []);
386 |         bttvEmotes.forEach(({code, id, type, imageType}) => {
387 |             let hasEmote = message.indexOf(code);
388 |             if (hasEmote === -1) {
389 |                 return;
390 |             }
391 |             for (let start = message.indexOf(code); start > -1; start = message.indexOf(code, start + 1)) {
392 |                 let end = start + code.length;
393 |                 allEmotes.push({start, end, id, code, type});
394 |             }
395 |         });
396 |         let seen = [];
397 |         allEmotes = allEmotes.sort((a, b) => a.start - b.start)
398 |             .filter(({start, end}) => {
399 |                 if (seen.length && !seen.every(n => start > n.end)) {
400 |                     return false;
401 |                 }
402 |                 seen.push({start, end});
403 |                 return true;
404 |             });
405 |         if (allEmotes.length) {
406 |             let finalMessage = [message.slice(0, allEmotes[0].start)];
407 |             allEmotes.forEach((n, i) => {
408 |                 let p = Object.assign({}, n, {i});
409 |                 let {end} = p;
410 |                 finalMessage.push(p);
411 |                 if (i === allEmotes.length - 1) {
412 |                     finalMessage.push(message.slice(end));
413 |                 } else {
414 |                     finalMessage.push(message.slice(end, allEmotes[i + 1].start));
415 |                 }
416 |                 finalMessage = finalMessage.filter(n => n);
417 |             });
418 |             return finalMessage;
419 |         }
420 |         return [message];
421 |     }
422 | 
423 |     function addEmoteDOM(ele, data) {
424 |         data.forEach(n => {
425 |             let out = null;
426 |             if (typeof n === 'string') {
427 |                 out = document.createTextNode(n);
428 |             } else {
429 |                 let {type: [type, subtype], code} = n;
430 |                 if (type === 'twitch') {
431 |                     if (subtype === 'emote') {
432 |                         out = document.createElement('img');
433 |                         out.setAttribute('src', `https://static-cdn.jtvnw.net/emoticons/v1/${n.id}/1.0`);
434 |                         out.setAttribute('alt', code);
435 |                     }
436 |                 } else if (type === 'bttv') {
437 |                     out = document.createElement('img');
438 |                     let url = bttvEmoteCache.urlTemplate;
439 |                     url = url.replace('{{id}}', n.id).replace('{{image}}', '1x');
440 |                     out.setAttribute('src', 'https:' + url);
441 |                 }
442 |             }
443 | 
444 |             if (out) {
445 |                 ele.appendChild(out);
446 |             }
447 |         });
448 |         //twemoji.parse(ele);
449 |     }
450 | 
451 |     function formQuerystring(qs = {}) {
452 |         return Object.keys(qs)
453 |             .map(key => `${key}=${qs[key]}`)
454 |             .join('&');
455 |     }
456 | 
457 |     function request({base = '', endpoint = '', qs, headers = {}, method = 'get'}) {
458 |         let opts = {
459 |             method,
460 |             headers: new Headers(headers)
461 |         };
462 |         return fetch(base + endpoint + '?' + formQuerystring(qs), opts)
463 |             .then(res => res.json());
464 |     }
465 | 
466 |     function kraken(opts) {
467 |         let defaults = {
468 |             base: krakenBase,
469 |             headers: {
470 |                 'Client-ID': krakenClientID,
471 |                 Accept: 'application/vnd.twitchtv.v5+json'
472 |             }
473 |         };
474 |         return request(Object.assign(defaults, opts));
475 |     }
476 | 
477 |     function twitchNameToUser(username) {
478 |         return kraken({
479 |             endpoint: 'users',
480 |             qs: {login: username}
481 |         })
482 |             .then(({users}) => users[0] || null);
483 |     }
484 | 
485 |     function getBadges(channel) {
486 |         return kraken({
487 |             base: 'https://badges.twitch.tv/v1/badges/',
488 |             endpoint: (channel ? `channels/${channel}` : 'global') + '/display',
489 |             qs: {language: 'en'}
490 |         })
491 |             .then(data => data.badge_sets);
492 |     }
493 | 
494 |     function getClip(clipSlug) {
495 |         return kraken({
496 |             endpoint: `clips/${clipSlug}`
497 |         });
498 |     }
499 | 
500 |     function getBTTVEmotes(channel) {
501 |         let endpoint = 'emotes';
502 |         let global = true;
503 |         if (channel) {
504 |             endpoint = 'channels/' + channel;
505 |             global = false;
506 |         }
507 |         return request({
508 |             base: 'https://api.betterttv.net/2/',
509 |             endpoint
510 |         })
511 |             .then(({emotes, status, urlTemplate}) => {
512 |                 if (status === 404) return;
513 |                 bttvEmoteCache.urlTemplate = urlTemplate;
514 |                 emotes.forEach(n => {
515 |                     n.global = global;
516 |                     n.type = ['bttv', 'emote'];
517 |                     if (!global) {
518 |                         if (channel in bttvEmoteCache.data === false) {
519 |                             bttvEmoteCache.data[channel] = [];
520 |                         }
521 |                         bttvEmoteCache.data[channel].push(n);
522 |                     } else {
523 |                         bttvEmoteCache.data.global.push(n);
524 |                     }
525 |                 });
526 |             });
527 |     }
528 | </script>
529 | </body>
530 | </html>


--------------------------------------------------------------------------------
/scenes/DJMatyo91.json:
--------------------------------------------------------------------------------
   1 | {
   2 |     "current_scene": "Live",
   3 |     "current_program_scene": "Live",
   4 |     "scene_order": [
   5 |         {
   6 |             "name": "Countdown"
   7 |         },
   8 |         {
   9 |             "name": "Live"
  10 |         }
  11 |     ],
  12 |     "name": "DJMatyo91",
  13 |     "groups": [],
  14 |     "quick_transitions": [
  15 |         {
  16 |             "name": "Cut",
  17 |             "duration": 300,
  18 |             "hotkeys": [],
  19 |             "id": 4,
  20 |             "fade_to_black": false
  21 |         },
  22 |         {
  23 |             "name": "Fade",
  24 |             "duration": 300,
  25 |             "hotkeys": [],
  26 |             "id": 5,
  27 |             "fade_to_black": false
  28 |         },
  29 |         {
  30 |             "name": "Fade",
  31 |             "duration": 300,
  32 |             "hotkeys": [],
  33 |             "id": 6,
  34 |             "fade_to_black": true
  35 |         }
  36 |     ],
  37 |     "transitions": [],
  38 |     "saved_projectors": [],
  39 |     "current_transition": "Fade",
  40 |     "transition_duration": 300,
  41 |     "preview_locked": false,
  42 |     "scaling_enabled": false,
  43 |     "scaling_level": 0,
  44 |     "scaling_off_x": 0.0,
  45 |     "scaling_off_y": 0.0,
  46 |     "virtual-camera": {
  47 |         "type2": 3
  48 |     },
  49 |     "modules": {
  50 |         "scripts-tool": [],
  51 |         "output-timer": {
  52 |             "streamTimerHours": 0,
  53 |             "streamTimerMinutes": 0,
  54 |             "streamTimerSeconds": 30,
  55 |             "recordTimerHours": 0,
  56 |             "recordTimerMinutes": 0,
  57 |             "recordTimerSeconds": 30,
  58 |             "autoStartStreamTimer": false,
  59 |             "autoStartRecordTimer": false,
  60 |             "pauseRecordTimer": true
  61 |         },
  62 |         "auto-scene-switcher": {
  63 |             "interval": 300,
  64 |             "non_matching_scene": "",
  65 |             "switch_if_not_matching": false,
  66 |             "active": false,
  67 |             "switches": []
  68 |         }
  69 |     },
  70 |     "resolution": {
  71 |         "x": 1920,
  72 |         "y": 1080
  73 |     },
  74 |     "sources": [
  75 |         {
  76 |             "prev_ver": 503447554,
  77 |             "name": "Cam Text",
  78 |             "uuid": "6f949b9b-293d-4a31-8f9b-3354f853226b",
  79 |             "id": "text_ft2_source",
  80 |             "versioned_id": "text_ft2_source_v2",
  81 |             "settings": {
  82 |                 "text": "Cam",
  83 |                 "font": {
  84 |                     "face": "Helvetica",
  85 |                     "flags": 0,
  86 |                     "size": 64,
  87 |                     "style": "Regular"
  88 |                 }
  89 |             },
  90 |             "mixers": 0,
  91 |             "sync": 0,
  92 |             "flags": 0,
  93 |             "volume": 1.0,
  94 |             "balance": 0.5,
  95 |             "enabled": true,
  96 |             "muted": false,
  97 |             "push-to-mute": false,
  98 |             "push-to-mute-delay": 0,
  99 |             "push-to-talk": false,
 100 |             "push-to-talk-delay": 0,
 101 |             "hotkeys": {},
 102 |             "deinterlace_mode": 0,
 103 |             "deinterlace_field_order": 0,
 104 |             "monitoring_type": 0,
 105 |             "private_settings": {}
 106 |         },
 107 |         {
 108 |             "prev_ver": 503447554,
 109 |             "name": "Carte Son",
 110 |             "uuid": "233a6c20-85c6-4650-bf28-fbcd5bb99ebe",
 111 |             "id": "coreaudio_input_capture",
 112 |             "versioned_id": "coreaudio_input_capture",
 113 |             "settings": {
 114 |                 "device_id": "AppleUSBAudioEngine:Burr-Brown from TI              :USB Audio CODEC :140000:2"
 115 |             },
 116 |             "mixers": 255,
 117 |             "sync": 0,
 118 |             "flags": 0,
 119 |             "volume": 1.0,
 120 |             "balance": 0.5,
 121 |             "enabled": true,
 122 |             "muted": false,
 123 |             "push-to-mute": false,
 124 |             "push-to-mute-delay": 0,
 125 |             "push-to-talk": false,
 126 |             "push-to-talk-delay": 0,
 127 |             "hotkeys": {
 128 |                 "libobs.mute": [],
 129 |                 "libobs.unmute": [],
 130 |                 "libobs.push-to-mute": [],
 131 |                 "libobs.push-to-talk": []
 132 |             },
 133 |             "deinterlace_mode": 0,
 134 |             "deinterlace_field_order": 0,
 135 |             "monitoring_type": 0,
 136 |             "private_settings": {}
 137 |         },
 138 |         {
 139 |             "prev_ver": 503447554,
 140 |             "name": "Countdown",
 141 |             "uuid": "3f161836-67cd-4b60-84d7-f34e8e3f47a9",
 142 |             "id": "scene",
 143 |             "versioned_id": "scene",
 144 |             "settings": {
 145 |                 "custom_size": false,
 146 |                 "id_counter": 7,
 147 |                 "items": [
 148 |                     {
 149 |                         "name": "Loop",
 150 |                         "source_uuid": "9b3e9b1e-0c08-4aff-90dd-9b1b18841fe5",
 151 |                         "visible": true,
 152 |                         "locked": false,
 153 |                         "rot": 0.0,
 154 |                         "pos": {
 155 |                             "x": 0.0,
 156 |                             "y": 0.0
 157 |                         },
 158 |                         "scale": {
 159 |                             "x": 4.0,
 160 |                             "y": 4.0
 161 |                         },
 162 |                         "align": 5,
 163 |                         "bounds_type": 0,
 164 |                         "bounds_align": 0,
 165 |                         "bounds_crop": false,
 166 |                         "bounds": {
 167 |                             "x": 1.0,
 168 |                             "y": 1.0
 169 |                         },
 170 |                         "crop_left": 0,
 171 |                         "crop_top": 0,
 172 |                         "crop_right": 0,
 173 |                         "crop_bottom": 0,
 174 |                         "id": 5,
 175 |                         "group_item_backup": false,
 176 |                         "scale_filter": "disable",
 177 |                         "blend_method": "default",
 178 |                         "blend_type": "normal",
 179 |                         "show_transition": {
 180 |                             "duration": 0
 181 |                         },
 182 |                         "hide_transition": {
 183 |                             "duration": 0
 184 |                         },
 185 |                         "private_settings": {}
 186 |                     },
 187 |                     {
 188 |                         "name": "Countdown banner",
 189 |                         "source_uuid": "2ef4c8f2-3693-47a6-a697-731ededf3b30",
 190 |                         "visible": true,
 191 |                         "locked": false,
 192 |                         "rot": 0.0,
 193 |                         "pos": {
 194 |                             "x": 0.0,
 195 |                             "y": 824.0
 196 |                         },
 197 |                         "scale": {
 198 |                             "x": 1.6000000238418579,
 199 |                             "y": 1.6000000238418579
 200 |                         },
 201 |                         "align": 5,
 202 |                         "bounds_type": 0,
 203 |                         "bounds_align": 0,
 204 |                         "bounds_crop": false,
 205 |                         "bounds": {
 206 |                             "x": 1.0,
 207 |                             "y": 1.0
 208 |                         },
 209 |                         "crop_left": 0,
 210 |                         "crop_top": 0,
 211 |                         "crop_right": 0,
 212 |                         "crop_bottom": 0,
 213 |                         "id": 1,
 214 |                         "group_item_backup": false,
 215 |                         "scale_filter": "disable",
 216 |                         "blend_method": "default",
 217 |                         "blend_type": "normal",
 218 |                         "show_transition": {
 219 |                             "duration": 0
 220 |                         },
 221 |                         "hide_transition": {
 222 |                             "duration": 0
 223 |                         },
 224 |                         "private_settings": {}
 225 |                     },
 226 |                     {
 227 |                         "name": "Social Banner",
 228 |                         "source_uuid": "59f3bd1e-2b67-4a45-bad9-21e86dfb55f1",
 229 |                         "visible": true,
 230 |                         "locked": false,
 231 |                         "rot": 0.0,
 232 |                         "pos": {
 233 |                             "x": 0.0,
 234 |                             "y": 976.0
 235 |                         },
 236 |                         "scale": {
 237 |                             "x": 1.7333333492279053,
 238 |                             "y": 1.7333333492279053
 239 |                         },
 240 |                         "align": 5,
 241 |                         "bounds_type": 0,
 242 |                         "bounds_align": 0,
 243 |                         "bounds_crop": false,
 244 |                         "bounds": {
 245 |                             "x": 1.0,
 246 |                             "y": 1.0
 247 |                         },
 248 |                         "crop_left": 0,
 249 |                         "crop_top": 0,
 250 |                         "crop_right": 0,
 251 |                         "crop_bottom": 0,
 252 |                         "id": 4,
 253 |                         "group_item_backup": false,
 254 |                         "scale_filter": "disable",
 255 |                         "blend_method": "default",
 256 |                         "blend_type": "normal",
 257 |                         "show_transition": {
 258 |                             "duration": 0
 259 |                         },
 260 |                         "hide_transition": {
 261 |                             "duration": 0
 262 |                         },
 263 |                         "private_settings": {}
 264 |                     },
 265 |                     {
 266 |                         "name": "Logo",
 267 |                         "source_uuid": "64eac0c4-4114-4764-afab-3696e04136b5",
 268 |                         "visible": true,
 269 |                         "locked": false,
 270 |                         "rot": 0.0,
 271 |                         "pos": {
 272 |                             "x": 1664.0,
 273 |                             "y": 824.0
 274 |                         },
 275 |                         "scale": {
 276 |                             "x": 1.7066667079925537,
 277 |                             "y": 1.7066667079925537
 278 |                         },
 279 |                         "align": 5,
 280 |                         "bounds_type": 0,
 281 |                         "bounds_align": 0,
 282 |                         "bounds_crop": false,
 283 |                         "bounds": {
 284 |                             "x": 1.0,
 285 |                             "y": 1.0
 286 |                         },
 287 |                         "crop_left": 0,
 288 |                         "crop_top": 0,
 289 |                         "crop_right": 0,
 290 |                         "crop_bottom": 0,
 291 |                         "id": 2,
 292 |                         "group_item_backup": false,
 293 |                         "scale_filter": "disable",
 294 |                         "blend_method": "default",
 295 |                         "blend_type": "normal",
 296 |                         "show_transition": {
 297 |                             "duration": 0
 298 |                         },
 299 |                         "hide_transition": {
 300 |                             "duration": 0
 301 |                         },
 302 |                         "private_settings": {}
 303 |                     },
 304 |                     {
 305 |                         "name": "DJ Matyo",
 306 |                         "source_uuid": "fad37483-82e4-47c0-9227-f76d81afeb9a",
 307 |                         "visible": true,
 308 |                         "locked": false,
 309 |                         "rot": 0.0,
 310 |                         "pos": {
 311 |                             "x": 1691.0,
 312 |                             "y": 748.0
 313 |                         },
 314 |                         "scale": {
 315 |                             "x": 1.0,
 316 |                             "y": 1.0
 317 |                         },
 318 |                         "align": 5,
 319 |                         "bounds_type": 0,
 320 |                         "bounds_align": 0,
 321 |                         "bounds_crop": false,
 322 |                         "bounds": {
 323 |                             "x": 0.0,
 324 |                             "y": 0.0
 325 |                         },
 326 |                         "crop_left": 0,
 327 |                         "crop_top": 0,
 328 |                         "crop_right": 0,
 329 |                         "crop_bottom": 0,
 330 |                         "id": 7,
 331 |                         "group_item_backup": false,
 332 |                         "scale_filter": "disable",
 333 |                         "blend_method": "default",
 334 |                         "blend_type": "normal",
 335 |                         "show_transition": {
 336 |                             "duration": 0
 337 |                         },
 338 |                         "hide_transition": {
 339 |                             "duration": 0
 340 |                         },
 341 |                         "private_settings": {}
 342 |                     }
 343 |                 ]
 344 |             },
 345 |             "mixers": 0,
 346 |             "sync": 0,
 347 |             "flags": 0,
 348 |             "volume": 1.0,
 349 |             "balance": 0.5,
 350 |             "enabled": true,
 351 |             "muted": false,
 352 |             "push-to-mute": false,
 353 |             "push-to-mute-delay": 0,
 354 |             "push-to-talk": false,
 355 |             "push-to-talk-delay": 0,
 356 |             "hotkeys": {
 357 |                 "OBSBasic.SelectScene": [],
 358 |                 "libobs.show_scene_item.5": [],
 359 |                 "libobs.hide_scene_item.5": [],
 360 |                 "libobs.show_scene_item.1": [],
 361 |                 "libobs.hide_scene_item.1": [],
 362 |                 "libobs.show_scene_item.4": [],
 363 |                 "libobs.hide_scene_item.4": [],
 364 |                 "libobs.show_scene_item.2": [],
 365 |                 "libobs.hide_scene_item.2": [],
 366 |                 "libobs.show_scene_item.7": [],
 367 |                 "libobs.hide_scene_item.7": []
 368 |             },
 369 |             "deinterlace_mode": 0,
 370 |             "deinterlace_field_order": 0,
 371 |             "monitoring_type": 0,
 372 |             "private_settings": {}
 373 |         },
 374 |         {
 375 |             "prev_ver": 503447554,
 376 |             "name": "Countdown banner",
 377 |             "uuid": "2ef4c8f2-3693-47a6-a697-731ededf3b30",
 378 |             "id": "browser_source",
 379 |             "versioned_id": "browser_source",
 380 |             "settings": {
 381 |                 "is_local_file": true,
 382 |                 "local_file": "/Users/math/Sites/darkwood/dj-stream/overlays/countdown/index.html",
 383 |                 "width": 1040,
 384 |                 "height": 95,
 385 |                 "css": "body {\nbackground-color: #FFFFFF;\n}"
 386 |             },
 387 |             "mixers": 255,
 388 |             "sync": 0,
 389 |             "flags": 0,
 390 |             "volume": 1.0,
 391 |             "balance": 0.5,
 392 |             "enabled": true,
 393 |             "muted": false,
 394 |             "push-to-mute": false,
 395 |             "push-to-mute-delay": 0,
 396 |             "push-to-talk": false,
 397 |             "push-to-talk-delay": 0,
 398 |             "hotkeys": {
 399 |                 "libobs.mute": [],
 400 |                 "libobs.unmute": [],
 401 |                 "libobs.push-to-mute": [],
 402 |                 "libobs.push-to-talk": [],
 403 |                 "ObsBrowser.Refresh": []
 404 |             },
 405 |             "deinterlace_mode": 0,
 406 |             "deinterlace_field_order": 0,
 407 |             "monitoring_type": 0,
 408 |             "private_settings": {}
 409 |         },
 410 |         {
 411 |             "prev_ver": 503447554,
 412 |             "name": "Discord Sound",
 413 |             "uuid": "8c4ed216-5e18-419e-bdbc-f373807f5dee",
 414 |             "id": "coreaudio_output_capture",
 415 |             "versioned_id": "coreaudio_output_capture",
 416 |             "settings": {
 417 |                 "device_id": "BlackHole2ch_UID"
 418 |             },
 419 |             "mixers": 255,
 420 |             "sync": 0,
 421 |             "flags": 0,
 422 |             "volume": 1.0,
 423 |             "balance": 0.5,
 424 |             "enabled": true,
 425 |             "muted": true,
 426 |             "push-to-mute": false,
 427 |             "push-to-mute-delay": 0,
 428 |             "push-to-talk": false,
 429 |             "push-to-talk-delay": 0,
 430 |             "hotkeys": {
 431 |                 "libobs.mute": [],
 432 |                 "libobs.unmute": [],
 433 |                 "libobs.push-to-mute": [],
 434 |                 "libobs.push-to-talk": []
 435 |             },
 436 |             "deinterlace_mode": 0,
 437 |             "deinterlace_field_order": 0,
 438 |             "monitoring_type": 0,
 439 |             "private_settings": {}
 440 |         },
 441 |         {
 442 |             "prev_ver": 503447554,
 443 |             "name": "Discord Video",
 444 |             "uuid": "d705baea-86a6-4397-a89d-10afd5c38865",
 445 |             "id": "screen_capture",
 446 |             "versioned_id": "screen_capture",
 447 |             "settings": {
 448 |                 "application": "com.obsproject.obs-studio",
 449 |                 "type": 1,
 450 |                 "window": 9001
 451 |             },
 452 |             "mixers": 255,
 453 |             "sync": 0,
 454 |             "flags": 0,
 455 |             "volume": 1.0,
 456 |             "balance": 0.5,
 457 |             "enabled": true,
 458 |             "muted": true,
 459 |             "push-to-mute": false,
 460 |             "push-to-mute-delay": 0,
 461 |             "push-to-talk": false,
 462 |             "push-to-talk-delay": 0,
 463 |             "hotkeys": {
 464 |                 "libobs.mute": [],
 465 |                 "libobs.unmute": [],
 466 |                 "libobs.push-to-mute": [],
 467 |                 "libobs.push-to-talk": []
 468 |             },
 469 |             "deinterlace_mode": 0,
 470 |             "deinterlace_field_order": 0,
 471 |             "monitoring_type": 0,
 472 |             "private_settings": {}
 473 |         },
 474 |         {
 475 |             "prev_ver": 503447554,
 476 |             "name": "DJ Matyo",
 477 |             "uuid": "fad37483-82e4-47c0-9227-f76d81afeb9a",
 478 |             "id": "text_ft2_source",
 479 |             "versioned_id": "text_ft2_source_v2",
 480 |             "settings": {
 481 |                 "text": "DJ Matyo",
 482 |                 "font": {
 483 |                     "face": "Helvetica",
 484 |                     "flags": 0,
 485 |                     "size": 48,
 486 |                     "style": "Regular"
 487 |                 }
 488 |             },
 489 |             "mixers": 0,
 490 |             "sync": 0,
 491 |             "flags": 0,
 492 |             "volume": 1.0,
 493 |             "balance": 0.5,
 494 |             "enabled": true,
 495 |             "muted": false,
 496 |             "push-to-mute": false,
 497 |             "push-to-mute-delay": 0,
 498 |             "push-to-talk": false,
 499 |             "push-to-talk-delay": 0,
 500 |             "hotkeys": {},
 501 |             "deinterlace_mode": 0,
 502 |             "deinterlace_field_order": 0,
 503 |             "monitoring_type": 0,
 504 |             "private_settings": {}
 505 |         },
 506 |         {
 507 |             "prev_ver": 503447554,
 508 |             "name": "Event-1",
 509 |             "uuid": "509d3abe-b9e5-4c0c-bc08-453a61bd1f61",
 510 |             "id": "image_source",
 511 |             "versioned_id": "image_source",
 512 |             "settings": {
 513 |                 "file": "/Users/math/Mathieu/Darkwood/dj-matyo/dj/2023-02-27 dj-matyo.jpeg"
 514 |             },
 515 |             "mixers": 0,
 516 |             "sync": 0,
 517 |             "flags": 0,
 518 |             "volume": 1.0,
 519 |             "balance": 0.5,
 520 |             "enabled": true,
 521 |             "muted": false,
 522 |             "push-to-mute": false,
 523 |             "push-to-mute-delay": 0,
 524 |             "push-to-talk": false,
 525 |             "push-to-talk-delay": 0,
 526 |             "hotkeys": {},
 527 |             "deinterlace_mode": 0,
 528 |             "deinterlace_field_order": 0,
 529 |             "monitoring_type": 0,
 530 |             "private_settings": {}
 531 |         },
 532 |         {
 533 |             "prev_ver": 503447554,
 534 |             "name": "Event-2",
 535 |             "uuid": "2376496d-e03f-49bd-9f01-5f608a3b778c",
 536 |             "id": "image_source",
 537 |             "versioned_id": "image_source",
 538 |             "settings": {
 539 |                 "file": "/Users/math/Mathieu/Darkwood/dj-matyo/dj/2023-03-06 dj-matyo hardcore xperience.jpg"
 540 |             },
 541 |             "mixers": 0,
 542 |             "sync": 0,
 543 |             "flags": 0,
 544 |             "volume": 1.0,
 545 |             "balance": 0.5,
 546 |             "enabled": true,
 547 |             "muted": false,
 548 |             "push-to-mute": false,
 549 |             "push-to-mute-delay": 0,
 550 |             "push-to-talk": false,
 551 |             "push-to-talk-delay": 0,
 552 |             "hotkeys": {},
 553 |             "deinterlace_mode": 0,
 554 |             "deinterlace_field_order": 0,
 555 |             "monitoring_type": 0,
 556 |             "private_settings": {}
 557 |         },
 558 |         {
 559 |             "prev_ver": 503447554,
 560 |             "name": "FaceCam",
 561 |             "uuid": "facbe876-af10-4f46-bbec-b4f80575357f",
 562 |             "id": "av_capture_input",
 563 |             "versioned_id": "av_capture_input_v2",
 564 |             "settings": {
 565 |                 "device": "EAB7A68F-EC2B-4487-AADF-D8A91C1CB782",
 566 |                 "device_name": "FaceTime HD Camera"
 567 |             },
 568 |             "mixers": 255,
 569 |             "sync": 0,
 570 |             "flags": 0,
 571 |             "volume": 1.0,
 572 |             "balance": 0.5,
 573 |             "enabled": true,
 574 |             "muted": false,
 575 |             "push-to-mute": false,
 576 |             "push-to-mute-delay": 0,
 577 |             "push-to-talk": false,
 578 |             "push-to-talk-delay": 0,
 579 |             "hotkeys": {
 580 |                 "libobs.mute": [],
 581 |                 "libobs.unmute": [],
 582 |                 "libobs.push-to-mute": [],
 583 |                 "libobs.push-to-talk": []
 584 |             },
 585 |             "deinterlace_mode": 0,
 586 |             "deinterlace_field_order": 0,
 587 |             "monitoring_type": 0,
 588 |             "private_settings": {}
 589 |         },
 590 |         {
 591 |             "prev_ver": 503447554,
 592 |             "name": "KissCam Banner",
 593 |             "uuid": "c717e9c2-4ae9-48ba-8781-ca7378fc6f0b",
 594 |             "id": "browser_source",
 595 |             "versioned_id": "browser_source",
 596 |             "settings": {
 597 |                 "is_local_file": true,
 598 |                 "local_file": "/Users/math/Sites/darkwood/dj-stream/overlays/kisscam/index.html",
 599 |                 "url": "/Users/math/Sites/darkwood/dj-stream/overlays/kisscam/index.html",
 600 |                 "width": 988,
 601 |                 "height": 60,
 602 |                 "css": "body { background-color: #FFFFFF; margin: 0px auto; overflow: hidden; }"
 603 |             },
 604 |             "mixers": 255,
 605 |             "sync": 0,
 606 |             "flags": 0,
 607 |             "volume": 1.0,
 608 |             "balance": 0.5,
 609 |             "enabled": true,
 610 |             "muted": false,
 611 |             "push-to-mute": false,
 612 |             "push-to-mute-delay": 0,
 613 |             "push-to-talk": false,
 614 |             "push-to-talk-delay": 0,
 615 |             "hotkeys": {
 616 |                 "libobs.mute": [],
 617 |                 "libobs.unmute": [],
 618 |                 "libobs.push-to-mute": [],
 619 |                 "libobs.push-to-talk": [],
 620 |                 "ObsBrowser.Refresh": []
 621 |             },
 622 |             "deinterlace_mode": 0,
 623 |             "deinterlace_field_order": 0,
 624 |             "monitoring_type": 0,
 625 |             "private_settings": {}
 626 |         },
 627 |         {
 628 |             "prev_ver": 503447554,
 629 |             "name": "Live",
 630 |             "uuid": "77f5e0b6-494d-4adf-80cb-8e4a5aee3c95",
 631 |             "id": "scene",
 632 |             "versioned_id": "scene",
 633 |             "settings": {
 634 |                 "custom_size": false,
 635 |                 "id_counter": 31,
 636 |                 "items": [
 637 |                     {
 638 |                         "name": "Video Capture Device",
 639 |                         "source_uuid": "65dcb8e2-da43-4ecc-846c-a36621806428",
 640 |                         "visible": true,
 641 |                         "locked": false,
 642 |                         "rot": 0.0,
 643 |                         "pos": {
 644 |                             "x": 0.0,
 645 |                             "y": 0.0
 646 |                         },
 647 |                         "scale": {
 648 |                             "x": 1.0,
 649 |                             "y": 1.0
 650 |                         },
 651 |                         "align": 5,
 652 |                         "bounds_type": 2,
 653 |                         "bounds_align": 0,
 654 |                         "bounds_crop": false,
 655 |                         "bounds": {
 656 |                             "x": 1920.0,
 657 |                             "y": 1080.0
 658 |                         },
 659 |                         "crop_left": 0,
 660 |                         "crop_top": 0,
 661 |                         "crop_right": 0,
 662 |                         "crop_bottom": 0,
 663 |                         "id": 27,
 664 |                         "group_item_backup": false,
 665 |                         "scale_filter": "disable",
 666 |                         "blend_method": "default",
 667 |                         "blend_type": "normal",
 668 |                         "show_transition": {
 669 |                             "duration": 0
 670 |                         },
 671 |                         "hide_transition": {
 672 |                             "duration": 0
 673 |                         },
 674 |                         "private_settings": {}
 675 |                     },
 676 |                     {
 677 |                         "name": "Carte Son",
 678 |                         "source_uuid": "233a6c20-85c6-4650-bf28-fbcd5bb99ebe",
 679 |                         "visible": true,
 680 |                         "locked": false,
 681 |                         "rot": 0.0,
 682 |                         "pos": {
 683 |                             "x": 0.0,
 684 |                             "y": 0.0
 685 |                         },
 686 |                         "scale": {
 687 |                             "x": 1.0,
 688 |                             "y": 1.0
 689 |                         },
 690 |                         "align": 5,
 691 |                         "bounds_type": 0,
 692 |                         "bounds_align": 0,
 693 |                         "bounds_crop": false,
 694 |                         "bounds": {
 695 |                             "x": 0.0,
 696 |                             "y": 0.0
 697 |                         },
 698 |                         "crop_left": 0,
 699 |                         "crop_top": 0,
 700 |                         "crop_right": 0,
 701 |                         "crop_bottom": 0,
 702 |                         "id": 5,
 703 |                         "group_item_backup": false,
 704 |                         "scale_filter": "disable",
 705 |                         "blend_method": "default",
 706 |                         "blend_type": "normal",
 707 |                         "show_transition": {
 708 |                             "duration": 0
 709 |                         },
 710 |                         "hide_transition": {
 711 |                             "duration": 0
 712 |                         },
 713 |                         "private_settings": {}
 714 |                     },
 715 |                     {
 716 |                         "name": "DJ Matyo",
 717 |                         "source_uuid": "fad37483-82e4-47c0-9227-f76d81afeb9a",
 718 |                         "visible": true,
 719 |                         "locked": false,
 720 |                         "rot": 0.0,
 721 |                         "pos": {
 722 |                             "x": 1712.0,
 723 |                             "y": 807.0
 724 |                         },
 725 |                         "scale": {
 726 |                             "x": 1.0,
 727 |                             "y": 1.0
 728 |                         },
 729 |                         "align": 5,
 730 |                         "bounds_type": 0,
 731 |                         "bounds_align": 0,
 732 |                         "bounds_crop": false,
 733 |                         "bounds": {
 734 |                             "x": 0.0,
 735 |                             "y": 0.0
 736 |                         },
 737 |                         "crop_left": 0,
 738 |                         "crop_top": 0,
 739 |                         "crop_right": 0,
 740 |                         "crop_bottom": 0,
 741 |                         "id": 8,
 742 |                         "group_item_backup": false,
 743 |                         "scale_filter": "disable",
 744 |                         "blend_method": "default",
 745 |                         "blend_type": "normal",
 746 |                         "show_transition": {
 747 |                             "duration": 0
 748 |                         },
 749 |                         "hide_transition": {
 750 |                             "duration": 0
 751 |                         },
 752 |                         "private_settings": {}
 753 |                     },
 754 |                     {
 755 |                         "name": "Social Banner",
 756 |                         "source_uuid": "59f3bd1e-2b67-4a45-bad9-21e86dfb55f1",
 757 |                         "visible": true,
 758 |                         "locked": false,
 759 |                         "rot": 0.0,
 760 |                         "pos": {
 761 |                             "x": 0.0,
 762 |                             "y": 976.0
 763 |                         },
 764 |                         "scale": {
 765 |                             "x": 1.7333333492279053,
 766 |                             "y": 1.7333333492279053
 767 |                         },
 768 |                         "align": 5,
 769 |                         "bounds_type": 0,
 770 |                         "bounds_align": 0,
 771 |                         "bounds_crop": false,
 772 |                         "bounds": {
 773 |                             "x": 1.0,
 774 |                             "y": 1.0
 775 |                         },
 776 |                         "crop_left": 0,
 777 |                         "crop_top": 0,
 778 |                         "crop_right": 0,
 779 |                         "crop_bottom": 0,
 780 |                         "id": 9,
 781 |                         "group_item_backup": false,
 782 |                         "scale_filter": "disable",
 783 |                         "blend_method": "default",
 784 |                         "blend_type": "normal",
 785 |                         "show_transition": {
 786 |                             "duration": 0
 787 |                         },
 788 |                         "hide_transition": {
 789 |                             "duration": 0
 790 |                         },
 791 |                         "private_settings": {}
 792 |                     },
 793 |                     {
 794 |                         "name": "KissCam Banner",
 795 |                         "source_uuid": "c717e9c2-4ae9-48ba-8781-ca7378fc6f0b",
 796 |                         "visible": true,
 797 |                         "locked": false,
 798 |                         "rot": 0.0,
 799 |                         "pos": {
 800 |                             "x": 0.0,
 801 |                             "y": 872.0
 802 |                         },
 803 |                         "scale": {
 804 |                             "x": 1.7333333492279053,
 805 |                             "y": 1.7333333492279053
 806 |                         },
 807 |                         "align": 5,
 808 |                         "bounds_type": 0,
 809 |                         "bounds_align": 0,
 810 |                         "bounds_crop": false,
 811 |                         "bounds": {
 812 |                             "x": 0.0,
 813 |                             "y": 0.0
 814 |                         },
 815 |                         "crop_left": 0,
 816 |                         "crop_top": 0,
 817 |                         "crop_right": 0,
 818 |                         "crop_bottom": 0,
 819 |                         "id": 19,
 820 |                         "group_item_backup": false,
 821 |                         "scale_filter": "disable",
 822 |                         "blend_method": "default",
 823 |                         "blend_type": "normal",
 824 |                         "show_transition": {
 825 |                             "duration": 0
 826 |                         },
 827 |                         "hide_transition": {
 828 |                             "duration": 0
 829 |                         },
 830 |                         "private_settings": {}
 831 |                     },
 832 |                     {
 833 |                         "name": "Logo",
 834 |                         "source_uuid": "64eac0c4-4114-4764-afab-3696e04136b5",
 835 |                         "visible": true,
 836 |                         "locked": false,
 837 |                         "rot": 0.0,
 838 |                         "pos": {
 839 |                             "x": 1712.0,
 840 |                             "y": 872.0
 841 |                         },
 842 |                         "scale": {
 843 |                             "x": 1.3866666555404663,
 844 |                             "y": 1.3866666555404663
 845 |                         },
 846 |                         "align": 5,
 847 |                         "bounds_type": 0,
 848 |                         "bounds_align": 0,
 849 |                         "bounds_crop": false,
 850 |                         "bounds": {
 851 |                             "x": 1.0,
 852 |                             "y": 1.0
 853 |                         },
 854 |                         "crop_left": 0,
 855 |                         "crop_top": 0,
 856 |                         "crop_right": 0,
 857 |                         "crop_bottom": 0,
 858 |                         "id": 10,
 859 |                         "group_item_backup": false,
 860 |                         "scale_filter": "disable",
 861 |                         "blend_method": "default",
 862 |                         "blend_type": "normal",
 863 |                         "show_transition": {
 864 |                             "duration": 0
 865 |                         },
 866 |                         "hide_transition": {
 867 |                             "duration": 0
 868 |                         },
 869 |                         "private_settings": {}
 870 |                     },
 871 |                     {
 872 |                         "name": "Live Chat",
 873 |                         "source_uuid": "4a17d4b5-6462-466d-b047-f51339c3b6c4",
 874 |                         "visible": false,
 875 |                         "locked": false,
 876 |                         "rot": 0.0,
 877 |                         "pos": {
 878 |                             "x": 0.0,
 879 |                             "y": 2.0
 880 |                         },
 881 |                         "scale": {
 882 |                             "x": 1.0,
 883 |                             "y": 1.0
 884 |                         },
 885 |                         "align": 5,
 886 |                         "bounds_type": 0,
 887 |                         "bounds_align": 0,
 888 |                         "bounds_crop": false,
 889 |                         "bounds": {
 890 |                             "x": 0.0,
 891 |                             "y": 0.0
 892 |                         },
 893 |                         "crop_left": 0,
 894 |                         "crop_top": 0,
 895 |                         "crop_right": 0,
 896 |                         "crop_bottom": 0,
 897 |                         "id": 18,
 898 |                         "group_item_backup": false,
 899 |                         "scale_filter": "disable",
 900 |                         "blend_method": "default",
 901 |                         "blend_type": "normal",
 902 |                         "show_transition": {
 903 |                             "duration": 0
 904 |                         },
 905 |                         "hide_transition": {
 906 |                             "duration": 0
 907 |                         },
 908 |                         "private_settings": {}
 909 |                     },
 910 |                     {
 911 |                         "name": "Discord Video",
 912 |                         "source_uuid": "d705baea-86a6-4397-a89d-10afd5c38865",
 913 |                         "visible": false,
 914 |                         "locked": false,
 915 |                         "rot": 0.0,
 916 |                         "pos": {
 917 |                             "x": 1423.0,
 918 |                             "y": -64.0
 919 |                         },
 920 |                         "scale": {
 921 |                             "x": 0.43312498927116394,
 922 |                             "y": 0.43333333730697632
 923 |                         },
 924 |                         "align": 5,
 925 |                         "bounds_type": 0,
 926 |                         "bounds_align": 0,
 927 |                         "bounds_crop": false,
 928 |                         "bounds": {
 929 |                             "x": 0.0,
 930 |                             "y": 0.0
 931 |                         },
 932 |                         "crop_left": 547,
 933 |                         "crop_top": 42,
 934 |                         "crop_right": 0,
 935 |                         "crop_bottom": 0,
 936 |                         "id": 21,
 937 |                         "group_item_backup": false,
 938 |                         "scale_filter": "disable",
 939 |                         "blend_method": "default",
 940 |                         "blend_type": "normal",
 941 |                         "show_transition": {
 942 |                             "duration": 0
 943 |                         },
 944 |                         "hide_transition": {
 945 |                             "duration": 0
 946 |                         },
 947 |                         "private_settings": {}
 948 |                     },
 949 |                     {
 950 |                         "name": "FaceCam",
 951 |                         "source_uuid": "facbe876-af10-4f46-bbec-b4f80575357f",
 952 |                         "visible": true,
 953 |                         "locked": false,
 954 |                         "rot": 0.0,
 955 |                         "pos": {
 956 |                             "x": 1466.0906982421875,
 957 |                             "y": 0.0
 958 |                         },
 959 |                         "scale": {
 960 |                             "x": 0.43436294794082642,
 961 |                             "y": 0.43442621827125549
 962 |                         },
 963 |                         "align": 5,
 964 |                         "bounds_type": 0,
 965 |                         "bounds_align": 0,
 966 |                         "bounds_crop": false,
 967 |                         "bounds": {
 968 |                             "x": 0.0,
 969 |                             "y": 0.0
 970 |                         },
 971 |                         "crop_left": 506,
 972 |                         "crop_top": 0,
 973 |                         "crop_right": 369,
 974 |                         "crop_bottom": 348,
 975 |                         "id": 31,
 976 |                         "group_item_backup": false,
 977 |                         "scale_filter": "disable",
 978 |                         "blend_method": "default",
 979 |                         "blend_type": "normal",
 980 |                         "show_transition": {
 981 |                             "duration": 0
 982 |                         },
 983 |                         "hide_transition": {
 984 |                             "duration": 0
 985 |                         },
 986 |                         "private_settings": {}
 987 |                     },
 988 |                     {
 989 |                         "name": "Discord Sound",
 990 |                         "source_uuid": "8c4ed216-5e18-419e-bdbc-f373807f5dee",
 991 |                         "visible": true,
 992 |                         "locked": false,
 993 |                         "rot": 0.0,
 994 |                         "pos": {
 995 |                             "x": 0.0,
 996 |                             "y": 0.0
 997 |                         },
 998 |                         "scale": {
 999 |                             "x": 1.0,
1000 |                             "y": 1.0
1001 |                         },
1002 |                         "align": 5,
1003 |                         "bounds_type": 0,
1004 |                         "bounds_align": 0,
1005 |                         "bounds_crop": false,
1006 |                         "bounds": {
1007 |                             "x": 0.0,
1008 |                             "y": 0.0
1009 |                         },
1010 |                         "crop_left": 0,
1011 |                         "crop_top": 0,
1012 |                         "crop_right": 0,
1013 |                         "crop_bottom": 0,
1014 |                         "id": 25,
1015 |                         "group_item_backup": false,
1016 |                         "scale_filter": "disable",
1017 |                         "blend_method": "default",
1018 |                         "blend_type": "normal",
1019 |                         "show_transition": {
1020 |                             "duration": 0
1021 |                         },
1022 |                         "hide_transition": {
1023 |                             "duration": 0
1024 |                         },
1025 |                         "private_settings": {}
1026 |                     },
1027 |                     {
1028 |                         "name": "Cam Text",
1029 |                         "source_uuid": "6f949b9b-293d-4a31-8f9b-3354f853226b",
1030 |                         "visible": false,
1031 |                         "locked": false,
1032 |                         "rot": 0.0,
1033 |                         "pos": {
1034 |                             "x": 1558.0,
1035 |                             "y": 382.0
1036 |                         },
1037 |                         "scale": {
1038 |                             "x": 1.0,
1039 |                             "y": 1.0
1040 |                         },
1041 |                         "align": 5,
1042 |                         "bounds_type": 0,
1043 |                         "bounds_align": 0,
1044 |                         "bounds_crop": false,
1045 |                         "bounds": {
1046 |                             "x": 0.0,
1047 |                             "y": 0.0
1048 |                         },
1049 |                         "crop_left": 0,
1050 |                         "crop_top": 0,
1051 |                         "crop_right": 0,
1052 |                         "crop_bottom": 0,
1053 |                         "id": 28,
1054 |                         "group_item_backup": false,
1055 |                         "scale_filter": "disable",
1056 |                         "blend_method": "default",
1057 |                         "blend_type": "normal",
1058 |                         "show_transition": {
1059 |                             "duration": 0
1060 |                         },
1061 |                         "hide_transition": {
1062 |                             "duration": 0
1063 |                         },
1064 |                         "private_settings": {}
1065 |                     },
1066 |                     {
1067 |                         "name": "Micro",
1068 |                         "source_uuid": "9feeebf9-f542-4662-a92d-9589ee927594",
1069 |                         "visible": true,
1070 |                         "locked": false,
1071 |                         "rot": 0.0,
1072 |                         "pos": {
1073 |                             "x": 0.0,
1074 |                             "y": 0.0
1075 |                         },
1076 |                         "scale": {
1077 |                             "x": 1.0,
1078 |                             "y": 1.0
1079 |                         },
1080 |                         "align": 5,
1081 |                         "bounds_type": 0,
1082 |                         "bounds_align": 0,
1083 |                         "bounds_crop": false,
1084 |                         "bounds": {
1085 |                             "x": 0.0,
1086 |                             "y": 0.0
1087 |                         },
1088 |                         "crop_left": 0,
1089 |                         "crop_top": 0,
1090 |                         "crop_right": 0,
1091 |                         "crop_bottom": 0,
1092 |                         "id": 26,
1093 |                         "group_item_backup": false,
1094 |                         "scale_filter": "disable",
1095 |                         "blend_method": "default",
1096 |                         "blend_type": "normal",
1097 |                         "show_transition": {
1098 |                             "duration": 0
1099 |                         },
1100 |                         "hide_transition": {
1101 |                             "duration": 0
1102 |                         },
1103 |                         "private_settings": {}
1104 |                     },
1105 |                     {
1106 |                         "name": "Event-1",
1107 |                         "source_uuid": "509d3abe-b9e5-4c0c-bc08-453a61bd1f61",
1108 |                         "visible": false,
1109 |                         "locked": false,
1110 |                         "rot": 0.0,
1111 |                         "pos": {
1112 |                             "x": 652.0,
1113 |                             "y": 389.5333251953125
1114 |                         },
1115 |                         "scale": {
1116 |                             "x": 0.39375001192092896,
1117 |                             "y": 0.39444443583488464
1118 |                         },
1119 |                         "align": 5,
1120 |                         "bounds_type": 0,
1121 |                         "bounds_align": 0,
1122 |                         "bounds_crop": false,
1123 |                         "bounds": {
1124 |                             "x": 0.0,
1125 |                             "y": 0.0
1126 |                         },
1127 |                         "crop_left": 0,
1128 |                         "crop_top": 0,
1129 |                         "crop_right": 0,
1130 |                         "crop_bottom": 0,
1131 |                         "id": 29,
1132 |                         "group_item_backup": false,
1133 |                         "scale_filter": "disable",
1134 |                         "blend_method": "default",
1135 |                         "blend_type": "normal",
1136 |                         "show_transition": {
1137 |                             "duration": 0
1138 |                         },
1139 |                         "hide_transition": {
1140 |                             "duration": 0
1141 |                         },
1142 |                         "private_settings": {}
1143 |                     },
1144 |                     {
1145 |                         "name": "Event-2",
1146 |                         "source_uuid": "2376496d-e03f-49bd-9f01-5f608a3b778c",
1147 |                         "visible": false,
1148 |                         "locked": false,
1149 |                         "rot": 0.0,
1150 |                         "pos": {
1151 |                             "x": 1418.0,
1152 |                             "y": 598.0
1153 |                         },
1154 |                         "scale": {
1155 |                             "x": 0.4854932427406311,
1156 |                             "y": 0.4851851761341095
1157 |                         },
1158 |                         "align": 5,
1159 |                         "bounds_type": 0,
1160 |                         "bounds_align": 0,
1161 |                         "bounds_crop": false,
1162 |                         "bounds": {
1163 |                             "x": 0.0,
1164 |                             "y": 0.0
1165 |                         },
1166 |                         "crop_left": 0,
1167 |                         "crop_top": 74,
1168 |                         "crop_right": 0,
1169 |                         "crop_bottom": 0,
1170 |                         "id": 30,
1171 |                         "group_item_backup": false,
1172 |                         "scale_filter": "disable",
1173 |                         "blend_method": "default",
1174 |                         "blend_type": "normal",
1175 |                         "show_transition": {
1176 |                             "duration": 0
1177 |                         },
1178 |                         "hide_transition": {
1179 |                             "duration": 0
1180 |                         },
1181 |                         "private_settings": {}
1182 |                     }
1183 |                 ]
1184 |             },
1185 |             "mixers": 0,
1186 |             "sync": 0,
1187 |             "flags": 0,
1188 |             "volume": 1.0,
1189 |             "balance": 0.5,
1190 |             "enabled": true,
1191 |             "muted": false,
1192 |             "push-to-mute": false,
1193 |             "push-to-mute-delay": 0,
1194 |             "push-to-talk": false,
1195 |             "push-to-talk-delay": 0,
1196 |             "hotkeys": {
1197 |                 "OBSBasic.SelectScene": [],
1198 |                 "libobs.show_scene_item.27": [],
1199 |                 "libobs.hide_scene_item.27": [],
1200 |                 "libobs.show_scene_item.5": [],
1201 |                 "libobs.hide_scene_item.5": [],
1202 |                 "libobs.show_scene_item.8": [],
1203 |                 "libobs.hide_scene_item.8": [],
1204 |                 "libobs.show_scene_item.9": [],
1205 |                 "libobs.hide_scene_item.9": [],
1206 |                 "libobs.show_scene_item.19": [],
1207 |                 "libobs.hide_scene_item.19": [],
1208 |                 "libobs.show_scene_item.10": [],
1209 |                 "libobs.hide_scene_item.10": [],
1210 |                 "libobs.show_scene_item.18": [],
1211 |                 "libobs.hide_scene_item.18": [],
1212 |                 "libobs.show_scene_item.21": [],
1213 |                 "libobs.hide_scene_item.21": [],
1214 |                 "libobs.show_scene_item.31": [],
1215 |                 "libobs.hide_scene_item.31": [],
1216 |                 "libobs.show_scene_item.25": [],
1217 |                 "libobs.hide_scene_item.25": [],
1218 |                 "libobs.show_scene_item.28": [],
1219 |                 "libobs.hide_scene_item.28": [],
1220 |                 "libobs.show_scene_item.26": [],
1221 |                 "libobs.hide_scene_item.26": [],
1222 |                 "libobs.show_scene_item.29": [],
1223 |                 "libobs.hide_scene_item.29": [],
1224 |                 "libobs.show_scene_item.30": [],
1225 |                 "libobs.hide_scene_item.30": []
1226 |             },
1227 |             "deinterlace_mode": 0,
1228 |             "deinterlace_field_order": 0,
1229 |             "monitoring_type": 0,
1230 |             "private_settings": {}
1231 |         },
1232 |         {
1233 |             "prev_ver": 503447554,
1234 |             "name": "Live Chat",
1235 |             "uuid": "4a17d4b5-6462-466d-b047-f51339c3b6c4",
1236 |             "id": "browser_source",
1237 |             "versioned_id": "browser_source",
1238 |             "settings": {
1239 |                 "url": "https://multichat.livepush.io/mcz5Db2yZ5ew5253-",
1240 |                 "width": 300,
1241 |                 "height": 870
1242 |             },
1243 |             "mixers": 255,
1244 |             "sync": 0,
1245 |             "flags": 0,
1246 |             "volume": 1.0,
1247 |             "balance": 0.5,
1248 |             "enabled": true,
1249 |             "muted": false,
1250 |             "push-to-mute": false,
1251 |             "push-to-mute-delay": 0,
1252 |             "push-to-talk": false,
1253 |             "push-to-talk-delay": 0,
1254 |             "hotkeys": {
1255 |                 "libobs.mute": [],
1256 |                 "libobs.unmute": [],
1257 |                 "libobs.push-to-mute": [],
1258 |                 "libobs.push-to-talk": [],
1259 |                 "ObsBrowser.Refresh": []
1260 |             },
1261 |             "deinterlace_mode": 0,
1262 |             "deinterlace_field_order": 0,
1263 |             "monitoring_type": 0,
1264 |             "private_settings": {}
1265 |         },
1266 |         {
1267 |             "prev_ver": 503447554,
1268 |             "name": "Logo",
1269 |             "uuid": "64eac0c4-4114-4764-afab-3696e04136b5",
1270 |             "id": "image_source",
1271 |             "versioned_id": "image_source",
1272 |             "settings": {
1273 |                 "file": "/Users/math/Sites/darkwood/dj-stream/medias/cricket.jpg"
1274 |             },
1275 |             "mixers": 0,
1276 |             "sync": 0,
1277 |             "flags": 0,
1278 |             "volume": 1.0,
1279 |             "balance": 0.5,
1280 |             "enabled": true,
1281 |             "muted": false,
1282 |             "push-to-mute": false,
1283 |             "push-to-mute-delay": 0,
1284 |             "push-to-talk": false,
1285 |             "push-to-talk-delay": 0,
1286 |             "hotkeys": {},
1287 |             "deinterlace_mode": 0,
1288 |             "deinterlace_field_order": 0,
1289 |             "monitoring_type": 0,
1290 |             "private_settings": {}
1291 |         },
1292 |         {
1293 |             "prev_ver": 503447554,
1294 |             "name": "Loop",
1295 |             "uuid": "9b3e9b1e-0c08-4aff-90dd-9b1b18841fe5",
1296 |             "id": "ffmpeg_source",
1297 |             "versioned_id": "ffmpeg_source",
1298 |             "settings": {
1299 |                 "local_file": "/Users/math/Sites/darkwood/dj-stream/medias/world.mp4",
1300 |                 "looping": true
1301 |             },
1302 |             "mixers": 255,
1303 |             "sync": 0,
1304 |             "flags": 0,
1305 |             "volume": 1.0,
1306 |             "balance": 0.5,
1307 |             "enabled": true,
1308 |             "muted": true,
1309 |             "push-to-mute": false,
1310 |             "push-to-mute-delay": 0,
1311 |             "push-to-talk": false,
1312 |             "push-to-talk-delay": 0,
1313 |             "hotkeys": {
1314 |                 "libobs.mute": [],
1315 |                 "libobs.unmute": [],
1316 |                 "libobs.push-to-mute": [],
1317 |                 "libobs.push-to-talk": [],
1318 |                 "MediaSource.Restart": [],
1319 |                 "MediaSource.Play": [],
1320 |                 "MediaSource.Pause": [],
1321 |                 "MediaSource.Stop": []
1322 |             },
1323 |             "deinterlace_mode": 0,
1324 |             "deinterlace_field_order": 0,
1325 |             "monitoring_type": 0,
1326 |             "private_settings": {}
1327 |         },
1328 |         {
1329 |             "prev_ver": 503447554,
1330 |             "name": "Micro",
1331 |             "uuid": "9feeebf9-f542-4662-a92d-9589ee927594",
1332 |             "id": "coreaudio_input_capture",
1333 |             "versioned_id": "coreaudio_input_capture",
1334 |             "settings": {
1335 |                 "device_id": "BuiltInMicrophoneDevice"
1336 |             },
1337 |             "mixers": 255,
1338 |             "sync": 0,
1339 |             "flags": 0,
1340 |             "volume": 1.0,
1341 |             "balance": 0.5,
1342 |             "enabled": true,
1343 |             "muted": false,
1344 |             "push-to-mute": false,
1345 |             "push-to-mute-delay": 0,
1346 |             "push-to-talk": false,
1347 |             "push-to-talk-delay": 0,
1348 |             "hotkeys": {
1349 |                 "libobs.mute": [],
1350 |                 "libobs.unmute": [],
1351 |                 "libobs.push-to-mute": [],
1352 |                 "libobs.push-to-talk": []
1353 |             },
1354 |             "deinterlace_mode": 0,
1355 |             "deinterlace_field_order": 0,
1356 |             "monitoring_type": 0,
1357 |             "private_settings": {}
1358 |         },
1359 |         {
1360 |             "prev_ver": 503447554,
1361 |             "name": "Social Banner",
1362 |             "uuid": "59f3bd1e-2b67-4a45-bad9-21e86dfb55f1",
1363 |             "id": "browser_source",
1364 |             "versioned_id": "browser_source",
1365 |             "settings": {
1366 |                 "is_local_file": true,
1367 |                 "local_file": "/Users/math/Sites/darkwood/dj-stream/overlays/social/index.html",
1368 |                 "width": 988,
1369 |                 "height": 60,
1370 |                 "css": "body { background-color: #FFFFFF; margin: 0px auto; overflow: hidden; }"
1371 |             },
1372 |             "mixers": 255,
1373 |             "sync": 0,
1374 |             "flags": 0,
1375 |             "volume": 1.0,
1376 |             "balance": 0.5,
1377 |             "enabled": true,
1378 |             "muted": false,
1379 |             "push-to-mute": false,
1380 |             "push-to-mute-delay": 0,
1381 |             "push-to-talk": false,
1382 |             "push-to-talk-delay": 0,
1383 |             "hotkeys": {
1384 |                 "libobs.mute": [],
1385 |                 "libobs.unmute": [],
1386 |                 "libobs.push-to-mute": [],
1387 |                 "libobs.push-to-talk": [],
1388 |                 "ObsBrowser.Refresh": []
1389 |             },
1390 |             "deinterlace_mode": 0,
1391 |             "deinterlace_field_order": 0,
1392 |             "monitoring_type": 0,
1393 |             "private_settings": {}
1394 |         },
1395 |         {
1396 |             "prev_ver": 503447554,
1397 |             "name": "Video Capture Device",
1398 |             "uuid": "65dcb8e2-da43-4ecc-846c-a36621806428",
1399 |             "id": "av_capture_input",
1400 |             "versioned_id": "av_capture_input_v2",
1401 |             "settings": {
1402 |                 "device": "B4464F5E-28AB-4AFB-8B1F-A4B300000001",
1403 |                 "device_name": "iPhone de Mathieu Ledru Camera",
1404 |                 "preset": "AVCaptureSessionPresetHigh"
1405 |             },
1406 |             "mixers": 255,
1407 |             "sync": 0,
1408 |             "flags": 0,
1409 |             "volume": 1.0,
1410 |             "balance": 0.5,
1411 |             "enabled": true,
1412 |             "muted": false,
1413 |             "push-to-mute": false,
1414 |             "push-to-mute-delay": 0,
1415 |             "push-to-talk": false,
1416 |             "push-to-talk-delay": 0,
1417 |             "hotkeys": {
1418 |                 "libobs.mute": [],
1419 |                 "libobs.unmute": [],
1420 |                 "libobs.push-to-mute": [],
1421 |                 "libobs.push-to-talk": []
1422 |             },
1423 |             "deinterlace_mode": 0,
1424 |             "deinterlace_field_order": 0,
1425 |             "monitoring_type": 0,
1426 |             "private_settings": {}
1427 |         }
1428 |     ]
1429 | }


--------------------------------------------------------------------------------