Skip to main content

Cara Memainkan Suara di Klik atau Rollover

Tutorial adobe flash cs6 bahasa Indonesia membuat mouse over pada button (Juni 2025)

Tutorial adobe flash cs6 bahasa Indonesia membuat mouse over pada button (Juni 2025)
Anonim

Salah satu fitur aplikasi komputer adalah ada umpan balik ketika Anda melakukan sesuatu. Jenis umpan balik yang paling umum adalah suara. Komputer mengklik ketika Anda memilih sesuatu, berbunyi ketika ada kesalahan, dan membuat suara lain untuk mengingatkan Anda ke situasi. Tetapi halaman web tidak memiliki jenis umpan balik ini. Ini membuat mereka tampak membosankan atau tidak responsif.

Untungnya mudah untuk mengubahnya. Menggunakan atribut dan suara HTML dinamis, Anda dapat membuat halaman web yang bertindak lebih seperti aplikasi.

Tambahkan Suara Saat Pelanggan Mengklik Sesuatu

Skrip ini akan menambahkan efek suara ketika pelanggan mengklik sesuatu menggunakan atribut dan ketika pelanggan menggulirkan sesuatu menggunakan atribut. Pastikan untuk mengujinya di berbagai browser, karena tidak semua browser web menangani pergerakan mouse dan atribut klik pada elemen selain tautan.

Tempatkan skrip berikut di HEAD dari dokumen HTML Anda:

Tempatkan Suara dalam Rentang Kosong

JavaScript menempatkan elemen EMBED di dalam elemen SPAN kosong ketika skrip dimulai. Jadi, Anda perlu menambahkan tag SPAN berikut di suatu tempat di dalam BODY halaman HTML Anda, sebaiknya di dekat bagian atas dokumen:

Panggil Skrip dengan Atribut

Hal terakhir yang perlu Anda tambahkan adalah elemen yang Anda ingin menghasilkan suara di klik atau pada gerakan mouse. Panggil skrip dengan salah satu atribut ini. Ganti UrlToSoundFile dengan URL lengkap ke file suara yang ingin Anda mainkan:

Klik di sini untuk mendengar suara<> onmouseover = "playSound ('UrlToSoundFile');" > Arahkan mouse ke teks ini untuk mendengar suara

Berikut ini seluruh dokumen HTML, memainkan suara bluejay. File suara disimpan di direktori yang sama dengan halaman HTML:

Contoh Cara Memainkan Suara di Klik atau di MouseOver

Klik di sini untuk mendengar seekor burung bernyanyi

<> onmouseover = "playSound ('zbluejay.wav');" > Atau Anda dapat meletakkan mouse di atas paragraf ini untuk mendengar suara burung yang sama.