ColorQuarium is a browser-based tool that turns a TV, monitor, or tablet into a calming, animated aquarium — and lets you change its colors, fish, and mood from your phone in real time. No app to install, no account, no software to download. Just open a link on a big screen, scan a QR code with your phone, and you're in control.

What ColorQuarium Actually Is

At its core, ColorQuarium is two connected web pages. The first is the display page — a full-screen animated scene of fish swimming through a softly lit, colorful aquarium. You open this on whatever screen you want to decorate: a smart TV, a spare monitor, a tablet propped on a shelf, or even a projector at a party.

The second is the remote control page, opened on your phone by scanning a QR code shown on the display. From there you can change the water color, swap in different fish species, adjust the lighting mood, and tweak animation speed — and the display updates live, just like a smart-home app controlling a light bulb.

Why a "Live" Aquarium Instead of a Video?

You could just play an aquarium video on a loop — and plenty of people do. But a looping video is static: same colors, same fish, same mood, every time. ColorQuarium instead renders everything in real time using the browser's graphics engine, which means every element on screen can be changed instantly without reloading or re-downloading anything.

This makes it useful for more than decoration. A coffee shop could shift the aquarium's palette to match the time of day. A streamer could let viewers vote on fish colors. A parent could calm a bedtime routine by dimming the scene and slowing the animation — all from a phone, without touching the display itself.

How the Phone Remote Works

This is the same pattern used by SnapCast's real-time photo walls: the display page and the remote page both stay connected to a small real-time backend. When you tap a new color or fish on your phone, that change is sent instantly to the backend, and the display page — which is listening for updates — receives it and re-renders the scene within a fraction of a second.

Because both pages are just web pages, there's nothing to install on either device. The display can be any screen with a browser, and the remote can be any phone with a camera to scan the QR code.

Where ColorQuarium Shines

  • Ambient decor — leave it running on a spare monitor or TV as a relaxing, ever-changing visual instead of a static screensaver.
  • Parties and events — let guests scan the QR code and take turns customizing the aquarium's mood throughout the evening.
  • Kids' rooms — a colorful, gentle visual that parents can dim and slow down remotely as part of a wind-down routine.
  • Streaming overlays — run the display in a browser source and let chat influence the scene through the remote.

Privacy and Performance

Like all js-tools projects, ColorQuarium is built to be lightweight: the animation runs entirely in the browser's graphics layer, so it stays smooth even on older smart TVs and tablets. The only data sent between the display and the remote is small control messages (which color, which fish, which speed) — no camera access, no personal data, and no accounts required to try it.

Try the live demo right now

See the aquarium running live and scan the QR code with your phone to start controlling it instantly.

View live demo →
💬

Have questions or want to share your experience? Join the discussion on our Facebook page!

Bạn có câu hỏi hoặc muốn chia sẻ trải nghiệm? Hãy tham gia thảo luận trên trang Facebook của chúng tôi!

Join on Facebook →Tham gia trên Facebook →

Related articles

How Real-Time Photo Sharing Works: The Tech Behind SnapCast How to Create and Customize QR Codes Entirely in Your Browser

ColorQuarium là một công cụ chạy trên trình duyệt, biến TV, màn hình hoặc máy tính bảng thành một bể cá sống động, thư giãn — và cho phép bạn thay đổi màu sắc, loài cá và không khí của nó theo thời gian thực ngay từ điện thoại. Không cần cài app, không cần tài khoản, không cần tải phần mềm. Chỉ cần mở một liên kết trên màn hình lớn, quét mã QR bằng điện thoại, và bạn đã có thể điều khiển.

ColorQuarium thực chất là gì?

Về cơ bản, ColorQuarium là hai trang web kết nối với nhau. Trang đầu tiên là trang hiển thị — một cảnh hoạt hình toàn màn hình với những đàn cá bơi trong bể cá đầy màu sắc, ánh sáng dịu nhẹ. Bạn mở trang này trên màn hình muốn trang trí: smart TV, màn hình rảnh, máy tính bảng dựng trên kệ, hoặc thậm chí máy chiếu tại một buổi tiệc.

