☰

CB Stream Preview

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

วิธีการติดตั้ง

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey, Greasemonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

You will need to install an extension such as Tampermonkey to install this script.

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

วิธีการติดตั้ง

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

ผู้เขียน
Lucieee
จำนวนติดตั้งประจำวัน
1
จำนวนติดตั้งทั้งหมด
82
คะแนน
0 0 0
เวอร์ชัน
1.012
สร้างเมื่อ
19-04-2026
อัปเดตเมื่อ
19-04-2026
Size
34.9 กิโลไบต์
สัญญาอนุญาต
MIT
ปรับใช้กับ

🎥 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.