/ options_menu.html
options_menu.html
1 <div id="scbtOptionsMenu" class="scbtOptionsMenu"> 2 <small><i>Disclaimer: This is not an official part of the streaming service, and any information, data, or exporting done from this extension are not legal representations of what has been said by people or how the service performs. This is to assist the streamer and viewer in using the service but not take the place of the service and what is on the service.</i></small> 3 <form name="scbtOptionsMenuForm" id="scbtOptionsMenuForm" class="scbtOptionsMenuForm"> 4 <h2>Options Menu</h2> 5 6 <p><small>Here is a setting you can try out to start. More stream settings are below inside the categories like Theme, Highlight....</small></p> 7 <div id="scbtfeature4Wrapper" class="form-check form-check-inline scbtfeature4Wrapper checkbox"> 8 <input type="checkbox" name="scbtfeature4" id="scbtfeature4" class="form-check-input scbtfeature4" aria-label="turn on auto-saving of chat."> 9 </div> 10 11 <label for="scbtfeature4" class="form-check-label">turn on auto-saving of chat on livestreams</label> 12 <p><small>you will turn on/off saving of live stream chat locally to your computer when the stream loads.</small></p> 13 14 <div id="scbtOptionsThemeTitle" class="scbt-options-title scbtOptionsThemeTitle">THEME</div> 15 <div id="scbtOptionsThemeWrapper" class="scbt-options-wrapper scbtOptionsThemeWrapper"> 16 <div id="scbttheme1Wrapper" class="form-check form-check-inline scbttheme1Wrapper"> 17 <input type="color" name="scbttheme1" id="scbttheme1" class="form-check-input scbttheme1" aria-label="background color: white (#fff) for no theme."> 18 <label for="scbttheme1" class="form-check-label">background color: pure white for no theme, pure black for transparent.</label> 19 <p> </p> 20 </div> 21 22 <div id="scbttheme2Wrapper" class="form-check form-check-inline scbttheme2Wrapper"> 23 <input type="color" name="scbttheme2" id="scbttheme2" class="form-check-input scbttheme2" aria-label="user name color: white (#fff) for no theme."> 24 <label for="scbttheme2" class="form-check-label">user name color: white (#fff) for no theme.</label> 25 <p> </p> 26 </div> 27 28 <div id="scbttheme3Wrapper" class="form-check form-check-inline scbttheme3Wrapper"> 29 <input type="color" name="scbttheme3" id="scbttheme3" class="form-check-input scbttheme3" aria-label="highlighted chat color: white (#fff) for no theme."> 30 <label for="scbttheme3" class="form-check-label">highlighted chat color: white (#fff) for no theme.</label> 31 <p> </p> 32 </div> 33 34 <div id="scbttheme4Wrapper" class="form-check form-check-inline scbttheme4Wrapper"> 35 <input type="color" name="scbttheme4" id="scbttheme4" class="form-check-input scbttheme4" aria-label="message color: white (#fff) for no theme."> 36 <label for="scbttheme4" class="form-check-label">message color: white (#fff) for no theme.</label> 37 <p> </p> 38 </div> 39 40 <div id="scbttheme5Wrapper" class="form-check form-check-inline scbttheme5Wrapper"> 41 <input type="number" name="scbttheme5" id="scbttheme5" min=".5" max="5" class="form-check-input scbttheme5" aria-label="font size (1.25,3,etc): 0 for no theme"> 42 <label for="scbttheme5" class="form-check-label">font size (1.25,3,etc): 0 for no theme.</label> 43 <p> </p> 44 </div> 45 46 <div id="scbttheme6Wrapper" class="form-check form-check-inline scbttheme6Wrapper checkbox"> 47 <input type="checkbox" name="scbttheme6" id="scbttheme6" class="form-check-input scbttheme6" aria-label="text only chat"> 48 <label for="scbttheme6" class="form-check-label">text only chat.</label> 49 <p> </p> 50 </div> 51 </div> 52 <hr /> 53 54 55 56 <div id="scbtOptionsHighlightTitle" class="scbt-options-title scbtOptionsHighlightTitle">HIGHLIGHT</div> 57 <div id="scbtOptionsHighlightWrapper" class="scbt-options-wrapper scbtOptionsHighlightWrapper"> 58 <div id="scbthighlighted1Wrapper" class="form-check form-check-inline scbthighlighted1Wrapper"> 59 <input type="color" name="scbthighlighted1" id="scbthighlighted1" class="form-check-input scbthighlighted1" aria-label="highlight sub messages color: white (#fff) for no theme."> 60 <label for="scbthighlighted1" class="form-check-label">highlight sub messages color: white (#fff) for no theme.</label> 61 <p> </p> 62 </div> 63 64 <div id="scbthighlighted2Wrapper" class="form-check form-check-inline scbthighlighted2Wrapper"> 65 <input type="color" name="scbthighlighted2" id="scbthighlighted2" class="form-check-input scbthighlighted2" aria-label="highlight moderator messages color: white (#fff) for no theme."> 66 <label for="scbthighlighted2" class="form-check-label">highlight moderator messages color: white (#fff) for no theme.</label> 67 <p> </p> 68 </div> 69 70 <div id="scbthighlighted3Wrapper" class="form-check form-check-inline scbthighlighted3Wrapper"> 71 <input type="color" name="scbthighlighted3" id="scbthighlighted3" class="form-check-input scbthighlighted3" aria-label="highlight @ mention messages color: white (#fff) for no theme."> 72 <label for="scbthighlighted3" class="form-check-label">highlight @ mention messages color: white (#fff) for no theme.</label> 73 <p> </p> 74 </div> 75 76 <div id="scbthighlighted4Wrapper" class="form-check form-check-inline scbthighlighted4Wrapper"> 77 <input type="color" name="scbthighlighted4" id="scbthighlighted4" class="form-check-input scbthighlighted4" aria-label="highlight hashtag messages color: white (#fff) for no theme."> 78 <label for="scbthighlighted4" class="form-check-label">highlight hashtag messages color: white (#fff) for no theme.</label> 79 <p> </p> 80 </div> 81 82 <div id="scbthighlighted5Wrapper" class="form-check form-check-inline scbthighlighted5Wrapper"> 83 <input type="color" name="scbthighlighted5" id="scbthighlighted5" class="form-check-input scbthighlighted5" aria-label="highlight VIP messages color: white (#fff) for no theme."> 84 <label for="scbthighlighted5" class="form-check-label">highlight VIP messages color: white (#fff) for no theme.</label> 85 <p> </p> 86 </div> 87 88 <div id="scbthighlighted6Wrapper" class="form-check form-check-inline scbthighlighted6Wrapper"> 89 <input type="text" name="scbthighlighted6" id="scbthighlighted6" class="form-check-input scbthighlighted6" aria-label="personal VIP List. highlight messages from these usernames. comma separated list. example: ProGamer17,QueenB"> 90 <label for="scbthighlighted6" class="form-check-label">personal VIP List. highlight messages from these usernames. comma separated list. example: ProGamer17,QueenB</label> 91 <p> </p> 92 </div> 93 <div id="scbthighlighted7Wrapper" class="form-check form-check-inline scbthighlighted7Wrapper"> 94 <input type="text" name="scbthighlighted7" id="scbthighlighted7" class="form-check-input scbthighlighted7" aria-label="highlight these words in chat. comma separated list. example: fun,happy"> 95 <label for="scbthighlighted7" class="form-check-label">highlight these words in chat. comma separated list. example: fun,happy</label> 96 <p> </p> 97 </div> 98 99 <div id="scbthighlighted8Wrapper" class="form-check form-check-inline scbthighlighted8Wrapper"> 100 <input type="color" name="scbthighlighted8" id="scbthighlighted8" class="form-check-input scbthighlighted8" aria-label="highlight founder messages color: white (#fff) for no theme."> 101 <label for="scbthighlighted8" class="form-check-label">highlight founder messages color: white (#fff) for no theme.</label> 102 <p> </p> 103 </div> 104 105 <div id="scbthighlighted9Wrapper" class="form-check form-check-inline scbthighlighted9Wrapper"> 106 <input type="color" name="scbthighlighted9" id="scbthighlighted9" class="form-check-input scbthighlighted9" aria-label="highlight og messages color: white (#fff) for no theme."> 107 <label for="scbthighlighted9" class="form-check-label">highlight OG messages color: white (#fff) for no theme.</label> 108 <p> </p> 109 </div> 110 111 <div id="scbthighlighted10Wrapper" class="form-check form-check-inline scbthighlighted10Wrapper"> 112 <input type="color" name="scbthighlighted10" id="scbthighlighted10" class="form-check-input scbthighlighted10" aria-label="highlight owner/streamer messages color: white (#fff) for no theme."> 113 <label for="scbthighlighted10" class="form-check-label">highlight owner/streamer messages color: white (#fff) for no theme.</label> 114 <p> </p> 115 </div> 116 117 <div id="scbthighlighted11Wrapper" class="form-check form-check-inline scbthighlighted11Wrapper"> 118 <input type="color" name="scbthighlighted11" id="scbthighlighted11" class="form-check-input scbthighlighted11" aria-label="highlight gifter messages color: white (#fff) for no theme."> 119 <label for="scbthighlighted11" class="form-check-label">highlight gifter messages color: white (#fff) for no theme.</label> 120 <p> </p> 121 </div> 122 123 </div> 124 <hr /> 125 126 127 128 <div id="scbtOptionsMuteTitle" class="scbt-options-title scbtOptionsMuteTitle">MUTE/DIM</div> 129 <div id="scbtOptionsMuteWrapper" class="scbt-options-wrapper scbtOptionsMuteWrapper"> 130 <div id="scbtmuted1Wrapper" class="form-check form-check-inline scbtmuted1Wrapper checkbox"> 131 <input type="checkbox" name="scbtmuted1" id="scbtmuted1" class="form-check-input scbtmuted1" aria-label="mute non moderator/sub messages in chat."> 132 <label for="scbtmuted1" class="form-check-label">mute non moderator/sub messages in chat.</label> 133 <p> </p> 134 </div> 135 <div id="scbtmuted2Wrapper" class="form-check form-check-inline scbtmuted2Wrapper checkbox"> 136 <input type="checkbox" name="scbtmuted2" id="scbtmuted2" class="form-check-input scbtmuted2" aria-label="mute owner/streamer messages in chat."> 137 <label for="scbtmuted2" class="form-check-label">mute owner/streamer messages in chat.</label> 138 <p> </p> 139 </div> 140 <div id="scbtmuted3Wrapper" class="form-check form-check-inline scbtmuted3Wrapper checkbox"> 141 <input type="checkbox" name="scbtmuted3" id="scbtmuted3" class="form-check-input scbtmuted3" aria-label="mute @ mention messages in chat."> 142 <label for="scbtmuted3" class="form-check-label">mute @ mention messages in chat.</label> 143 <p> </p> 144 </div> 145 <div id="scbtmuted4Wrapper" class="form-check form-check-inline scbtmuted4Wrapper checkbox"> 146 <input type="checkbox" name="scbtmuted4" id="scbtmuted4" class="form-check-input scbtmuted4" aria-label="mute bot message/commands in chat."> 147 <label for="scbtmuted4" class="form-check-label">mute bot messages/commands in chat.</label> 148 <p> </p> 149 </div> 150 <div id="scbtmuted5Wrapper" class="form-check form-check-inline scbtmuted5Wrapper checkbox"> 151 <input type="checkbox" name="scbtmuted5" id="scbtmuted5" class="form-check-input scbtmuted5" aria-label="mute follow alert messages in chat."> 152 <label for="scbtmuted5" class="form-check-label">mute follow alert messages in chat.</label> 153 <p> </p> 154 </div> 155 <div id="scbtmuted6Wrapper" class="form-check form-check-inline scbtmuted6Wrapper checkbox"> 156 <input type="checkbox" name="scbtmuted6" id="scbtmuted6" class="form-check-input scbtmuted6" aria-label="mute subscribe alert messages in chat."> 157 <label for="scbtmuted6" class="form-check-label">mute subscribe alert messages in chat.</label> 158 <p> </p> 159 </div> 160 </div> 161 <hr /> 162 163 164 165 <div id="scbtOptionsHideTitle" class="scbt-options-title scbtOptionsHideTitle">HIDE</div> 166 <div id="scbtOptionsHideWrapper" class="scbt-options-wrapper scbtOptionsHideWrapper"> 167 <div id="scbthidden1Wrapper" class="form-check form-check-inline scbthidden1Wrapper checkbox"> 168 <input type="checkbox" name="scbthidden1" id="scbthidden1" class="form-check-input scbthidden1" aria-label="hide non moderator/sub messages in chat."> 169 <label for="scbthidden1" class="form-check-label">hide non moderator/sub messages in chat.</label> 170 <p> </p> 171 </div> 172 <div id="scbthidden2Wrapper" class="form-check form-check-inline scbthidden2Wrapper checkbox"> 173 <input type="checkbox" name="scbthidden2" id="scbthidden2" class="form-check-input scbthidden2" aria-label="hide owner/streamer messages in chat."> 174 <label for="scbthidden2" class="form-check-label">hide owner/streamer messages in chat.</label> 175 <p> </p> 176 </div> 177 <div id="scbthidden3Wrapper" class="form-check form-check-inline scbthidden3Wrapper checkbox"> 178 <input type="checkbox" name="scbthidden3" id="scbthidden3" class="form-check-input scbthidden3" aria-label="hide @ mention messages in chat."> 179 <label for="scbthidden3" class="form-check-label">hide @ mention messages in chat.</label> 180 <p> </p> 181 </div> 182 <div id="scbthidden4Wrapper" class="form-check form-check-inline scbthidden4Wrapper checkbox"> 183 <input type="checkbox" name="scbthidden4" id="scbthidden4" class="form-check-input scbthidden4" aria-label="hide bot/command messages in chat."> 184 <label for="scbthidden4" class="form-check-label">hide bot/command messages in chat</label> 185 <p> </p> 186 </div> 187 <div id="scbthidden5Wrapper" class="form-check form-check-inline scbthidden5Wrapper checkbox"> 188 <input type="checkbox" name="scbthidden5" id="scbthidden5" class="form-check-input scbthidden5" aria-label="hide follow alert messages in chat."> 189 <label for="scbthidden5" class="form-check-label">hide follow alert messages in chat.</label> 190 <p> </p> 191 </div> 192 <div id="scbthidden6Wrapper" class="form-check form-check-inline scbthidden6Wrapper checkbox"> 193 <input type="checkbox" name="scbthidden6" id="scbthidden6" class="form-check-input scbthidden6" aria-label="hide subscribe alert messages in chat."> 194 <label for="scbthidden6" class="form-check-label">hide subscribe alert messages in chat.</label> 195 <p> </p> 196 </div> 197 <div id="scbthidden7Wrapper" class="form-check form-check-inline scbthidden7Wrapper"> 198 <input type="text" name="scbthidden7" id="scbthidden7" class="form-check-input scbthidden7" aria-label="hide these words in chat. comma separated list. example: rat,mouse,vermin"> 199 <label for="scbthidden7" class="form-check-label">hide these words in chat. comma separated list. example: rat,mouse,vermin</label> 200 <p> </p> 201 </div> 202 <div id="scbthidden8Wrapper" class="form-check form-check-inline scbthidden8Wrapper"> 203 <input type="text" name="scbthidden8" id="scbthidden8" class="form-check-input scbthidden8" aria-label="hide chats from these usernames in chat. comma separated list. example: ProGamer17,QueenB"> 204 <label for="scbthidden8" class="form-check-label">hide chats from these usernames in chat. comma separated list. example: ProGamer17,QueenB</label> 205 <p> </p> 206 </div> 207 <div id="scbthidden9Wrapper" class="form-check form-check-inline scbthidden9Wrapper checkbox"> 208 <input type="checkbox" name="scbthidden9" id="scbthidden9" class="form-check-input scbthidden9" aria-label="hide website links in chat."> 209 <label for="scbthidden9" class="form-check-label">hide website links in chat.</label> 210 <p> </p> 211 </div> 212 <div id="scbtchatfilter10Wrapper" class="form-check form-check-inline scbtchatfilter10Wrapper checkbox"> 213 <input type="checkbox" name="scbthidden10" id="scbthidden10" class="form-check-input scbthidden10" aria-label="hide usernames on screen chat."> 214 <label for="scbthidden10" class="form-check-label">hide usernames on on-screen chat.</label> 215 <p> </p> 216 </div> 217 218 <div id="scbthidden11Wrapper" class="form-check form-check-inline scbthidden11Wrapper checkbox"> 219 <input type="checkbox" name="scbthidden11" id="scbthidden11" class="form-check-input scbthidden11" aria-label="hide sexual or body words in chat."> 220 <label for="scbthidden11" class="form-check-label">hide USA English considered sexual or body words in chat.<br></label> 221 <p> </p> 222 </div> 223 224 <div id="scbthidden12Wrapper" class="form-check form-check-inline scbthidden12Wrapper checkbox"> 225 <input type="checkbox" name="scbthidden12" id="scbthidden12" class="form-check-input scbthidden12" aria-label="hide profanity in chat."> 226 <label for="scbthidden12" class="form-check-label">hide USA English considered profanity in chat.</label> 227 <p> </p> 228 </div> 229 230 <div id="scbthidden13Wrapper" class="form-check form-check-inline scbthidden13Wrapper checkbox"> 231 <input type="checkbox" name="scbthidden13" id="scbthidden13" class="form-check-input scbthidden13" aria-label="hide USA political words in chat."> 232 <label for="scbthidden13" class="form-check-label">hide USA English considered political words in chat.</label> 233 <p> </p> 234 </div> 235 236 <div id="scbthidden14Wrapper" class="form-check form-check-inline scbthidden14Wrapper checkbox"> 237 <input type="checkbox" name="scbthidden14" id="scbthidden14" class="form-check-input scbthidden14" aria-label="hide negative words in chat."> 238 <label for="scbthidden14" class="form-check-label">hide USA English considered negative words in chat.</label> 239 <p> </p> 240 </div> 241 242 <hr /> 243 244 <div class="scbtParentalWrapper" id="scbtParentalWrapper"> 245 <h3>Parental Mode Options</h3> 246 <h5>Do you NOT want to see certain potentially 18+ adult content on Kick on this device? Take a look at these options below: </h5> 247 <h5>You are making these decisions personally for yourself, this is not an editorial decision by this extension or Kick.</h5> 248 249 <div id="scbthidden22Wrapper" class="form-check form-check-inline scbthidden22Wrapper checkbox" > 250 <input type="checkbox" name="scbthidden22" id="scbthidden22" class="form-check-input scbthidden22" aria-label="hide 18+ category"> 251 <label for="scbthidden22" class="form-check-label">hide marked 18+ tag videos</label> 252 <p> </p> 253 </div> 254 255 <div id="scbthidden15Wrapper" class="form-check form-check-inline scbthidden15Wrapper checkbox"> 256 <input type="checkbox" name="scbthidden15" id="scbthidden15" class="form-check-input scbthidden15" aria-label="hide other tv shows movies category"> 257 <label for="scbthidden15" class="form-check-label">hide other-tv-shows-movies category</label> 258 <p> </p> 259 </div> 260 261 <div id="scbthidden16Wrapper" class="form-check form-check-inline scbthidden16Wrapper checkbox"> 262 <input type="checkbox" name="scbthidden16" id="scbthidden16" class="form-check-input scbthidden16" aria-label="hide just sleeping category"> 263 <label for="scbthidden16" class="form-check-label">hide just-sleeping category</label> 264 <p> </p> 265 </div> 266 267 <div id="scbthidden17Wrapper" class="form-check form-check-inline scbthidden17Wrapper checkbox"> 268 <input type="checkbox" name="scbthidden17" id="scbthidden17" class="form-check-input scbthidden17" aria-label="hide asmr category"> 269 <label for="scbthidden17" class="form-check-label">hide asmr category</label> 270 <p> </p> 271 </div> 272 273 <div id="scbthidden18Wrapper" class="form-check form-check-inline scbthidden18Wrapper checkbox"> 274 <input type="checkbox" name="scbthidden18" id="scbthidden18" class="form-check-input scbthidden18" aria-label="hide body art category"> 275 <label for="scbthidden18" class="form-check-label">hide body-art category</label> 276 <p> </p> 277 </div> 278 279 <div id="scbthidden19Wrapper" class="form-check form-check-inline scbthidden19Wrapper checkbox"> 280 <input type="checkbox" name="scbthidden19" id="scbthidden19" class="form-check-input scbthidden19" aria-label="hide gambling category"> 281 <label for="scbthidden19" class="form-check-label">hide gambling category</label> 282 <p> </p> 283 </div> 284 285 <div id="scbthidden20Wrapper" class="form-check form-check-inline scbthidden20Wrapper checkbox"> 286 <input type="checkbox" name="scbthidden20" id="scbthidden20" class="form-check-input scbthidden20" aria-label="hide pools hot tubs bikinis category"> 287 <label for="scbthidden20" class="form-check-label">hide pools-hot-tubs-bikinis category</label> 288 <p> </p> 289 </div> 290 291 <div id="scbthidden21Wrapper" class="form-check form-check-inline scbthidden21Wrapper checkbox"> 292 <input type="checkbox" name="scbthidden21" id="scbthidden21" class="form-check-input scbthidden21" aria-label="hide just chatting category"> 293 <label for="scbthidden21" class="form-check-label">hide just-chatting category</label> 294 <p> </p> 295 </div> 296 </div> 297 298 299 </div> 300 <hr /> 301 302 303 304 <div id="scbtOptionsFeaturesTitle" class="scbt-options-title scbtOptionsFeaturesTitle">FEATURES</div> 305 <div id="scbtOptionsFeaturesWrapper" class="scbt-options-wrapper scbtOptionsFeaturesWrapper"> 306 <div id="scbtfeature1Wrapper" class="form-check form-check-inline scbtfeature1Wrapper checkbox"> 307 <input type="checkbox" name="scbtfeature1" id="scbtfeature1" class="form-check-input scbtfeature1" aria-label="turn on basic keybinds for chat commands."> 308 <label for="scbtfeature1" class="form-check-label">turn on basic keybinds for chat commands.</label> 309 <p><small>you will turn on/off the following keybinds with the toggle above</small></p> 310 <p><small>Alt+1 = show/hide live stream chat</small></p> 311 <p><small>Alt+2 = show/hide recorded live stream chat</small></p> 312 <p><small>Alt+3 = search this live stream chat</small></p> 313 <p><small>Alt+4 = search all recorded live stream chat</small></p> 314 <p><small>change browser keybinds at chrome://extensions/shortcuts</small></p> 315 <p> </p> 316 </div> 317 <div id="scbtfeature2Wrapper" class="form-check form-check-inline scbtfeature2Wrapper checkbox"> 318 <input type="checkbox" name="scbtfeature2" id="scbtfeature2" class="form-check-input scbtfeature2" aria-label="turn on full keybinds for chat commands."> 319 <label for="scbtfeature2" class="form-check-label">turn on full keybinds for chat commands.</label> 320 <p><small>you will turn on/off ALT+alphabet-letter keybinds with the toggle above</small></p> 321 <p> </p> 322 </div> 323 <div id="scbtfeature3Wrapper" class="form-check form-check-inline scbtfeature3Wrapper checkbox"> 324 <input type="checkbox" name="scbtfeature3" id="scbtfeature3" class="form-check-input scbtfeature3" aria-label="turn on voice commands"> 325 <label for="scbtfeature3" class="form-check-label">turn on voice commands</label> 326 <p><small>inspired by Batman The Animated Series...</small></p> 327 <p><small>after turning on voice commands above, refresh your browser. Then, you may use voice commands for controlling chat if you wish.</small></p> 328 <p><small>to use voice commands, it is highly recommended to have only 1 stream or video tab (yours) open in this browser to avoid noise pollution of speech recognition. This feature is only tested working in Google Chrome browser.</small></p> 329 <p><small>you will turn on/off the following voice commands with the toggle above</small></p> 330 <p><small>computer toggle chat</small></p> 331 <p><small>computer search chat</small></p> 332 <p><small>computer search all chat</small></p> 333 <p><small>computer chat top</small></p> 334 <p><small>computer chat bottom</small></p> 335 <p> </p> 336 </div> 337 338 <div id="scbtfeature5Wrapper" class="form-check form-check-inline scbtfeature5Wrapper checkbox"> 339 <input type="checkbox" name="scbtfeature5" id="scbtfeature5" class="form-check-input scbtfeature5" aria-label="you will turn on/off showing of chat over the video when the stream loads."> 340 <label for="scbtfeature5" class="form-check-label">turn on auto-showing of chat on screen.</label> 341 <p><small>you will turn on/off showing of chat over the video when the stream loads.</small></p> 342 <p> </p> 343 </div> 344 345 <div id="scbtfeature7Wrapper" class="form-check form-check-inline scbtfeature7Wrapper checkbox"> 346 <input type="checkbox" name="scbtfeature7" id="scbtfeature7" class="form-check-input scbtfeature7" aria-label="left handed chat: video is on the right and chat is on the left."> 347 <label for="scbtfeature7" class="form-check-label">left handed chat: video is on the right and chat is on the left.</label> 348 <p> </p> 349 </div> 350 <div id="scbtfeature8Wrapper" class="form-check form-check-inline scbtfeature8Wrapper checkbox"> 351 <input type="checkbox" name="scbtfeature8" id="scbtfeature8" class="form-check-input scbtfeature8" aria-label="upside down chat: newest chat appears on the top and oldest chat is on the bottom."> 352 <label for="scbtfeature8" class="form-check-label">upside down chat: newest chat appears on the top and oldest chat is on the bottom.</label> 353 <p> </p> 354 </div> 355 <div id="scbtfeature9Wrapper" class="form-check form-check-inline scbtfeature9Wrapper checkbox"> 356 <input type="checkbox" name="scbtfeature9" id="scbtfeature9" class="form-check-input scbtfeature9" aria-label="mouseover enlarge chat font size."> 357 <label for="scbtfeature9" class="form-check-label">mouseover enlarge chat font size.</label> 358 <p> </p> 359 </div> 360 <div id="scbtfeature10Wrapper" class="form-check form-check-inline scbtfeature10Wrapper checkbox"> 361 <input type="checkbox" name="scbtfeature10" id="scbtfeature10" class="form-check-input scbtfeature10" aria-label="turn on press @ in chat to bring up a mention menu."> 362 <label for="scbtfeature10" class="form-check-label">turn on press @ in chat to bring up a mention menu.</label> 363 <p> </p> 364 </div> 365 <div id="scbtfeature11Wrapper" class="form-check form-check-inline scbtfeature11Wrapper checkbox"> 366 <input type="checkbox" name="scbtfeature11" id="scbtfeature11" class="form-check-input scbtfeature11" aria-label="press on chat messages to mention that user in chat." > 367 <label for="scbtfeature11" class="form-check-label">press on chat messages to mention that user in chat.</label> 368 <p> </p> 369 </div> 370 <div id="scbtfeature12Wrapper" class="form-check form-check-inline scbtfeature12Wrapper"> 371 <input type="text" name="scbtfeature12" id="scbtfeature12" class="form-check-input scbtfeature12" aria-label="speak out loud chat messages with these words in them (Google Chrome only)." > 372 <label for="scbtfeature12" class="form-check-label">speak out loud chat messages with these words in them (Google Chrome only).</label> 373 <p> </p> 374 </div> 375 376 <hr /> 377 <h3>Multi-Stream Chat Replay</h3> 378 <h5>Paid Options You May Have <a href="https://www.archyved.com/multi-stream-chat-replay/">Purchased</a>: </h5> 379 <div id="scbtfeature6Wrapper" class="form-check form-check-inline scbtfeature6Wrapper"> 380 <select id="scbtfeature6" class="form-check-input scbtfeature6"> 381 <option value="">Choose a server to load from</option> 382 <option value="1">Server 1</option> 383 <option value="2">Server 2</option> 384 </select> 385 <p> </p> 386 </div> 387 388 <div id="scbtfeature13Wrapper" class="form-check form-check-inline scbtfeature13Wrapper"> 389 <input type="text" name="scbtfeature13" id="scbtfeature13" class="form-check-input scbtfeature13" aria-label="Multi-Stream Chat Replay Account ID" > 390 <label for="scbtfeature13" class="form-check-label">Account ID</label> 391 <p> </p> 392 </div> 393 394 <div id="scbtfeature14Wrapper" class="form-check form-check-inline scbtfeature14Wrapper"> 395 <input type="text" name="scbtfeature14" id="scbtfeature14" class="form-check-input scbtfeature14" aria-label="Multi-Stream Chat Replay Account Key ID" > 396 <label for="scbtfeature14" class="form-check-label">Account Key ID</label> 397 <p> </p> 398 </div> 399 400 <a href="#" id="scbtMultiStreamChatReplayLink" class="scbtMultiStreamChatReplayLink" title="Your Multi-Stream Chat Replay Admin Link"></a> 401 </div> 402 <hr /> 403 404 405 <div id="scbtOptionsSavedTitle" class="scbt-options-title scbtOptionsSavedTitle">SAVED CHATS</div> 406 <div id="scbtOptionsSavedWrapper" class="scbt-options-wrapper scbtOptionsSavedWrapper"> 407 408 <small>These chats are saved to this device: </small><br /> 409 <small>Key: </small><br /> 410 <small>Go to streamer on streaming service </small><br /> 411 <small>Load chat from this stream to read</small><br /> 412 <small>Export chat to this device</small><br /> 413 <small>Delete chat from this device</small><br /> 414 <small>Connect chat to this video </small><br /> 415 416 <button id="scbtSortByServiceID" title="Sort Saved Chats by Stream Platform" class="round-button bg-green button ibtYyW wgheP scbtSortByServiceID">Srv ⬇️</button> 417 <button id="scbtSortByChannelID" title="Sort Saved Chats by Alphabetical" class="round-button bg-green button ibtYyW wgheP scbtSortByChannelID">Strmr ⬇️</button> 418 <button id="scbtSortByVideoID" title="Sort Saved Chats by Stream Title" class="round-button bg-green button ibtYyW wgheP scbtSortByVideoID">Title ⬇️</button> 419 <button id="scbtSortByChan" title="Sort Saved Chats by This Channel First" class="round-button bg-green button ibtYyW wgheP scbtSortByChan">Chan ⬇️</button> 420 <div id="scbtChatPreviousContent" class="form-check-inline scbtChatPreviousContent"></div> 421 </div> 422 <hr /> 423 424 425 <div id="scbtOptionsImportTitle" class="scbt-options-title scbtOptionsImportTitle">IMPORT CHATS</div> 426 <div id="scbtOptionsImportWrapper" class="scbt-options-wrapper scbtOptionsImportWrapper"> 427 <p> </p> 428 <label for="scbtChatLog">upload chat log CSV file from stream</label> 429 <input type="file" id="scbtChatLog" class="scbtChatLog" accept=".csv" /> 430 <p> </p> 431 <hr> 432 </div> 433 <hr /> 434 435 </form> 436 <hr> 437 </div>