OBS overlays and scenes
One browser source for the whole broadcast, scenes for every moment, and a layout you can change without touching OBS.
One source, not twenty
FRLcast draws every graphic on a single transparent page. In OBS, add a Browser source, paste the address from the OBS setup page (or from your event's card on the dashboard for a hosted event), and set the size to 1920 × 1080. Put the source above your game capture. That is the whole setup: the leaderboard, timing tower, flags, race control banner, lower third, results and every other widget live inside that one page, and the console decides what is visible. Fewer sources means less work for OBS and nothing to forget between race nights.
Two settings in the source's properties matter. Leave Shutdown source when not visible and Refresh browser when scene becomes active off: the overlay keeps its own connection and reconnects by itself if the network drops, and a refresh would replay its entrance at the wrong moment.
Scenes for each moment
A race night has moments that need different graphics: a pre-show with a countdown and sponsors, the starting grid, practice, qualifying with sector times, the race, battles and polls, drift battles, results and the podium. FRLcast keeps each of these as a scene. The scene buttons at the top of Race control switch the overlay with a single click, and the change cross-fades on air. You do not need matching scenes in OBS for this; the overlay switches itself.
Placing widgets with the layout editor
The Layout page shows a 1920 × 1080 canvas with the scene's widgets on it. Drag a widget to move it, drag its corner to resize it, and use the arrow keys for small nudges. Widgets snap to the broadcast safe area, to the centre and to each other, so things line up without measuring. Each scene keeps its own arrangement. You can use a frame of your game as the background while arranging, so you can see exactly what the graphics will cover.
Skins, themes and your branding
The look of the graphics comes in skins modelled on real series and themes for colour, and you set your league's accent colour and logo once. The logo can alternate with the flag in the status bar during a session. Saved looks let you keep a combination you like and bring it back with one click.
The spoken commentary
FRLcast can call the race out loud: flags, penalties, the lead, overtakes and, if you want more, who is fighting for a podium. Add the commentary address as a second browser source, tick Control audio via OBS so its sound appears in the mixer, and set its level under your game audio. Add it only once, or two copies will speak at the same time.
When something looks wrong
- The overlay is blank. For a hosted event the address needs
?event=YOURCODE. Copy it from the console rather than typing it. - It does not change. Right-click the source, open Properties and press Refresh cache of current page. For a local event, check the FRLcast app is still running.
- Nothing moves. Most animation happens when something happens: a position change, a lap, a flag. With the session idle there is nothing to animate. The Overlays page has an animation rehearsal to prove motion reaches OBS.
- The commentator is silent. Almost always the audio setting above. Test the same address in a normal browser first.
Overlay OBS dan scene
Satu browser source untuk seluruh siaran, scene untuk tiap momen, dan tata letak yang bisa diubah tanpa menyentuh OBS.
Satu source, bukan dua puluh
FRLcast menggambar semua grafis di satu halaman transparan. Di OBS, tambahkan source Browser, tempel alamat dari halaman Setup OBS (atau dari kartu event di dashboard untuk event hosted), dan atur ukurannya 1920 × 1080. Letakkan source di atas game capture. Hanya itu setup-nya: leaderboard, timing tower, bendera, banner race control, lower third, hasil, dan semua widget lain ada di satu halaman itu, dan konsol yang menentukan apa yang tampil. Lebih sedikit source berarti beban OBS lebih ringan dan tidak ada yang terlupa antar malam balapan.
Dua pengaturan di properti source penting. Biarkan Shutdown source when not visible dan Refresh browser when scene becomes active tetap mati: overlay menjaga koneksinya sendiri dan menyambung ulang otomatis kalau jaringan terputus, dan refresh akan memutar ulang animasi masuk di saat yang salah.
Scene untuk tiap momen
Malam balapan punya momen yang butuh grafis berbeda: pre-show dengan hitung mundur dan sponsor, grid start, latihan, kualifikasi dengan waktu sektor, balapan, duel dan voting, battle drift, hasil, dan podium. FRLcast menyimpan masing-masing sebagai scene. Tombol scene di atas Race control mengganti overlay dengan sekali klik, dan perubahannya memudar halus di siaran. Kamu tidak perlu membuat scene yang sama di OBS; overlay berganti sendiri.
Menata widget dengan editor tata letak
Halaman Tata letak menampilkan kanvas 1920 × 1080 dengan widget scene tersebut. Seret widget untuk memindahkan, seret sudutnya untuk mengubah ukuran, dan pakai tombol panah untuk geser sedikit. Widget menempel ke area aman siaran, ke tengah, dan ke widget lain, jadi semuanya sejajar tanpa perlu mengukur. Tiap scene menyimpan susunannya sendiri. Kamu bisa memakai cuplikan game sebagai latar saat menata, sehingga terlihat persis bagian mana yang tertutup grafis.
Skin, tema, dan branding
Tampilan grafis tersedia dalam skin yang meniru seri sungguhan dan tema untuk warna, dan warna aksen serta logo liga diatur sekali. Logo bisa bergantian dengan bendera di status bar selama sesi. Tampilan tersimpan memungkinkanmu menyimpan kombinasi favorit dan memakainya lagi dengan sekali klik.
Komentar suara
FRLcast bisa membacakan jalannya balapan: bendera, penalti, pimpinan, salip-menyalip, dan kalau mau lebih, siapa yang memperebutkan podium. Tambahkan alamat komentar sebagai browser source kedua, centang Control audio via OBS supaya suaranya muncul di mixer, dan atur volumenya di bawah suara game. Tambahkan hanya sekali, atau dua salinan akan bicara bersamaan.
Kalau ada yang terlihat salah
- Overlay kosong. Untuk event hosted alamatnya harus membawa
?event=KODEMU. Salin dari konsol, jangan diketik. - Tidak berubah. Klik kanan source, buka Properties, lalu tekan Refresh cache of current page. Untuk event lokal, pastikan aplikasi FRLcast masih berjalan.
- Tidak ada yang bergerak. Sebagian besar animasi terjadi saat ada kejadian: perubahan posisi, lap, bendera. Saat sesi siaga tidak ada yang perlu dianimasikan. Halaman Overlay punya gladi animasi untuk membuktikan gerakannya sampai ke OBS.
- Komentator diam. Hampir selalu karena pengaturan audio di atas. Coba alamat yang sama di browser biasa dulu.