Trang thứ hai là trang điều khiển từ xa, mở trên điện thoại bằng cách quét mã QR hiển thị trên màn hình chính. Từ đó bạn có thể đổi màu nước, thay đổi loài cá, điều chỉnh không khí ánh sáng và tốc độ hoạt hình — và màn hình chính cập nhật ngay lập tức, giống như một ứng dụng smart-home điều khiển bóng đèn.

Tại sao là bể cá "sống" thay vì một video?

Bạn có thể chỉ cần chạy lặp một video bể cá — và nhiều người vẫn làm vậy. Nhưng video lặp lại là tĩnh: cùng màu sắc, cùng loài cá, cùng không khí, mọi lúc. ColorQuarium thì render mọi thứ theo thời gian thực bằng engine đồ họa của trình duyệt, nghĩa là mọi yếu tố trên màn hình có thể thay đổi ngay lập tức mà không cần tải lại bất cứ thứ gì.

Điều này khiến nó có ích hơn là chỉ để trang trí. Một quán cà phê có thể đổi bảng màu của bể cá theo thời điểm trong ngày. Một streamer có thể để người xem bình chọn màu cá. Một bậc phụ huynh có thể làm dịu giờ đi ngủ bằng cách giảm độ sáng và làm chậm hoạt hình — tất cả từ điện thoại, không cần chạm vào màn hình chính.

Điều khiển từ điện thoại hoạt động như thế nào?

Đây là pattern tương tự được dùng trong bức tường ảnh thời gian thực của SnapCast: trang hiển thị và trang điều khiển từ xa đều duy trì kết nối với một backend thời gian thực nhỏ. Khi bạn chọn một màu hoặc loài cá mới trên điện thoại, thay đổi đó được gửi ngay đến backend, và trang hiển thị — đang lắng nghe cập nhật — nhận được và render lại cảnh trong tích tắc.

Vì cả hai trang đều chỉ là trang web, không có gì cần cài đặt trên cả hai thiết bị. Màn hình hiển thị có thể là bất kỳ thiết bị nào có trình duyệt, và remote có thể là bất kỳ điện thoại nào có camera để quét mã QR.

ColorQuarium phù hợp nhất khi nào?

  • Trang trí không khí — để chạy trên màn hình rảnh hoặc TV như một hình ảnh thư giãn, luôn thay đổi thay cho screensaver tĩnh.
  • Tiệc và sự kiện — để khách quét mã QR và lần lượt tùy chỉnh không khí của bể cá suốt buổi tối.
  • Phòng trẻ em — một hình ảnh đầy màu sắc, nhẹ nhàng mà cha mẹ có thể giảm sáng và làm chậm từ xa như một phần của thói quen trước khi ngủ.
  • Overlay khi stream — chạy màn hình hiển thị như một browser source và để chat ảnh hưởng đến cảnh thông qua remote.

Quyền riêng tư và hiệu năng

Giống như mọi dự án js-tools khác, ColorQuarium được xây dựng nhẹ: hoạt hình chạy hoàn toàn trong lớp đồ họa của trình duyệt, nên vẫn mượt ngay cả trên smart TV và máy tính bảng cũ. Dữ liệu duy nhất được truyền giữa màn hình và remote là các thông điệp điều khiển nhỏ (màu nào, loài cá nào, tốc độ nào) — không truy cập camera, không dữ liệu cá nhân, và không cần tài khoản để thử.

Thử demo trực tiếp ngay bây giờ

Xem bể cá chạy trực tiếp và quét mã QR bằng điện thoại để bắt đầu điều khiển ngay lập tức.

Xem demo trực tiếp →
💬

Have questions or want to share your experience? Join the discussion on our Facebook page!

Bạn có câu hỏi hoặc muốn chia sẻ trải nghiệm? Hãy tham gia thảo luận trên trang Facebook của chúng tôi!

Join on Facebook →Tham gia trên Facebook →

Bài viết liên quan

Chia sẻ ảnh thời gian thực hoạt động như thế nào: Công nghệ đằng sau SnapCast Cách tạo và tùy chỉnh mã QR hoàn toàn trên trình duyệt