Menambahkan Audio Backsound Pada Articulate Stroyline 3 dengan Java Script #Update2021

pada tanggal

Hello word, kali ini saya akan berbagi tutorial cara paling mudah untuk menambahkan Audio Backsound pada Articulate Storyline dengan menggunakan Java Script sebagai update posting tulisan saya sebelumnya (https://nenyjos.blogspot.com/2019/01/menambahkan-audio-backsound-dengan_1.html). Simak dengan baik tutorial berikut ini yaa...

1. Setelah media pembelajaran sudah selesai dibuat, silahkan buka Slide Master dengan klik View dan pilih Slide Master

2. Copas script JS (Java Script) dibawah ini pada Slide Master Utama disemua layout yang ada pada media dengan memberikan trigger exsecute javascript, dengan when-nya timeline start. seperti pada gambar berikut ini:

3. Insert audio pada slide pertama, sembunyikan icon audio.

4. Pastikan nama audio sama dengan yang ada di script JS misal contoh diatas audio backsound diberi nama "bg_music"

5. Klik Publish

6. Tambahkan file audio sbg bg_music pada folder output hasil publish

7. Done

Selamat mencoba dan jangan lupa komentarnya yaaa...😊


NB: Java Script Audio BackSound

var myAudioDiv = document.getElementById("audioDiv");

if (myAudioDiv == null || myAudioDiv == undefined) {
 var myDiv = document.createElement('audio');
 myDiv.id = 'audioDiv';
 myDiv.src = "bg_music.mp3"
 document.getElementsByTagName('body')[0].appendChild(myDiv);
 myDiv.loop = true;
 myDiv.autoplay = true;
 myDiv.load();
 myDiv.play();
 myDiv.style.visibility = "hidden";
}

Sumber Referensi:

Komentar

Posting Komentar