Cara Pasang Musik Game Edukasi yang Bisa Berhenti Otomatis Saat Ayat/Video Diputar (Storyline 3)

Pengembangan fitur media intaraktif itu yang sangat berguna, terutama untuk konten edukasi seperti game Petualangan Hijaiyah atau Kisah Nabi yang sedang Anda kembangkan. Anda pasti ingin musik berhenti total saat narasi ayat suci atau video pembelajaran sedang diputar, lalu musik kembali menyala otomatis saat masuk ke slide permainan.

Untuk hasil yang paling rapi dan profesional, kita akan menggunakan teknik "Dual Master Slide".

Konsep Logikanya

Kita akan membagi slide Anda menjadi dua jenis perlakuan:

1. Slide Normal (Game/Menu): Musik harus menyala (jika user mengaktifkannya).

2. Slide Hening (Video/Ayat): Musik harus mati (pause).

Langkah 1: Update Kode di Master Slide Utama (Slide Normal)

Master Slide ini akan kita jadikan "penjaga" agar musik selalu menyala.

1. Buka View > Slide Master.

2. Pilih Master Slide utama (induk) yang biasa Anda gunakan.

3. Edit trigger JavaScript "Timeline Starts" yang sudah Anda buat sebelumnya.

4. Ganti/Update kodenya menjadi lebih lengkap seperti ini:

JavaScript

// 1. Inisialisasi Audio (Jika belum ada)
if (window.bgmAudio === undefined) {
    window.bgmAudio = new Audio('bgm.mp3');
    window.bgmAudio.loop = true;
    window.bgmAudio.volume = 0.5;
}

// 2. Logika Pengecekan (RESUME)
// Ambil status tombol musik dari Storyline
var player = GetPlayer();
var status = player.GetVar("statusMusik");

// Jika user ingin musik ON (True), tapi audio sedang PAUSED, maka nyalakan!
if (status == true && window.bgmAudio.paused) {
    window.bgmAudio.play().catch(function(error) {
        // Mencegah error jika interaksi belum terjadi
        console.log("Menunggu interaksi user untuk play audio");
    });
}

Artinya: Setiap kali masuk ke slide yang menggunakan Master ini, sistem akan memaksa musik menyala kembali (kecuali user memang mematikannya lewat tombol).

Langkah 2: Buat Master Slide Khusus "Hening"

Kita butuh Master Slide kedua yang tugasnya kebalikan: memaksa musik diam.

1. Masih di menu Slide Master.

2. Klik kanan pada Master Slide Induk tadi -> pilih Duplicate Slide Master.

   • Sekarang Anda punya dua induk Master.

3. Klik kanan pada hasil duplikat tersebut -> Rename Master, beri nama "Master Hening".

4. Pada "Master Hening" ini, hapus trigger JavaScript yang lama.

5. Buat Trigger JavaScript baru (Timeline Starts) dengan kode khusus ini:

JavaScript

// Logika Memaksa Hening (PAUSE)
// Kita tidak mengubah variabel 'statusMusik' agar saat kembali ke menu, musik ingat status aslinya.

if (window.bgmAudio !== undefined && !window.bgmAudio.paused) {
    window.bgmAudio.pause();
}

6. Tutup Slide Master (Close Master View).

Langkah 3: Terapkan pada Slide

Sekarang Anda tinggal memilih slide mana yang mau ada musiknya dan mana yang tidak.

1. Untuk Slide Game/Menu:

   • Pastikan slide tersebut menggunakan Layout dari Master Slide Utama (yang ada kode Resume).

   • Caranya: Klik kanan slide -> Layout -> Pilih layout dari kelompok Master pertama.

2. Untuk Slide Video/Ayat Suci:

   • Klik kanan slide tersebut di panel kiri.

   • Pilih Layout.

   • Pilih Layout yang berasal dari "Master Hening".

Rangkuman Hasil

Dengan metode ini, alurnya akan berjalan otomatis:

1. User main game (Slide Normal) -> Musik Jalan.

2. User pindah ke Slide Kisah Nabi (Slide Hening) -> Script Master Hening berjalan -> Musik Pause.

3. User klik "Lanjut" kembali ke Menu (Slide Normal) -> Script Master Utama berjalan -> Cek status "Oh user tadi tidak mematikan tombol" -> Musik Jalan Lagi.

Apakah penjelasan teknis ini cukup jelas untuk diterapkan di project Anda?

Baca Juga