PANDUAN PRAKTIS
Open Broadcaster Software
OBS
P2ATP
Universitas Brawijaya
P2ATP
Universitas Brawijaya
Mengapa
Memilih OBS untuk Pembuatan Video
Pembelajaran
• Software Gratis (Free)
• Software Open Source untuk Video Recording dan Streaming
• Multi Platform
• Butuh Spesifikasi Hardware Rendah
• Support Filter warna (Green Screen)
• Ukuran Kompresi Video lebih Baik
• Output dapat langsung direkam di Local PC
• Output dapat untuk live streaming
P2ATP
Universitas Brawijaya
Instalasi
OBS di Laptop/PC
• Download aplikasi di
https://obsproject.com/download
• Open File EXE hasil download
• Lakukan Install sampai muncul Icon OBS Studio di layar Desktop
Laptop/PC
• Open OBS Studio sehingga terlihat seperti window di sebelah kanan…
P2ATP
Universitas Brawijaya
MENGENAL
Window Editing OBS
P2ATP
Universitas Brawijaya
MENGENAL
Window Editing OBS
Melakukan PENGATURAN awal
Open Broadcaster Software
OBS
P2ATP
Universitas Brawijaya
Pengaturan
Pada menu FILE, pilih SETTING
• General
P2ATP
Universitas Brawijaya
Pengaturan
Pada menu FILE, pilih SETTING
• Stream
• Kita dapat memasukkan alamat server untuk live streaming dan
passwordnya
P2ATP
Universitas Brawijaya
Pengaturan
Pada menu FILE, pilih SETTING
• Output
• Kita dapat mengatur letak penyimpanan hasil
recording
• Kualitas Rekaman (High Quality, Medium File Size)
• Format Rekaman (MP4)
P2ATP
Universitas Brawijaya
Pengaturan
Pada menu FILE, pilih SETTING
• Audio
• Kita dapat menentukan input audio yang akan digunakan untuk recording
• Desktop Audio (jika punya audio, video yang dijalankan saat kita presentasi)
• Microphone (tentukan INPUT Audio yang akan kita gunakan untuk rekaman)
Misal
P2ATP
Universitas Brawijaya
Pengaturan
Pada menu FILE, pilih SETTING
• Video
• Setting ukuran resolusi video awal pada saat kita
melakukan editing
• Setting ukuran resolusi video untuk hasil akhir (output)
• Setting Frame rate FPS (Frame Per Second)
• Banyaknya frame yang diputar setiap detiknya
P2ATP
Universitas Brawijaya
Pengaturan
Pada menu FILE, pilih SETTING
• Hotkeys
• cara cepat menggunakan kombinasi tombol di keyboard untuk
menjalakan suatu
perintah di aplikasi OBS
P2ATP
Universitas Brawijaya
Pengaturan
Pada menu FILE, pilih SETTING
• Advanced
P2ATP
Universitas Brawijaya
Klik menu Tools, pilih Auto-Configuration
Wizard
“Kita perlu menentukan resolusi canvas dan output
rekaman video”
PANDUAN PRAKTIS
PENGGUNAAN OBS
Open Broadcaster Software
OBS
APLIKASI UNTUK PRODUKSI VIDEO PEMBELAJARAN
https://obsproject.com/download
P2ATP
Universitas Brawijaya
Open Broadcaster Software
OBS
P2ATP
Universitas Brawijaya
P2ATP
Universitas Brawijaya
Siapkan bahan ajar, file pendukung lalu masukkan ke dalam
folder
3 LANGKAH MUDAH PRODUKSI
Bahan ajar digital menggunakan Open Broadcaster Software
Siapkan hardware dan software produksi video
pembelajaran
Skenario Layout Output dan Proses
rekaman video pembelajaran
P2ATP
Universitas Brawijaya
Siapkan bahan ajar, file pendukung lalu masukkan ke dalam
folder
3 LANGKAH MUDAH PRODUKSI
Bahan ajar digital menggunakan Open Broadcaster Software
P2ATP
Universitas Brawijaya
Siapkan hardware dan software produksi video
pembelajaran
Download di
https://obsproject.com/download 3 LANGKAH MUDAH PRODUKSI
Bahan ajar digital menggunakan Open Broadcaster Software
P2ATP
Universitas Brawijaya
Skenario Output dan Proses rekaman video pembelajaran
3 LANGKAH MUDAH PRODUKSI
Bahan ajar digital menggunakan Open Broadcaster Software
Skenario Output
Proses Rekaman Video Pembelajaran
Memanfaatkan
Camera Ponsel
Menjadi WEBCAM di Laptop/PC
Memanfaatkan KAMERA PONSEL menjadi WEBCAM di Laptop/PC
Pastikan Setting untuk developer option, UB Debugging sudah ON.. Lalu Sambungkan Ponsel ke Laptop/PC menggunakan Kabel USB,
P2ATP
Universitas Brawijaya
Download Aplikasi DROIDCAM untuk Laptop di www.dev47apps.comlalu install
Jalankan aplikasi dilaptop dan pilih opsi untuk memasukkan device IP atau Droidcam Port.
Webcam dari ponsel siap digunakan……….
Download Aplikasi DROIDCAM untuk Ponsel di goole play store lalu install, dan open..
Jika di laptop kita tidak ada webcam, atau ada webcam namun kualitas videonya masih belum bagus (fpsnya kurang dari 25) maka kita dapat memanfaatkan Kamera Ponsel menjadi WEBCAM…..
Memanfaatkan KAMERA PONSEL menjadi WEBCAM di Laptop/PC
P2ATP
Universitas Brawijaya
Setting awal pada ponsel pada Developer Options di ubah ke ON.
Pada saat aplikasi DroidCam sudah di jalankan akan muncul Allow USB Debugging….
Silahkan pilih OK
MENENTUKAN
SOURCE
Open Broadcaster Software
Setting
PowerPoint
SLIDE SHOW untuk dimasukkan ke
SOURCE
OBSwww.themegallery.com
Fungsinya Menjadikan
output Slide Show
sebagaiWINDOW
Sehingga tidak
menutup layar……
P2ATP
Universitas Brawijaya
Mulai Proses
REKAMAN
Contoh Skenario 1:
Kita akan buat video pembelajaran dengan output seperti dibawah ini
Kebutuhan Source:
1. Window Capture - Window dari Slide Show Power Point
2. Video Capture Device - Video dari WebCam
P2ATP
Universitas Brawijaya
Mulai Proses
REKAMAN
Contoh Skenario 2:
Kita akan buat video pembelajaran dengan output seperti dibawah ini
Kebutuhan Source:
1. Window Capture - Window dari Slide Show Power Point
2. Video Capture Device - Video
dari WebCam
3. Media Source - Video Animasi
P2ATP
Universitas Brawijaya
Mulai Proses
REKAMAN
Contoh Skenario 3:
Kita akan buat video pembelajaran dengan output seperti dibawah ini
Kebutuhan Source:
1. Window Capture - Window dari Slide Show Power Point
2. Video Capture Device - Video
dari WebCam
3. Image - Gambar Background (ada tulisan dan logo institusi)
P2ATP
Universitas Brawijaya
Mulai Proses
REKAMAN
Contoh Skenario 4:
Kita akan buat video pembelajaran dengan output seperti dibawah ini
Kebutuhan Source:
1. Image 2 file - Gambar Background (ada tulisan dan logo institusi)
2. Window Capture - Window dari Slide Show Power Point
3. Video Capture Device - Video
dari WebCam
4. Media Source - Video Animasi
LATIHAN PRAKTIS Menambahkan
Source
P3ATP
Universitas Brawijaya
P2ATP
Universitas Brawijaya
“Masukan semua Source yang akan
terlibat dalam scenario
Output Video Pembelajaran”
LANGKAH MUDAH
“Klik tanda + lalu pilih Source yang akan dimasukkan ke dalam Video Pembelajaran”
Kebutuhan Source:
1. Image 2 file -Gambar
Background (ada tulisan dan logo institusi)
2. Window Capture -Window
dari Slide Show Power Point
3. Video Capture Device -
Video dari WebCam
4. Media Source - Video Animasi
Merancang
SCENE 1
sesuai skenario OUTPUT Video Pembelajaran
P2ATP
Universitas Brawijaya
Scene berhubungan dengan
Tampilan/Layout
yang akan kita jadikanoutput video pembelajaran
Contoh Scene 1:
Kita perlu membuat scene seperti dibawah ini, maka source yang terlibat adalah
1. Video Capture
Device - Video dari WebCam
2. Image - Gambar Background (ada tulisan dan logo institusi)
Langkah Praktis:
Scene Utama klik Kanan, pilih duplicate, lalu Rename : Scene 1 – Full Video & Gambar Background Tengah
P2ATP
Universitas Brawijaya
Scene berhubungan dengan
Tampilan/Layout
yang akan kita jadikanoutput video pembelajaran
Langkah Praktis:
Scene Utama klik Kanan, pilih duplicate, lalu Rename : Scene 1 – Full Video & Gambar Background Tengah
Kita dapat sembunyikan source yang tidak terpakai, dengan cara
klik icon matayang pada window sources
P2ATP
Universitas Brawijaya
Scene berhubungan dengan
Tampilan/Layout
yang akan kita jadikanoutput video pembelajaran
Atur ukuran dan posisi source
Atur urutan layer, Source mana yang berada di atas, mana yang di bawah
Merancang
SCENE 2
sesuai skenario OUTPUT Video Pembelajaran
P2ATP
Universitas Brawijaya
Scene berhubungan dengan
Tampilan/Layout
yang akan kita jadikanoutput video pembelajaran
Contoh Scene 1:
Kita perlu membuat scene seperti dibawah ini, maka source yang terlibat adalah
1. Video Capture Device - Video dari WebCam
2. Image -Gambar Background (ada tulisan dan logo institusi)
3. Window Capture - Window dari Slide Show Power Point
Langkah Praktis:
Scene Utama klik Kanan, pilih duplicate, lalu Rename : Scene 2 – Full Video PPT & Gambar Background Tengah
P2ATP
Universitas Brawijaya
Scene berhubungan dengan
Tampilan/Layout
yang akan kita jadikanoutput video pembelajaran
Langkah Praktis:
Scene Utama klik Kanan, pilih duplicate, lalu Rename : Scene 1 – Full Video & Gambar Background Tengah
Kita dapat sembunyikan source yang tidak terpakai, dengan caraklik icon matayang pada window sources
Lanjutkan dengan pengaturan posisi, ukuran & urutan layer dari sources
Merancang
SCENE 3
sesuai skenario OUTPUT Video Pembelajaran
P2ATP
Universitas Brawijaya
Scene berhubungan dengan
Tampilan/Layout
yang akan kita jadikanoutput video pembelajaran
Contoh Scene 1:
Kita perlu membuat scene seperti dibawah ini, maka source yang terlibat adalah
1. Video Capture Device - Video dari WebCam
2. Image 2 - Gambar Background (ada tulisan dan logo institusi)
3. Window Capture - Window dari Slide Show Power Point
Langkah Praktis:
Scene Utama klik Kanan, pilih duplicate, lalu Rename : Scene 3 – Full PPT, Video kecil kanan & Gambar Background
P3ATP
Universitas Brawijaya
Scene berhubungan dengan
Tampilan/Layout
yang akan kita jadikanoutput video pembelajaran
Langkah Praktis:
Scene Utama klik Kanan, pilih duplicate, lalu Rename : Scene 3 – Full PPT, Video kecil kanan & Gambar Background
Kita dapat sembunyikan source yang tidak terpakai, dengan caraklik icon matayang pada window sources
Lanjutkan dengan pengaturan posisi, ukuran & urutan layer dari sources
Merekam Video Pembelajaran
P2ATP
Universitas Brawijaya
LATIHAN PRAKTIS
