---
title: "Mode tampilan"
description: "Independen menampilkan konten berbeda di tiap layar, Cermin mengulang konten yang sama, sedangkan Bentang merentangkan satu gambar atau video ke seluruh layar."
url: "https://flosync.com/id/docs/display-modes/"
lang: "id"
updated: "2026-09-28"
---

# Mode tampilan

Gunakan **Independen** bila tiap layar menampilkan hal berbeda, **Cermin** bila semua layar menampilkan hal yang sama, dan **Bentang** bila satu gambar direntangkan ke seluruh layar.

## Gambaran umum

| Mode | Paling cocok untuk | Perilaku |
| --- | --- | --- |
| **Independen** | Konten berbeda per layar | Setiap layar beroperasi secara terpisah |
| **Cermin** | Konten sama di semua tempat | Semua layar menampilkan konten identik secara sinkron |
| **Bentang** | Video wall | Konten membentang di semua layar sebagai satu kanvas |

> **Bawaan:** FloSync memulai instalasi baru dalam mode Independen. Beralih kapan saja lewat dropdown mode.

![Panel kontrol dengan dropdown Mode terbuka, menampilkan Independen, Cermin, dan Bentang, dengan Bentang terpilih.](https://flosync.com/images/screenshots/docs-display-modes-mode-menu-id.jpg)

*Dropdown Mode, di sebelah kiri bilah atas.*

## Perilaku jenis konten berdasarkan mode

Setiap jenis konten berperilaku berbeda di tiap mode tampilan:

| Jenis konten | Independen | Cermin | Bentang |
| --- | --- | --- | --- |
| **Video** | Video berbeda per layar | Video sama, tersinkron | Video dipotong per layar |
| **Gambar** | Gambar berbeda per layar | Gambar sama di semua layar | Gambar dipotong per layar |
| **Halaman web** | Halaman berbeda per layar | Halaman sama di semua layar | Halaman sama di semua layar (tidak dipotong) |

> **Catatan:** Halaman web tidak bisa dibentangkan ke beberapa layar. Di mode Bentang, halaman web menampilkan konten yang sama di semua layar (seperti Cermin).

## Mode Independen

![Panel kontrol dalam mode Independen dengan enam kotak layar dalam dua baris berisi tiga, masing-masing menampilkan desain resor SALTMERE yang berbeda.](https://flosync.com/images/screenshots/docs-display-modes-independent-resort-id.jpg)

*Mode Independen, dengan desain berbeda di masing-masing dari enam layar.*

![Panel kontrol dengan dropdown mode diatur ke Independen dan tiga kotak layar, masing-masing menampilkan halaman menu restoran yang berbeda.](https://flosync.com/images/screenshots/three-screen-restaurant-menu-composer-breakfast-id.jpg)

*Mode Independen, dengan halaman berbeda di masing-masing dari ketiga layar.*

![Satu komputer terhubung ke tiga layar, masing-masing menampilkan halaman berbeda dari menu sarapan](https://flosync.com/images/diagrams/screens-one-computer-independent-id.svg)

*Satu komputer, tiga layar. Setiap layar menampilkan sesuatu yang berbeda.*

### Apa fungsinya

Di mode Independen, setiap layar beroperasi sebagai pemutar terpisah. Anda dapat:

- Memuat konten berbeda di tiap layar (video, gambar, atau halaman web)
- Mengontrol audio tiap layar secara terpisah (hanya video)
- Menampilkan konten yang sepenuhnya berbeda di setiap layar
- Semua layar tetap berbagi kontrol pemutaran terpadu (play/pause berlaku untuk semua video)

### Kapan menggunakannya

- Papan menu digital di mana tiap layar menampilkan kategori berbeda
- Area ritel dengan konten promosi yang bervariasi
- Dasbor dengan halaman web berbeda per layar
- Skenario apa pun yang membutuhkan konten berbeda di tiap layar

### Cara kerjanya

1. Pilih **Independen** dari dropdown mode
2. Setiap kotak layar di panel kontrol dapat memiliki kontennya sendiri
3. Seret video atau gambar ke kotak layar tertentu untuk memuat konten
4. Klik kanan untuk memuat halaman web atau file HTML
5. Klik ikon speaker di setiap layar untuk mengaktifkan/menonaktifkan audionya (hanya video)
6. Gunakan Play/Pause untuk mengontrol semua konten video bersama-sama

### Perilaku audio

- Setiap layar memiliki sakelar audio sendiri (ikon speaker) untuk video
- Audio nonaktif secara bawaan saat video dimuat
- Aktifkan audio di layar yang ingin Anda keluarkan suaranya
- Beberapa layar dapat memutar audio secara bersamaan

## Mode Cermin

![Panel kontrol dalam mode Cermin dengan empat kotak layar dalam grid dua kali dua, semuanya menampilkan desain SALTMERE Laut dan Cuaca yang sama.](https://flosync.com/images/screenshots/docs-display-modes-mirrored-resort-id.jpg)

*Mode Cermin, dengan desain yang sama di keempat layar.*

![Panel kontrol dengan dropdown mode diatur ke Cermin dan dua kotak layar menampilkan frame video yang sama.](https://flosync.com/images/screenshots/docs-display-modes-mirrored-id.jpg)

*Mode Cermin, dengan frame yang sama di kedua layar.*

![Satu komputer terhubung ke dua layar, keduanya menampilkan video yang sama](https://flosync.com/images/diagrams/screens-one-computer-mirrored.svg)

*Satu komputer, dua layar, video yang sama di keduanya.*

### Apa fungsinya

Di mode Cermin, semua layar menampilkan konten yang persis sama dan selaras secara visual. Saat Anda:

- Memuat konten, otomatis dimuat di semua layar
- Menekan play (video), semua layar memutar bersama
- Menggeser garis waktu (video), semua layar berpindah ke posisi yang sama

### Kapan menggunakannya

- Area ritel di mana semua layar harus menampilkan promosi yang sama
- Ruang tunggu atau lobi dengan beberapa sudut pandang
- Acara di mana penonton melihat layar berbeda dari posisi berbeda
- Pengaturan cadangan/redundansi

### Cara kerjanya

1. Pilih **Cermin** dari dropdown mode
2. Muat konten di layar mana pun, dan konten otomatis dimuat di semua layar
3. Gunakan kontrol pemutaran, yang berlaku untuk semua layar sekaligus (hanya video)
4. Semua layar tetap sinkron secara otomatis

### Sinkronisasi

FloSync otomatis menjaga pemutaran tetap selaras di seluruh layar (hanya video) dengan mengutamakan tampilan yang lancar.

### Perilaku audio

- Audio hanya diputar dari **layar utama** untuk mencegah gema (hanya video)
- Layar sekunder otomatis dibisukan
- Sakelar audio memperbarui ikon speaker di setiap kotak layar, tetapi hanya audio layar utama yang berubah

## Mode Bentang

![Panel kontrol dengan dropdown mode diatur ke Bentang dan empat kotak layar dalam grid 2×2 menampilkan satu tampilan udara pantai yang menyatu.](https://flosync.com/images/screenshots/docs-display-modes-spanned-id.jpg)

*Mode Bentang, dengan satu video yang membentang di empat layar.*

![Satu komputer terhubung ke empat layar dalam grid 2×2, dengan satu video yang berlanjut tanpa putus di keempatnya](https://flosync.com/images/diagrams/screens-one-computer-spanned-2x2.svg)

*Satu komputer, empat layar dalam grid. Setiap layar menampilkan seperempat bagiannya sendiri dari satu video.*

### Apa fungsinya

Di mode Bentang, konten membentang di semua layar yang terhubung seolah menjadi satu layar besar. Setiap layar menampilkan sebagian dari keseluruhan gambar.

![Panel kontrol dalam mode Bentang dengan tiga kotak layar, kotak potret tinggi di setiap sisi kotak lanskap yang lebar, menampilkan satu video pantai yang menyambung.](https://flosync.com/images/screenshots/docs-display-modes-spanned-mixed-id.jpg)

*Mode Bentang, dengan satu video yang membentang di satu layar lanskap 4K dan dua layar potret 1080p.*

Untuk panduan langkah demi langkah versi paling sederhana, lihat [Cara merentangkan satu video ke dua layar dengan FloSync](https://flosync.com/id/blog/span-one-video-across-two-screens/).

### Kapan menggunakannya

- Video wall (2x2, 3x3, atau konfigurasi apa pun)
- Pengaturan panorama lebar
- Instalasi seni digital format besar
- Pengaturan stadion atau arena
- Skenario apa pun yang membutuhkan satu gambar berkelanjutan di beberapa layar

### Cara kerjanya

1. Pilih **Bentang** dari dropdown mode
2. FloSync mendeteksi susunan layar Anda (sesuai konfigurasi di sistem operasi Anda)
3. Muat konten - FloSync menghitung porsi mana yang harus ditampilkan setiap layar
4. Setiap layar menampilkan segmennya dari konten, membentuk satu gambar besar yang berkelanjutan

### Perilaku audio

- Audio hanya diputar dari **layar utama** untuk mencegah gema (hanya video)
- Layar sekunder otomatis dibisukan
- Sakelar audio memperbarui ikon speaker di setiap kotak layar, tetapi hanya audio layar utama yang berubah

### Perilaku jenis konten

- **Video**: Dipotong per layar untuk menampilkan porsi yang benar; diputar secara sinkron
- **Gambar**: Dipotong per layar untuk menampilkan porsi yang benar; mengikuti mode pas
- **Halaman web**: **Tidak bisa dibentangkan**, sehingga menampilkan halaman yang sama di semua layar (seperti Cermin)

> **Penting:** Halaman web tidak mendukung pembentangan. Jika Anda membutuhkan video wall berbasis web, gunakan video atau gambar sebagai gantinya.

### Susunan layar

Mode Bentang menggunakan susunan layar dari sistem operasi Anda. Untuk mengonfigurasi:

**macOS:**

1. Buka Pengaturan Sistem > Layar
2. Klik “Susun...”
3. Seret layar agar sesuai dengan posisi fisiknya

**Windows:**

1. Klik kanan desktop > Pengaturan Tampilan
2. Gulir ke “Beberapa tampilan”
3. Seret layar agar sesuai dengan posisi fisiknya

### Praktik terbaik untuk mode Bentang

![Panel kontrol dalam mode Bentang dengan tiga kotak layar potret berdampingan, menampilkan satu video bawah laut dari seekor lumba-lumba yang menyambung.](https://flosync.com/images/screenshots/docs-display-modes-spanned-portrait-id.jpg)

*Mode Bentang, dengan satu video yang membentang di tiga layar potret.*

1. **Samakan susunan fisik.** Pastikan pengaturan layar di OS sesuai dengan posisi fisik layar.
2. **Layar tidak harus sama.** Ukuran, resolusi, dan orientasi yang berbeda-beda semuanya bisa digunakan. Layar identik memberi hasil paling merata pada grid konvensional, tetapi susunan yang sengaja dibuat berbeda-beda juga umum di instalasi artistik dan kreatif.
3. **Perhatikan bezel.** Bezel fisik antarlayar bisa menyebabkan celah visual.
4. **Uji dulu dengan gambar statis.** Muat pola uji untuk memverifikasi penyelarasan sebelum konten final.

## Video wall multi-komputer (Ekstensi Kanvas Global)

Untuk video wall yang membentang ke beberapa komputer, gunakan fitur **Ekstensi Kanvas Global**. Fitur ini memungkinkan Anda mendefinisikan kanvas virtual yang lebih besar dari layar lokal, sehingga setiap komputer menampilkan porsi yang tepat dari video seukuran dinding.

### Contoh: video wall 3x2

Misalnya video wall 3x2 (3 kolom × 2 baris) menggunakan 3 komputer, masing-masing mengendalikan 2 layar 1920×1080 yang ditumpuk vertikal:

![Video wall 3×2 berisi enam layar yang dikendalikan oleh tiga komputer, masing-masing mengendalikan satu kolom](https://flosync.com/images/diagrams/global-canvas-3x2-wall.svg)

*Enam layar bergabung menjadi satu Kanvas Global 5760×2160.*

Setiap komputer membutuhkan pengaturan ekstensi yang berbeda:

| Komputer | Ekstensi (Atas, Kanan, Bawah, Kiri) | Posisi |
| --- | --- | --- |
| PC Kiri | 0, 3840, 0, 0 | Menampilkan sepertiga kiri |
| PC Tengah | 0, 1920, 0, 1920 | Menampilkan sepertiga tengah |
| PC Kanan | 0, 0, 0, 3840 | Menampilkan sepertiga kanan |

### Menyiapkan Ekstensi Kanvas Global

*Ikon Ekstensi Kanvas Global, tepat di sebelah kanan ikon jadwal.*

1. **Buka dialog ekstensi.** Klik ikon grid di toolbar
2. **Masukkan nilai ekstensi.** Tentukan berapa piksel tambahan di luar layar lokal Anda ke setiap arah (Atas, Kanan, Bawah, Kiri)
3. **Gunakan Penyesuaian Cepat.** Klik tombol pada baris tersebut untuk menambah atau mengurangi resolusi umum: ±1920 untuk layar 1080p, ±3840 untuk layar 4K
4. **Klik Terapkan** untuk menyimpan pengaturan Anda
5. **Pratinjau tata letak.** Aktifkan “Tampilkan Kanvas Global” (ikon zoom) untuk melihat layar lokal Anda diposisikan di dalam kanvas yang lebih besar

![Dialog Ekstensi Kanvas Global dengan Atas 0, Kanan 1920, Bawah 0, dan Kiri 1920, baris Penyesuaian Cepat berisi tombol 1080p dan 4K, serta Setel Ulang, Batal, dan Terapkan.](https://flosync.com/images/screenshots/docs-canvas-extension-dialog-id.png)

*Dialog Ekstensi Kanvas Global, diatur untuk komputer tengah pada dinding tiga komputer.*

### Pratinjau visual

Saat pratinjau Kanvas Global aktif, Anda akan melihat:

- **Area gelap yang diperluas** - Mewakili ruang yang ditempati oleh komputer lain
- **Lapisan grid** - Menampilkan batas sel layar saat menggunakan ukuran layar seragam
- **Wilayah berlabel** - “Diperluas Kiri”, “Diperluas Atas”, dll. menandai area ekstensi
- **Layar lokal Anda** - Disorot di dalam Kanvas Global

Anda bisa **menyeret layar lokal** di dalam pratinjau untuk menyesuaikan posisi secara visual:

- Seret biasa akan menempel ke sel grid berukuran layar
- Tahan **Shift** saat menyeret untuk pemosisian bebas (tanpa menempel)

## Mulai Siaran dengan mode tampilan

Setiap mode tampilan bekerja dengan fitur Mulai Siaran untuk membuat presentasi layar penuh:

### Mode Independen + Mulai Siaran

- Setiap jendela layar penuh menampilkan konten yang ditetapkan
- Audio berlanjut sesuai pengaturan audio layar (hanya video)
- Semua konten video tetap tersinkronisasi

### Mode Cermin + Mulai Siaran

- Semua jendela layar penuh menampilkan konten yang sama
- Hanya jendela layar utama yang memutar audio (hanya video)
- Penyelarasan visual di semua layar (hanya video)

### Mode Bentang + Mulai Siaran

- Setiap jendela layar penuh menampilkan porsinya dari konten (video dan gambar)
- Konten dipotong dengan tepat untuk posisi setiap layar
- Menciptakan pengalaman video wall yang mulus
- Halaman web menampilkan konten yang sama di semua layar (tidak dipotong)
- Hanya layar utama yang memutar audio (hanya video)

## Beralih mode

Anda bisa beralih mode kapan saja lewat dropdown mode di bilah atas (saat tidak dalam Mode Siaran):

1. Klik dropdown mode
2. Pilih mode yang diinginkan
3. Perubahan langsung berlaku

> **Catatan:** Dropdown mode tidak tersedia selama Mode Siaran. Keluar dari Mode Siaran terlebih dahulu untuk mengubah mode tampilan.

> **Tips:** Saat menggunakan penjadwalan, setiap scene bisa memiliki mode tampilannya sendiri. Klik kanan kartu scene di panel jadwal untuk mengatur mode tampilan scene dengan cepat tanpa membuka dialog edit.

### Apa yang terjadi saat Anda beralih

| Dari | Ke | Yang terjadi |
| --- | --- | --- |
| Independen | Cermin | Semua layar memuat konten dari layar utama |
| Independen | Bentang | Semua layar memuat konten dari layar utama, lalu dibagi per layar |
| Cermin | Independen | Layar mempertahankan kontennya, tapi kini bisa dikontrol terpisah |
| Cermin | Bentang | Konten dibagi ke seluruh layar (video/gambar) atau tetap dicerminkan (halaman web) |
| Bentang | Independen | Setiap layar mempertahankan porsi kontennya saat ini |
| Bentang | Cermin | Konten utuh ditampilkan di semua layar |

## Memilih mode yang tepat

**Pertanyaan panduan:**

1. **Haruskah semua layar menampilkan hal yang sama?**

   - Ya, konten sama di semua tempat → **Cermin**
   - Ya, tapi sebagai satu gambar besar → **Bentang**
   - Tidak, konten berbeda per layar → **Independen**

2. **Apakah ini video wall?**

   - Ya → **Bentang** (kemungkinan besar)
   - Tidak → **Cermin** atau **Independen**

3. **Apakah penonton melihat beberapa layar sekaligus?**

   - Ya, dan layar harus cocok → **Cermin**
   - Ya, dan ini satu gambar besar → **Bentang**
   - Tidak, mereka hanya melihat satu layar → **Independen**