Komentar: Mainkan suara berdasarkan plug-in elemen audio HTML5, teman-teman yang membutuhkannya dapat merujuknya.
1. Beberapa kuku di depanKetika saya berada di universitas saya yang melamun, situs web Flash tampaknya sedikit populer, dan di situs flash dengan sedikit konten, berbagai efek suara selalu sangat diperlukan. Beberapa efek suara adalah musik latar yang menciptakan suasana, dan bagian lainnya adalah suara interaktif yang mempromosikan interaksi dan meningkatkan pengalaman, seperti bip atau berdengung ketika tombol ditekan atau dilewatkan. Pada saat itu, ada beberapa interaksi suara di halaman web yang jauh dari flash. Bahkan jika ada, untuk mencapai kompatibilitas, baik dengan bantuan kontrol atau dengan berinteraksi dengan Flash (misalnya, implementasi suara ledakan peluru yang mengenai target dalam permainan mental terbelakang yang saya tulis sebelumnya).
Marx memberi tahu kita bahwa hal -hal berkembang, dan suatu hari gadis akan menjadi wanita muda, dan begitu juga teknologi. Sebagai contoh, CEO Mozilla Gary Kwicks mengungkapkan hari ini bahwa Firefox 5 akan secara resmi dirilis pada 22 Juni, hanya 3 bulan setelah Firefox 4 dirilis - klik untuk dilihat. Dengan kemajuan dan popularitas HTML5, banyak efek yang sebelumnya dicapai dengan Flash sekarang dapat dengan mudah diimplementasikan pada halaman web. Misalnya, pemutaran file audio. Artikel ini akan membuat beberapa hal menyenangkan, sehingga efek dari bermain suara ketika elemen melayang mudah dicapai di bawah jQuery, berdasarkan elemen audio HTML5. Oleh karena itu, sejauh menyangkut artikel ini dan plug-in ini, IE6 ~ 8 adalah kehidupan membuat kecap dan menahan kelompok untuk tetap hangat.
2. Efek, Sumber Daya dan Penggunaan
Sama seperti kencan buta, sangat penting bagi seperti apa orang lain, jadi jika Anda ingin melihat sekilas wajah sejati Lushan, Anda dapat mengklik di sini: Mainkan Demo Plug-In Sound JQuery
Anda dapat melihat navigasi vertikal yang mirip dengan yang berikut dalam demo:
Gelombang pertama navigasi ketika mouse bergerak dengan cepat, akan selalu ada satu suara, seperti panggilan ibu di hati saya; Sementara mouse bergerak dengan cepat, dan navigasi di bawah ini dimainkan dengan banyak suara seperti petasan, seperti panggilan banyak idola di hati saya.
Plug-in jQuery ini sangat sederhana dan sangat kecil, sekitar 30 yuan, jadi mengapa menggunakan senjata anti-pesawat untuk melawan nyamuk? Jadi, saya tidak akan mengemasnya. Jika Anda tertarik dengan skrip, Anda dapat mengklik kanan-[target | tautan] Simpan sebagai tautan berikut: jQuery-audioplay.js
menggunakan
Pertama, hubungi perpustakaan jQuery dan file skrip efek ini, sebagai berikut:
<type script = text/javascript src => </script> _fcksavedUrl => </script> _fcksavedUrl => </script> _fcksavedUrl => </cript>
<type skrip = teks/javascript src => </script>
Kemudian, ikat elemen -elemen yang mengharuskan mouse untuk memainkan suara. Nama metode adalah: audioplay (), misalnya, berikut ini digunakan di halaman demo:
$ ("#nav li"). audioplay ({
Nama: "PlayOnce",
urlmp3: "/study/media/beep.mp3",
urlogg: "/study/media/beep.ogg"
});
Jelas, tidak mungkin untuk memutar suara tanpa sumber file audio, sehingga alamat audio sangat diperlukan dalam parameter. Untuk parameter tertentu dan instruksi terkait, silakan merujuk ke tabel di bawah ini:
Definisi parameter default
string nameaudioplay, digunakan untuk pengelompokan. Digunakan ketika ada beberapa kelompok elemen bermain di halaman pada saat yang sama.
String URLMP3, parameter ini harus. Mengacu pada alamat file audio dalam format MP3.
string urlogg, parameter ini harus. Mengacu pada alamat file audio dalam format OGG.
Jenis Clonefalse Boolean. Apakah kelompok elemen yang sama memainkan sumber suara yang sama.
CATATAN: Browser Firefox dan Opera mendukung audio format OGG, sementara browser inti Webkit dan IE mendukung audio format mp3.
Efek suara dari dua kelompok navigasi pada halaman demo menerapkan semua parameter di atas, yang sepenuhnya digunakan sebagai berikut:
$ (function () {
$ ("#nav li"). audioplay ({
Nama: "PlayOnce",
urlmp3: "/study/media/beep.mp3",
urlogg: "/study/media/beep.ogg"
});
$ ("#nav2 li"). audioplay ({
urlmp3: "/study/media/beep.mp3",
Urlogg: "/study/media/beep.ogg",
Klon: Benar
});
});
3. Beberapa mengomel di akhir
Sekarang browser yang mendukung elemen audio HTML5 adalah sebagai berikut: Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+. Di negara ajaib kami, IE6 ~ 8 masih menempati sebagian besar dunia. Anda mungkin berpikir bahwa hal -hal dalam artikel ini masih tidak ada nilainya saat ini.
Namun, sesuai dengan prinsip peningkatan bertahap, menimbang utilitas dan pekerjaan sumber daya, juga bukan tidak mungkin untuk menerapkan hal kecil ini dalam artikel ini dalam proyek aktual. Selain itu, dengan peningkatan yang signifikan dalam volume pemasangan Windows 7, era IE6 mungkin telah mencapai ujung yang tiba -tiba secara tidak sengaja. Pada saat itu, mungkin belum terlambat bagi Anda untuk menebusnya. Perasaan ini berasal dari pemilik saya saat ini, yang berusia enam puluhan atau tujuh puluhan. Meskipun pada dasarnya dia tidak tahu apa -apa tentang komputer (lihat saja stok), komputernya cantik dan indah, dan tampaknya cukup menarik untuk menggunakan sistem Windows 7.
Mengambil keuntungan dari gelombang teknologi front-end, Anda perlu bekerja keras untuk mempraktikkan keterampilan dasar. Kalau tidak, ketika gelombang datang, itu akan dengan mudah ditelan oleh teknologi baru yang melonjak. Secara pribadi, saya merasa seperti Jepang setelah gempa bumi, dan tsunami besar akan datang ...
Pengemasan dan Unduh Kode Uji