☰

CB Stream Preview

Hover over a room card to preview the stream in a floating popup with volume, opacity, and PiP controls.

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

Yazar
Lucieee
Günlük kurulumlar
1
Toplam kurulumlar
100
Değerlendirmeler
0 0 0
Versiyon
1.012
Oluşturulma
19.04.2026
Güncellenme
19.04.2026
Boyut
34,9 KB
Lisans
MIT
Geçerli

🎥 CB Stream Preview (Advanced)

A hover-preview tool with a focus on multitasking and customization.

This script takes the classic hover-preview idea and pushes it further. It’s designed for those who want to keep an eye on multiple rooms simultaneously without cluttering their browser tabs.

✨ Features & Interaction

  • Instant Hover Preview: Simply hover over a room card to peek at the live action.
  • Pin & Multitask: Click the Pin icon (Top Left) to make a preview "sticky." You can open and pin as many streams as your PC can handle—perfect for a custom multi-view setup.
  • Dynamic Resizing: Once a stream is visible, you can resize it instantly by scrolling your mouse wheel while hovering over the popup, or by dragging the bottom-right corner.
  • Ghost Mode (Opacity Slider): Located right next to the mute button. Slide it down to make the streams transparent—great for "incognito" viewing or keeping a pinned stream over the page content without blocking your view.
  • Audio Control: Streams start muted to save your ears, but can be unmuted via the Top Right toggle.
  • Quick Navigation: Click the model's name in the Bottom Left to open their full room in a new tab.
  • Settings/ options: Since not everyone wants all options, settings can be toggled in the code itself. If there's demand I might make it available somewhere on the website itself, but for now this is how you can adjust which options are available.
  • Draggable Windows: Click and drag any pinned stream to position it anywhere on your screen.
  • Scroll Tracking: Pinned streams stay in place even when you scroll through the main site gallery.
  • Picture-in-Picture: Includes a dedicated PiP button for when you want to move the video outside of the browser entirely.

💻 A Note on Performance

There is no hard limit on the number of popups you can open. However, remember that every live stream requires CPU and GPU power. If you start to feel some lag, try closing a few pinned windows. Your performance will ultimately depend on your own PC's specs!

📜 Credits & License

  • Inspiration: Credit to danmaclann for the inspiration and for providing a foundation via their MIT-licensed work.
  • Development: Mainly vibe-coded with minor manual adjustments.
  • Feedback: Happy to continue to provide additional features! If you have recommendations or find a bug, feel free to reach out.

License: Distributed under the MIT License.