/ odyseebuddy / index_old.html
index_old.html
1 <!DOCTYPE html> 2 <html class="no-js h-100" lang="en"> 3 <head> 4 5 <meta charset="utf-8"> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>OdyseeBuddy - browser extension for Odysee livestreams to level up your chatting experience</title> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <meta http-equiv="x-ua-compatible" content="ie=edge"> 10 <meta name="apple-mobile-web-app-capable" content="yes"> 11 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 12 <meta name="HandheldFriendly" content="True"> 13 <meta name="MobileOptimized" content="320"> 14 <meta http-equiv="cleartype" content="on"> 15 <meta name="author" content="biolithic"> 16 <meta name="copyright" content="biolithic 2023"> 17 18 <meta name="apple-mobile-web-app-title" content="OdyseeBuddyTV - browser extension for Odysee livestreams to level up your chatting experience"> 19 <meta name="application-name" content="OdyseeBuddyTV - browser extension for Odysee livestreams to level up your chatting experience"> 20 <meta name="description" content="OdyseeBuddyTV - browser extension for Odysee livestreams to level up your chatting experience"> 21 <meta property="og:title" content="OdyseeBuddyTV - browser extension for Odysee livestreams to level up your chatting experience" /> 22 <meta property="og:description" content="OdyseeBuddyTV - browser extension for Odysee livestreams to level up your chatting experience" /> 23 <meta property="og:site_name" content="OdyseeBuddyTV - browser extension for Odysee livestreams to level up your chatting experience" /> 24 <meta property="twitter:title" content="OdyseeBuddyTV - browser extension for Odysee livestreams to level up your chatting experience" /> 25 <meta property="twitter:description" content="OdyseeBuddyTV - browser extension for Odysee livestreams to level up your chatting experience" /> 26 <meta name="twitter:image:alt" content="OdyseeBuddyTV - browser extension for Odysee livestreams to level up your chatting experience"> 27 28 <meta name="twitter:creator" content="@biolithic"> 29 <meta name="twitter:card" content="summary_large_image"> 30 31 <meta property="og:url" content="https://biolithic.github.io/odyseebuddy"> 32 <link rel="canonical" href="https://biolithic.github.io/odyseebuddy"> 33 34 <meta name="msapplication-TileColor" content="#ffffff"> 35 <meta name="theme-color" content="#ffffff"> 36 <link href="https://www.streameranalytics.com/safari-pinned-tab.svg" rel="mask-icon" color="#ffffff"> 37 38 <link href="https://www.streameranalytics.com/icon.png" rel="icon" type="image/png"> 39 <link href="https://www.streameranalytics.com/icon.svg" rel="icon" type="image/svg+xml"> 40 <link href="https://www.streameranalytics.com/favicon.ico" rel="icon" sizes="48x48" > 41 <link href="https://www.streameranalytics.com/favicon.svg" rel="icon" sizes="any" type="image/svg+xml"> 42 <link href="https://www.streameranalytics.com/apple-touch-icon.png" rel="apple-touch-icon" /> 43 <meta content="https://www.streameranalytics.com/apple-touch-icon.png" property="og:image" /> 44 <meta content="https://www.streameranalytics.com/apple-touch-icon.png" property="twitter:image" /> 45 <link href="https://biolithic.github.io/site.webmanifest" rel="manifest" /> 46 <script>window.addEventListener('error', function(error) { console.log(error); });</script> 47 48 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic"> 49 <style> 50 body { 51 background: #000; 52 } 53 .content { 54 background: #fff; 55 } 56 57 nav { 58 background: #000; 59 } 60 61 nav .brand, nav .menu a.pseudo.button { 62 color: #555; 63 } 64 65 .splash { 66 height: 100vh; 67 width: 100%; 68 background-color: #000; 69 background: url(background.jpg); 70 text-align: center; 71 color: #ff0000; 72 padding-top: 4rem; 73 background-origin: content-box; 74 background-position: center; 75 background-repeat: no-repeat; 76 background-size: cover; 77 } 78 79 .splash button.success, .button { 80 background: #ff0000; 81 } 82 83 .content { 84 padding-left: 0.5rem; 85 padding-right: 0.5rem; 86 } 87 88 body .row img.example { 89 max-width: 300px; 90 margin: 0 auto; 91 } 92 93 figcaption { 94 text-align: center; 95 } 96 97 @media all and (max-width: 600px) { 98 html, body, main { 99 height: auto; 100 padding: 0; 101 } 102 103 nav { 104 display: none; 105 } 106 107 div.splash { 108 padding-top: 0; 109 } 110 111 footer.footer { 112 position: relative; 113 bottom: auto; 114 height: auto; 115 } 116 } 117 118 :root { 119 --footer-background-color: silver; 120 --footer-text-color: #111; 121 --footer-link-color: #ff0000; 122 --footer-text-size: .6rem; 123 } 124 125 footer.footer a { 126 text-shadow: 1px 1px black; 127 } 128 129 footer.footer { 130 background-color: var(--footer-background-color); 131 color: var(--footer-text-color); 132 font-size: var(--footer-text-size); 133 } 134 135 footer.footer a { 136 color: var(--footer-link-color); 137 } 138 139 footer.footer a.icon, footer.footer a.icon img { 140 display: inline-block; 141 height: 1.5rem; 142 width: 1.5rem; 143 max-width: -webkit-fill-available; 144 } 145 146 #contactLinks, 147 #contactIcons, 148 #contactCopyright, 149 #contactTOS, 150 #contactDisclaimer { 151 display: inline-block; 152 } 153 154 @media all and (max-width: 768px) { 155 footer.footer a.icon, footer.footer a.icon img { 156 height: 2.5rem; 157 width: 2.5rem; 158 } 159 160 #contactLinks, 161 #contactIcons, 162 #contactCopyright, 163 #contactTOS, 164 #contactDisclaimer { 165 display: block; 166 padding-top: 1.5rem; 167 } 168 } 169 </style> 170 </head> 171 <body> 172 173 <nav> 174 <a href="/" class="brand"><span>OdyseeBuddyTV</span></a><input id="bmenu" type="checkbox" class="show"><label for="bmenu" class="burger toggle pseudo button">menu</label> 175 <div class="menu"><a href="#contact" class="button icon-file-code">Contact Us</a></div> 176 </nav> 177 178 <main class="intro test"> 179 180 <div class="splash"> 181 <h1>OdyseeBuddyTV</h1> 182 <h3>Browser Extension for Odysee Livestream Chats</h3> 183 <h3>Fun chat ideas with rizz</h3> 184 <a class="button" href="https://www.streameranalytics.com/odyseebuddy200.zip">Download V.2.0.0 9/2/2023</a> 185 </div> 186 187 <div class="content"> 188 189 <div> 190 <div class="tabs six"> 191 192 <input id="tabA-1" type="radio" name="tabgroupA" checked /> 193 <label class="button toggle" for="tabA-1">Hello</label> 194 <input id="tabA-2" type="radio" name="tabgroupA" /> 195 <label class="button toggle" for="tabA-2">Install/Support</label> 196 <input id="tabA-3" type="radio" name="tabgroupA" /> 197 <label class="button toggle" for="tabA-3">Streams</label> 198 <input id="tabA-4" type="radio" name="tabgroupA" /> 199 <label class="button toggle" for="tabA-4">Advanced Usage</label> 200 <input id="tabA-5" type="radio" name="tabgroupA" /> 201 <label class="button toggle" for="tabA-5">Screenshots/Videos</label> 202 <input id="tabA-6" type="radio" name="tabgroupA" /> 203 <label class="button toggle" for="tabA-6">VODs/Vids</label> 204 205 <div class="row"> 206 207 <div class="tab"> 208 <div> 209 <h2>Welcome to the OdyseeBuddyTV browser extension documentation. <br /> 210 Talk to us in person about using this at <a href="https://www.twitchcon.com/en/las-vegas-2023/" title="Link to TwitchCon 2023 official information">TwitchCon Vegas in October 2023.</a><br /> 211 Press a tab above to learn more. <br /> 212 We suggest beginners start with Install/Support tab and continue to the right. 213 </h2> 214 215 <p>The features you have been waiting for in Odysee.com streams! Highlights, theming, chat logs, configurable chat filters, and more!</p> 216 217 <div class="flex two four-500 six-800 demo"> 218 <div class="full half-500 third-800"> 219 <article class="card"> 220 <header> 221 <h3>3 Reasons to Use Mobile</h3> 222 </header> 223 <section> 224 <ol> 225 <li>Easy chat filters and mutes to keep up</li> 226 <li>Tap chat message to reply</li> 227 <li>Themeable chat for visibility</li> 228 </ol> 229 </section> 230 <footer> 231 </footer> 232 </article> 233 </div> 234 235 <div class="full half-500 third-800"> 236 <article class="card"> 237 <header> 238 <h3>3 Reasons to Use PC</h3> 239 </header> 240 <section> 241 <ol> 242 <li>Chat logs and replay to save and export</li> 243 <li>Searchable, customizable chat</li> 244 <li>Stream Event menu for keeping track of clips, subs, raids, hosts, staff</li> 245 </ol> 246 </section> 247 <footer> 248 </footer> 249 </article> 250 </div> 251 252 <div class="full half-500 third-800"> 253 <article class="card"> 254 <header> 255 <h3>3 Reasons to Use</h3> 256 </header> 257 <section> 258 <ol> 259 <li>customizable blocked word lists</li> 260 <li>customizable personal highlight user or word lists</li> 261 <li>keybinds for chat features like full screen or chat on screen</li> 262 </ol> 263 </section> 264 <footer> 265 </footer> 266 </article> 267 </div> 268 </div> 269 270 271 <figure> 272 <img src="desktop.png" class="example" alt="What this looks like on a Odysee live stream" /> 273 <figcaption>What this looks like on a Odysee live stream on a PC 8/23 in an unreleased version in testing to be released in 9/23. <br />We are not associated with this channel, this is a typical example video on Odysee. <br /> Thank you to AVGN and check them out if you like this. </figcaption> 274 </figure> 275 <hr /> 276 277 <figure> 278 <img src="desktop-options.png" class="example" alt="What this looks like on a Odysee live stream" /> 279 <figcaption>What this looks like on a Odysee live stream on a PC 8/23 in an unreleased version in testing to be released in 9/23. <br />We are not associated with this channel, this is a typical example stream on Odysee. <br /> Thank you to TempleOS Archive and check them out if you like this. </figcaption> 280 </figure> 281 <hr /> 282 283 <figure> 284 <img src="mobile.png" class="example" alt="What this looks like on a Odysee live stream" /> 285 <figcaption>What this looks like on a Odysee live stream on a phone 8/23 in an unreleased version in testing to be released in 9/23. <br />We are not associated with this channel, this is a typical example stream on Odysee. <br /> Thank you to TempleOS Archive and check them out if you like this. </figcaption> 286 </figure> 287 <hr /> 288 289 <figure> 290 <img src="mobile-options.png" class="example" alt="What this looks like on a Odysee live stream" /> 291 <figcaption>What this looks like on a Odysee live stream on a phone 8/23 in an unreleased version in testing to be released in 9/23. <br />We are not associated with this channel, this is a typical example video on Odysee. <br /> Thank you to Mental Outlaw and check them out if you like this. </figcaption> 292 </figure> 293 <hr /> 294 295 <p> 296 <a href="https://www.twitchcon.com/en/las-vegas-2023/" title="Link to TwitchCon 2023 official information">Talk to us about Odysee at TwitchCon 2023 Vegas</a><br /> 297 <hr> 298 <a href='https://www.archyved.com/multi-stream-chat-replay/' title='MultiChat for Odysee'>Resource: MultiChat for Odysee</a><br /> 299 <hr> 300 <a href='https://kickstarrapp.github.io/'>Compatible to import/export to Kick VODs</a><br /> 301 <a href='https://ramblerapp.github.io/'>Compatible to import/export with Rumble VODs</a><br /> 302 <a href='https://biolithic.github.io/odyseebuddy'>Compatible to import/export with Odysee VODs</a><br /> 303 <a href='https://reggieapp.github.io/'>Compatible to import/export with Youtube VODs</a><br /> 304 <a href='https://purplepeoplemeeterapp.github.io/'>Compatible to import/export with Twitch VODs</a><br /> 305 </p> 306 307 <h1>Questions and Answers</h1> 308 309 <div> 310 <h3>Does this work for phones or PC or laptops?</h2> 311 <p>Yes PC. This is tested working on PC and laptops on Windows, Apple OSX, Linux in the following browsers: Chrome, Chromium, Brave, Edge, Kiwi, Epic</p> 312 <p>Yes Mobile. This is tested working on tablets and phones on Android in the following browsers: Kiwi, Samsung. It may work on other browsers like Yandex or others which we do not have time to test currently.</p> 313 <p>Here is a link to the Kiwi Browser<br /> 314 <a href="https://kiwibrowser.com/">kiwibrowser.com</a> - 315 <a href="https://kiwi-browser.en.uptodown.com/android">uptodown.com</a> - 316 <a href="https://m.apkpure.com/kiwi-browser-fast-quiet/com.kiwibrowser.browser">apkpure.com</a> - 317 <a href="https://github.com/kiwibrowser/src">github.com</a> - 318 <a href="https://www.makeuseof.com/chrome-extensions-android-mobile/">How to use browser extensions in Chrome like browsers</a> 319 </div> 320 321 <div> 322 <h3>Do you collect data or log chat/personal settings somewhere in the cloud?</h2> 323 <p>No. You log chat if you wish and save personal settings privately on your device. If streamers pay for us to host chat in the cloud, you can access that by clicking a button by your own choice. We respect your privacy.</p> 324 </h3> 325 </div> 326 327 <div> 328 <h3>Does this work on the app?</h2> 329 <p>No, these features work on the website in the browser.</p> 330 </h3> 331 </div> 332 333 <div> 334 <h3>How do I share a particular moment of a Odysee video?</h2> 335 <p>https://odysee.com/@username:a/?t=300 will start 5 minutes into this video or previous livestream</p> 336 </h3> 337 </div> 338 339 <div> 340 <h3>How do I view live stream chat after a live stream is over?</h2> 341 <p>By using this extension. Use this extension to log the chat, then you have several options afterwards. Viewing the live stream page afterwards will load the chat you saved by clicking this extension menu button 🔄 . You can also use this extension menu to look at your "Saved Chats" and click on the stream title you wish to load. You can also use this extension menu to look at your "Saved Chats" and connect a stream title you wish to load to automatically load each time for this particular video. You can also use this extension menu to import a "Saved Chat" from someone else (or another platform) to load for this particular video. Finally, if a creator hosts the chats with us, you can load the chat in from the network and view it next to the past livestream. </p> 342 </h3> 343 </div> 344 345 <div> 346 <h3>Can I livestream on Odysee and host my videos and livestream chats on another platform?</h2> 347 <p>Yes. You can upload your videos by yourself and use this extension to export/import the livestream chats for each stream. For chat, we currently support Rumble, Kick, Youtube, Twitch and Odysee. Stream on Odysee and monitize your VODs elsewhere if you so choose.</p> 348 </h3> 349 </div> 350 351 <div> 352 <h3>Can I click on timestamps of past livestream messages?</h2> 353 <p>By using this extension. Yes. This technically works on Odysee or imported. Let's say the stream started at 7PM and there was a livestream message made at 7:14PM that seems interesting. Clicking this timestamp will fast-forward to 14 minutes into the video.</p> 354 </h3> 355 </div> 356 357 <div> 358 <h3>Can I search past live stream chat to find certain good moments?</h2> 359 <p>By using this extension. Yes. You can search by current stream or all saved chats. You can search past livestream chat by username, event, or keyword. You do not need the internet or network connection for this, its on your device.</p> 360 </h3> 361 </div> 362 363 <div> 364 <h3>Can I theme/mute livestream chat to make it look how I want, like mute certain words/phrases or users or bots, and highlight certain words/phrases or users?</h2> 365 <p>By using this extension. Yes. </p> 366 </h3> 367 </div> 368 369 <div> 370 <h3>Does this work on alternative, obscure, or older Android phones?</h2> 371 <p>Yes. It could be a standard Samsung phone, or it could be unlocked or modded or something else because you are a techie type person that likes to tinker with things. Good luck, this has been tested on a couple of those type of devices and it works just as well as any standard phone you can buy at Best Buy. </p> 372 </h3> 373 </div> 374 375 <div> 376 <h3>Can I delete or export old livestream chats?</h2> 377 <p>By using this extension. Yes. You can stream while saving the video and livestream chat to your hard drive, then once the live stream is done, export them to an external hard drive and delete them from the internet and your computer if you so choose.</p> 378 </h3> 379 </div> 380 381 <div> 382 <h3>I can't see very well. Can I make the chat large size, and have it flow on top of the video while the video is full screen?</h2> 383 <p>By using this extension. Yes. </p> 384 </h3> 385 </div> 386 387 <div> 388 <h3>My hand(s) are busy while watching the livestream. Does this add keyboard commands and voice commands to make things happen like full screen or search chat without using the mouse?</h2> 389 <p>By using this extension. Yes. </p> 390 </h3> 391 </div> 392 393 <p>This is generally updated on the weekends so check back for new features and updates if you wish. You can contact us with feature requests or questions. All the best streaming on Odysee, long live the web and hope to see you in Vegas October 2023!</p> 394 </div> 395 </div> 396 <!-- end front page --> 397 398 <div class="tab"> 399 <div> 400 <h2>Install/Support</h2> 401 <p> 402 403 <p>OdyseeBuddyTV is a web browser extension for desktop and Android for new, helpful features for using Odysee.com live streams.</p> 404 <p>It adds extra functionality to Odysee videos and livestreams which may be missing to you.</p> 405 <p>It can help you configure and search live stream chat to be more usable and useful to you.</p> 406 407 <h3>Installation for desktop/laptop</h3> 408 <ol> 409 <li>download the zip file and upzip it</li> 410 <li>open your web browser and at chrome://extensions/ (example address)</li> 411 <li>click "Load Unpacked" and select the folder you just unzipped</li> 412 <li>you should see Odysee Buddy 1.0.0 active on this screen.</li> 413 <li>questions? look up installing browser extensions on Chrome, the process is the same for all.</li> 414 </ol> 415 416 <h3>Installation for mobile/phone</h3> 417 <ol> 418 <li>this has only been tested on Android phones currently.</li> 419 <li>use a Chrome-based browser which can use browser extensions like the Kiwi browser or Samsung browser.</li> 420 <li>download the zip file</li> 421 <li>open your web browser and at kiwi://extensions/ (example address)</li> 422 <li>click "load zip/crx" and select the download you just saved</li> 423 <li>you should see OdyseeBuddy 1.0.0 active on this screen.</li> 424 <li>questions? look up installing browser extensions on Android, the process is the same for all.</li> 425 </ol> 426 427 <h3>Why isn't this on the Chrome Web Store?</h3> 428 <p>We believe in the true open-source nature of this project and idea. Upon downloading, you or someone you trust can inspect the code for anything malicious. You can modify it to suit your needs. You or someone you know are probably smarter than I and can take this and improve upon it. This exists to be an open place of stream ideas in which people can add or subtract to and progress upon. With is as our motto, the best way seemingly to accomplish this is to provide it like this so that people better than I can take it and improve upon it to their own needs. I have nothing to hide.</p> 429 430 <h3>Don't like it?</h3> 431 <p>If you do not like it, you can disable or uninstall it with no issues. All features can be turned on and off individually -- you choose which you want to use and how.</p> 432 433 <h3>Supported browsers</h3> 434 <p>Google Chrome, Brave Browser, Microsoft Edge, Vivaldi, Epic, Torch, Opera GX Gaming, Kiwi</p> 435 436 <h3>Does this work on iPhones, iPads, Windows Phones, Surfaces, Firefox, or something you haven't mentioned here?</h3> 437 <p>No, and it never will unless others do it.</p> 438 439 <h3>Is this coming to the app?</h3> 440 <p>No, this is not related to Odysee or Lbry (the company who makes the apps) in any way.</p> 441 442 <h3>I use the app?</h3> 443 <p>That is fine. This is for the website Odysee.com . It is easier to launch, test and fix any issues quicker on the website whether mobile or desktop.</p> 444 445 <h3>Support</h3> 446 <p>Support links can be found at the very bottom of this page.</p> 447 448 <h3>Creation</h3> 449 <p>This was written by a single person in the USA.</p> 450 451 <h3>Storage/tracking/security</h3> 452 <p>This extension saves information to your browser locally if you choose such as options/preferences you set, chat that you save, and browser version which you can export out to yourself via CSV file and is deleted when you uninstall the extension. We save none of your options/preferences "in the cloud" at this time. We currently use no tracking or advertising or cookies at this time of 4/2023. This may change and you will be notified if it does. We are currently a very small team and do not have time or resources for large privacy policy scope or legal/public relations/social/customer service policy other than to provide the basic technical features needed to the streamers for their usage.</p> 453 454 <h3>Third Party Usage</h3> 455 <p>This currently does make usage of one third-party software or libraries in 2023 -- Papa Parse https://github.com/mholt/PapaParse.</p> 456 457 <h3>Source/Funding</h3> 458 <p>This is currently funded/hosted 100% by the creator/developer, who is a person not associated with any live streaming or video/media company in any formal way. If this changes, we will update here.</p> 459 460 <h3>Version</h3> 461 <p>This is released under Google Chrome Manifest version 3 (2023) and may only work with browsers/operating systems updated in 2022 and beyond. This is released under GNU 3 license https://www.gnu.org/licenses/gpl-3.0.en.html. </p> 462 463 <h3>Usage and functionality</h3> 464 <p>This provides functionality that can be used via the TAB and ENTER keys on the keyboard, a pop-up menu which can be used via touch or mouse, voice commands, and keyboard keybind commands. Each of these can be turned on or off as requested.</p> 465 466 </p> 467 </div> 468 </div> 469 <!-- end install page --> 470 471 472 473 <div class="tab"> 474 <div> 475 <h2>Stream Usage</h2> 476 <p> 477 478 full documentation coming in 2023... 479 480 </p> 481 </div> 482 </div> 483 <!-- end stream page --> 484 485 486 487 <div class="tab"> 488 <div> 489 <h2>Advanced Usage</h2> 490 <p> 491 492 full documentation coming in 2023... 493 494 </p> 495 </div> 496 </div> 497 <!-- end advanced page --> 498 499 500 501 <div class="tab"> 502 <div> 503 <h2>Screenshots/Videos</h2> 504 <p> 505 506 full documentation coming in 2023... 507 508 <!-- 509 <button id="loadScreenshots" onClick="load_screenshots();">Load screenshot demos</button><br /> 510 511 <figure> 512 <img id="screenshot0" src="#" class="example" alt="What KickStarrTV looks like on a Kick live stream on a Macbook 7/2/23" /> 513 <figcaption>What KickStarrTV looks like on a Kick live stream on a Macbook 7/2/23. <br />We are not associated with this channel, this is a typical example stream on Kick. <br /></figcaption> 514 </figure> 515 <hr /> 516 517 <figure> 518 <img id="screenshot1" src="#" class="example" alt="Searching chat on a Kick live stream on 7/2/23" /> 519 <figcaption>What KickStarrTV looks like on a Kick live stream on a Macbook 7/2/23. <br />We are not associated with this channel, this is a typical example stream on Kick. <br /></figcaption> 520 </figure> 521 <hr /> 522 523 <figure> 524 <img id="screenshot2" src="#" class="example" alt="Extra KickStarrTV VOD features on a Kick replay 7/2/23" /> 525 <figcaption>What KickStarrTV looks like on a Kick live stream on a Macbook 7/2/23. <br />We are not associated with this channel, this is a typical example stream on Kick. <br /></figcaption> 526 </figure> 527 <hr /> 528 529 <figure> 530 <img id="screenshot3" src="#" class="example" alt="KickStarrTV events tab and highlights on a Kick live stream on 7/2/23" /> 531 <figcaption>What KickStarrTV looks like on a Kick live stream on a Macbook 7/2/23. <br />We are not associated with this channel, this is a typical example stream on Kick. <br /></figcaption> 532 </figure> 533 <hr /> 534 535 <button id="loadVideo" onClick="load_video();">Load Demo Video</button><br /> 536 <video id="video" controls> 537 <source id="videoFile" type="video/webm" /> 538 </video> 539 --> 540 541 </p> 542 </div> 543 </div> 544 <!-- end screenshots page --> 545 546 547 548 549 <div class="tab"> 550 <div> 551 <h2>VODS/Videos</h2> 552 553 full documentation coming in 2023... 554 555 <!-- 556 <p> 557 This browser extension supplies a number of features for past streams on Kick, also known as VODS. <br /> 558 For this documentation, "video" will refer to a VOD/Video On Demand/Previous Stream/Replay at https://kick.com/video/videoID . <br /> 559 Some of these requested features are speed up video, share links to specific parts of the video, and view chat on replay. 560 </p> 561 562 <h3>View previously saved chat on a video manually:</h3> 563 1a) watch a live stream and log the chat using this extension. <br /> 564 1b) or have someone give you the exported chat file they exported from a stream using this extension. <br /> 565 2a) load and watch the video the chat is from. <br /> 566 2b) Manually import the chat to view using this extension "Import Chat" in the options menu. 567 3) You can now watch the video replay while reading the chat from it. 568 <hr /> 569 570 <h3>View previously saved chat on a video for KickStarr partners:</h3> 571 For a limited, select amount of KickStarr partners (not Kick itself) at launch in July 2023, we will host chat replay to auto-show if you use the extension automatically on video load. <br /> 572 1) load and watch the video the chat is from. <br /> 573 2) for these channels, if there is a livestream chat saved by the streamer, it will auto-populate to the side as a chat replay. 574 <hr /> 575 576 <h3>Opening timestamped Kick videos</h3> 577 Open a video such as example: https://kick.com/video/a1b2?t=120 <br /> 578 The video should start playing 2 minutes in from the beginning according to that timestamp link. 120 seconds = 2 minutes<br /> 579 If you are using the extension, using ?t=seconds in a link will play the video that many seconds into the video. 580 <hr /> 581 582 <h3>Sharing timestamped Kick video</h3> 583 Open a video such as example: https://kick.com/video/a1b2 .<br /> 584 Watch until some time in the video <br /> 585 If you are using the extension, open the options menu and click the SHARE category. <br /> 586 Click the "Share" button below to copy the general link to this video. <br /> 587 Click the "Share" button below again to copy the link to this specific time in the video. <br /> 588 Example: it will copy something like https://kick.com/video/a1b2?t=704 . <br /> 589 Paste this link somewhere else, or use the share menu to directly share it to a social platform. 590 <hr /> 591 592 <h3>Timestamp links on Kick chat replays</h3> 593 Open a video with chat replay such as example: https://kick.com/video/a1b2 <br /> 594 Play the video. <br /> 595 If you see timestamps associated with each chat message, such as 6:31PM, click on one. <br /> 596 Assuming the first chat message is at the start of the stream, the video should start playing fast-forwarding to the time in the video of the timestamp.<br /> 597 For example, you see the first chat message is 6:00PM and you click on a chat replay timestamp of 6:31PM. The livestream replay will fast-forward to 31 minutes into the video. This is not perfect, but will give you a reference on how to look back and find moments in a long stream video by looking through chat. 598 <hr /> 599 600 <h3>Video speed on replay</h3> 601 Open a video such as example: https://kick.com/video/a1b2 <br /> 602 If you are using the extension, there will be a new icon between time remaining in video & picture in picture icons. This icon is select the playback speed of the video. <br /> 603 Click this icon to reveal a popup menu. Clicking on an option in the popup menu will change the video speed.<br /> 604 The video speed options for now are 1 (normal playback), .25 (very slow playback) to 2 (twice as fast playback). 605 <hr /> 606 607 <h3>Scrolling, filtering, searching, etc...</h3> 608 On chat replays on videos, you are able to use most of the livestream functionality of KickStarr to theme, scroll, filter, search, etc the chat on it to find particular chats or moments you have been looking for. 609 <hr /> 610 --> 611 612 613 </div> 614 </div> 615 <!-- end vods page --> 616 617 618 </div> 619 </div> 620 </div> 621 622 </div> 623 </main> 624 625 626 <footer class="footer" id="contact"> 627 <div id="contactLinks"> 628 <span><a id="footerContact1" href='#' target='_blank'>Contact</a></span> 629 <span><a id="footerContact2" href='#' target='_blank'>Us</a></span> 630 </div> 631 632 <div id="contactIcons"> 633 <a id="footerEmail" href='#' target='_blank' class='icon'><img src="https://www.streameranalytics.com/email.svg" /></a> 634 635 <a id="footerTwitter" href='#' target='_blank' class='icon'> 636 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg> 637 </a> 638 639 <a id="footerGab" href='#' target='_blank' class='icon'> 640 <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 1024 1024" preserveAspectRatio="xMidYMid meet" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="gab" class="svg-inline--fa fa-gab " role="img"> 641 <g transform="translate(0,1024) scale(0.1,-0.1)" fill="#000000" stroke="none"> 642 <path d="M4426 9444 c-367 -49 -753 -185 -1056 -373 -230 -143 -537 -422 -707 -641 -321 -416 -536 -930 -608 -1450 -22 -161 -30 -497 -16 -645 45 -464 167 -878 363 -1230 152 -274 286 -450 495 -656 243 -238 443 -384 703 -513 713 -353 1546 -364 2209 -31 191 96 328 195 510 370 l94 90 -7 -216 c-12 -402 -48 -608 -148 -848 -121 -291 -295 -503 -543 -663 -144 -93 -248 -136 -451 -187 -177 -43 -237 -51 -406 -52 -243 -1 -443 32 -688 116 -198 68 -500 217 -642 317 l-27 18 -55 -102 c-30 -57 -194 -364 -364 -683 l-309 -580 66 -49 c465 -344 1044 -564 1716 -651 192 -25 749 -17 955 14 499 74 920 213 1270 421 338 199 652 502 862 830 299 468 468 990 545 1690 15 142 17 389 20 2848 l4 2692 -911 0 -910 0 0 -262 0 -261 -112 109 c-124 121 -190 173 -319 257 -239 154 -518 255 -859 313 -136 23 -530 28 -674 8z m889 -1634 c86 -16 268 -77 350 -118 177 -88 365 -246 475 -399 208 -290 283 -656 204 -991 -120 -510 -532 -903 -1034 -987 -121 -21 -341 -16 -453 10 -180 40 -387 143 -543 269 -293 236 -463 587 -465 961 -1 277 104 562 300 808 173 218 497 406 779 452 96 16 286 13 387 -5z"/></g> 643 </svg> 644 </a> 645 646 <a id="footerDiscord" href='#' target='_blank' class='icon'> 647 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="discord" class="svg-inline--fa fa-discord " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg> 648 </a> 649 650 <a id="footerGithub" href='#' target='_blank' class='icon'> 651 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="github" class="svg-inline--fa fa-github " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg> 652 </a> 653 654 <a id="footerGitlab" href='#' target='_blank' class='icon'> 655 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="gitlab" class="svg-inline--fa fa-gitlab " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z"/></svg> 656 </a> 657 </div> 658 659 <div id="contactCopyright"> 660 <span>This page and content and extension copyright <a id="footerCopyright" href='#' target='_blank'></a> 2023. All Rights Reserved. <a id="footerMadeIn" href='#' target='_blank'>Made in Frisco</a>, TX USA 🇺🇸</span> 661 </div> 662 <div id="contactTOS"> 663 <span><a id="footerToS" href='#' target='_blank'>Terms of Service</a> - </span> 664 <span><a id="footerPP" href='#' target='_blank'>Privacy Policy</a> - </span> 665 <span><a id="footerDonate" href='#' target='_blank'>Support Financially</a> - </span> 666 <span><a href="https://linktr.ee/meloniemac" target='_blank'>Special Thanks to MelonieMac</a></span> 667 </div> 668 <div id="contactDisclaimer"> 669 <span>This is a independent entity not connected, associated by, owned in part, or funded with or by any parent or affiliated company, any political party, political entity or elected official except the copyright entity. This page does not officially endorse or is endorsed by any channel/brand/service/person listed here.</span> 670 </div> 671 </footer> 672 673 <script> 674 function load_video() { 675 var video = document.getElementById('video'); 676 var videoFile = document.getElementById('videoFile'); 677 var d = new Date(); 678 videoFile.src = "reggiedemo.webm"; 679 video.load(); 680 video.play(); 681 } 682 683 function img_handler(e) { 684 window.open(e.target.currentSrc, '_blank').focus(); 685 return false; 686 } 687 688 window.onload = function(){ 689 var elms = document.body.querySelectorAll('img'); 690 [].forEach.call(elms, function(elm) { 691 elm.addEventListener('click', img_handler); 692 }); 693 694 setTimeout(function() { 695 document.getElementById('footerContact1').href = 'https://linktr.ee/biolithic'; 696 document.getElementById('footerContact2').href = 'https://beacons.ai/biolithic'; 697 document.getElementById('footerEmail').href = 'mailto: biolithic@tutanota.com'; 698 document.getElementById('footerTwitter').href = 'https://twitter.com/biolithic'; 699 document.getElementById('footerDiscord').href = 'https://discord.gg/vQXKJkQWNd'; 700 document.getElementById('footerGithub').href = 'https://github.com/biolithic'; 701 document.getElementById('footerGitlab').href = 'https://gitlab.com/streamclipsgg'; 702 document.getElementById('footerGab').href = 'https://gab.com/biolithic'; 703 document.getElementById('footerCopyright').href = 'https://linktr.ee/biolithic'; 704 document.getElementById('footerMadeIn').href = 'https://nvmusa.org/'; 705 document.getElementById('footerToS').href = 'https://biolithic.github.io/odyseebuddy/tos.html'; 706 document.getElementById('footerPP').href = 'https://biolithic.github.io/odyseebuddy/privacypolicy.html'; 707 document.getElementById('footerDonate').href = 'https://streamlabs.com/DrumClinic08/tip'; 708 document.getElementById('footerCopyright').innerText = 'biolithic'; 709 }, 2000); 710 }; 711 </script> 712 </body></html>