Tutorial Membuat Button Voice Dengan Javascript

Zlearn.id akan berbagi informasi dan tutorial mengenai bagaimana caranya membuat button/link yang akan berbunyi bila di klik  menggunakan javascript atau php. Animasi atau efek suara klik ini di perlukan bagi anda yang ingin menambaha  efek suara pada web anda nah untuk lebih jelasnya bisa kita langsung masuk ke tutorial Membuat Button Voice Dengan Javascript.

http://www.zlearn.id/2017/08/membuat-button-voice-dengan-javascript.html

Pertama yang harus dilakukan yaitu buat sebuah file html disini saya membuatnya dengan nama index.html
Kedua tulis atau kopikan script berikut:
<!DOCTYPE html>
<html>
<head>
<title>Membuat Button Voice by zlearn.id</title>
</head>
<body>
<audio id="myAudio" src="beep.mp3" preload="auto">
</audio>
<a onClick="togglePlay()"><button type="button">Play</button></a>

<script type="text/javascript">
var myAudio = document.getElementById("myAudio");
var isPlaying = false;

function togglePlay() {
  if (isPlaying) {
    myAudio.pause()
  } else {
    myAudio.play();
  }
};
myAudio.onplaying = function() {
  isPlaying = true;
};
myAudio.onpause = function() {
  isPlaying = false;
};
</script>
</body>
</html>
Kemudian simpan file yang telah kita buat dan mari kita coba jalankan di browser untuk mencoba script membuat klik tombol/link suara dengan javascript dan akan seperti gambar di bawah ini:

zlearn.id membuat klik link atau tombil dengan js
keteranagan:
<audio id="myAudio" src="beep.mp3" preload="auto">
</audio>

src=".mp3/ogg" silahkan isi dengan sumber suara yang ingin anda bunyikan bisa menggunakan ekstensi amr, mp3 , ogg dsb.

yang mau download bisa mendownloanya di link berikut:

Download

password zip: zlearn.id

Baca Juga:








Share this

Related Posts

Previous
Next Post »

Berita Unik

loading...