ความคิดเห็น: เล่นเสียงตามองค์ประกอบเสียง HTML5 jQuery ปลั๊กอินเพื่อนที่ต้องการมันสามารถอ้างถึงได้
1. บางครั้งข้างหน้าเมื่อฉันอยู่ในมหาวิทยาลัยในฝันของฉันเว็บไซต์แฟลชดูเหมือนจะเป็นที่นิยมเล็กน้อยและในเว็บไซต์แฟลชที่มีเนื้อหาเล็กน้อยเอฟเฟกต์เสียงต่าง ๆ ก็ขาดไม่ได้เสมอ เอฟเฟกต์เสียงบางอย่างเป็นเพลงพื้นหลังที่สร้างบรรยากาศและอีกส่วนหนึ่งคือเสียงแบบโต้ตอบที่ส่งเสริมการโต้ตอบและเพิ่มประสบการณ์เช่นการส่งเสียงบี๊บหรือส่งเสียงพึมพำเมื่อกดปุ่มหรือส่งผ่าน ในเวลานั้นมีการโต้ตอบกันไม่กี่ครั้งในหน้าเว็บที่ห่างไกลจากแฟลช แม้ว่าจะมีเพื่อให้บรรลุความเข้ากันได้ไม่ว่าจะด้วยความช่วยเหลือของการควบคุมหรือโดยการโต้ตอบกับแฟลช (ตัวอย่างเช่นการใช้เสียงระเบิดของกระสุนที่กระทบเป้าหมายในเกมปัญญาอ่อนที่ฉันเขียนไว้ก่อนหน้านี้)
มาร์กซ์บอกเราว่าสิ่งต่าง ๆ พัฒนาขึ้นและวันหนึ่งเด็กผู้หญิงจะกลายเป็นหญิงสาวและเทคโนโลยีก็เช่นกัน ตัวอย่างเช่น Gary Kwicks CEO ของ Mozilla เปิดเผยในวันนี้ว่า Firefox 5 จะได้รับการปล่อยตัวอย่างเป็นทางการในวันที่ 22 มิถุนายนเพียง 3 เดือนหลังจาก Firefox 4 ได้รับการปล่อยตัว - คลิกเพื่อดู ด้วยความก้าวหน้าและความนิยมของ HTML5 เอฟเฟกต์จำนวนมากที่เกิดขึ้นกับ Flash ก่อนหน้านี้สามารถนำไปใช้ได้อย่างง่ายดายบนหน้าเว็บ ตัวอย่างเช่นการเล่นไฟล์เสียง บทความนี้จะทำให้ความสนุกบางอย่างเพื่อให้เอฟเฟกต์การเล่นเสียงเมื่อ Element Hover สามารถทำได้อย่างง่ายดายภายใต้ jQuery ตามองค์ประกอบเสียง HTML5 ดังนั้นเท่าที่บทความนี้และปลั๊กอินนี้เกี่ยวข้อง IE6 ~ 8 เป็นชีวิตของการทำซอสถั่วเหลืองและถือกลุ่มเพื่อให้อบอุ่น
2. ผลกระทบทรัพยากรและการใช้งาน
เช่นเดียวกับวันที่คนตาบอดมันสำคัญมากสำหรับสิ่งที่คนอื่นดูเหมือนดังนั้นหากคุณต้องการที่จะมองเห็นใบหน้าที่แท้จริงของ Lushan คุณสามารถคลิกที่นี่: เล่นการสาธิตปลั๊กอิน sound jQuery
คุณสามารถดูการนำทางแนวตั้งคล้ายกับสิ่งต่อไปนี้ในการสาธิต:
คลื่นลูกแรกของการนำทางเมื่อเมาส์เคลื่อนที่อย่างรวดเร็วจะมีการเล่นเพียงครั้งเดียวเช่นเดียวกับการเรียกของแม่ในใจของฉัน ในขณะที่เมาส์เคลื่อนที่อย่างรวดเร็วและการนำทางด้านล่างเล่นด้วยเสียงหลายเสียงเช่น firecrackers เช่นเดียวกับการเรียกของไอดอลจำนวนมากในใจของฉัน
ปลั๊กอิน jQuery นี้ง่ายมากและเล็กมากประมาณ 30 หยวนดังนั้นทำไมต้องใช้ปืนต่อต้านอากาศยานเพื่อต่อสู้กับยุง? ดังนั้นฉันจะไม่แพ็คมัน หากคุณสนใจสคริปต์คุณสามารถคลิกขวา-[เป้าหมาย | ลิงก์] บันทึกเป็นลิงค์ต่อไปนี้: jQuery-audioplay.js
ใช้
ก่อนอื่นโทรไปที่ไลบรารี jQuery และไฟล์สคริปต์เอฟเฟกต์นี้ดังนี้:
<script type = text/javascript src => </script> _fcksavedurl => </script> _fcksavedurl => </fcksavedurl => </script>
<script type = text/javascript src => </script>
จากนั้นผูกองค์ประกอบที่ต้องการให้เมาส์เล่นเสียง ชื่อวิธีคือ: AudioPlay () ตัวอย่างเช่นข้อมูลต่อไปนี้ใช้ในหน้าสาธิต:
$ ("#nav li"). เสียง ({
ชื่อ: "playonce",
urlmp3: "/study/media/beep.mp3"
urlogg: "/study/media/beep.ogg"
-
เห็นได้ชัดว่ามันเป็นไปไม่ได้ที่จะเล่นเสียงโดยไม่มีแหล่งไฟล์เสียงดังนั้นที่อยู่เสียงจึงขาดไม่ได้ในพารามิเตอร์ สำหรับพารามิเตอร์เฉพาะและคำแนะนำที่เกี่ยวข้องโปรดดูที่ตารางด้านล่าง:
คำจำกัดความพารามิเตอร์เริ่มต้น
สตริง NameaudiPlay ใช้สำหรับการจัดกลุ่ม ใช้เมื่อมีองค์ประกอบการเล่นหลายกลุ่มบนหน้าในเวลาเดียวกัน
สตริง urlmp3 พารามิเตอร์นี้ต้องเป็น หมายถึงที่อยู่ไฟล์เสียงในรูปแบบ MP3
สตริง urlogg พารามิเตอร์นี้จะต้องเป็น หมายถึงที่อยู่ไฟล์เสียงในรูปแบบ OGG
ประเภทบูลีน CloneFalse ไม่ว่าจะเป็นกลุ่มขององค์ประกอบเดียวกันจะมีแหล่งเสียงเดียวกันหรือไม่
หมายเหตุ: เบราว์เซอร์ Firefox และ Opera รองรับ Agg Format Audio ในขณะที่ WebKit Core Browsers และ IE รองรับเสียงรูปแบบ MP3
เอฟเฟกต์เสียงของสองกลุ่มการนำทางในหน้าสาธิตใช้พารามิเตอร์ทั้งหมดข้างต้นซึ่งใช้อย่างเต็มที่ดังนี้:
$ (function () {
$ ("#nav li"). เสียง ({
ชื่อ: "playonce",
urlmp3: "/study/media/beep.mp3"
urlogg: "/study/media/beep.ogg"
-
$ ("#nav2 li"). เสียง ({
urlmp3: "/study/media/beep.mp3"
urlogg: "/study/media/beep.ogg"
โคลน: จริง
-
-
3. บางคนจู้จี้ในตอนท้าย
ตอนนี้เบราว์เซอร์ที่รองรับองค์ประกอบเสียง HTML5 มีดังนี้: Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+ ในประเทศที่มีมนต์ขลังของเรา IE6 ~ 8 ยังคงครอบครองส่วนใหญ่ของโลก คุณอาจคิดว่าสิ่งต่าง ๆ ในบทความนี้ยังไม่มีคุณค่าในปัจจุบัน
อย่างไรก็ตามตามหลักการของการปรับปรุงอย่างค่อยเป็นค่อยไปชั่งน้ำหนักยูทิลิตี้และการยึดครองทรัพยากรมันก็เป็นไปไม่ได้ที่จะใช้สิ่งเล็ก ๆ น้อย ๆ นี้ในบทความนี้ในโครงการจริง ยิ่งไปกว่านั้นด้วยการเพิ่มขึ้นอย่างมีนัยสำคัญในปริมาณการติดตั้งของ Windows 7 ยุค IE6 อาจมาถึงจุดสิ้นสุดอย่างฉับพลันโดยไม่ตั้งใจ จากนั้นมันอาจจะไม่สายเกินไปสำหรับคุณที่จะทำมัน ความรู้สึกนี้มาจากเจ้าของบ้านปัจจุบันของฉันซึ่งอยู่ในอายุหกสิบเศษหรืออายุเจ็ดสิบ แม้ว่าโดยทั่วไปเขาไม่รู้อะไรเลยเกี่ยวกับคอมพิวเตอร์ (แค่ดูหุ้น) คอมพิวเตอร์ของเขานั้นงดงามและสวยงามและดูเหมือนว่ามันค่อนข้างน่าสนใจที่จะใช้ระบบ Windows 7
การใช้ประโยชน์จากเทคโนโลยีส่วนหน้าคุณต้องทำงานอย่างหนักเพื่อฝึกฝนทักษะพื้นฐาน มิฉะนั้นเมื่อกระแสน้ำขึ้นมามันจะถูกกลืนได้อย่างง่ายดายด้วยเทคโนโลยีใหม่ที่เพิ่มขึ้น โดยส่วนตัวแล้วฉันรู้สึกว่ามันเป็นเหมือนญี่ปุ่นหลังจากเกิดแผ่นดินไหวและสึนามิขนาดใหญ่กำลังจะมาถึง ...
บรรจุภัณฑ์และดาวน์โหลดรหัส