คำถามติดแท็ก html5-audio

ฉันกำลังสร้างเกมด้วย HTML5 และ Javascript ฉันจะเล่นเสียงเกมผ่าน Javascript ได้อย่างไร

692 javascript  html  html5-audio 

ฉันกำลังใช้ HTML5 กับเกมโปรแกรม อุปสรรคที่ฉันพบตอนนี้คือวิธีเล่นเอฟเฟกต์เสียง ข้อกำหนดเฉพาะมีจำนวนน้อย: เล่นและผสมเสียงหลาย ๆ เล่นตัวอย่างเดียวกันหลายครั้งอาจเล่นทับกัน ขัดจังหวะการเล่นตัวอย่างทุกจุด ควรเล่นไฟล์ WAV ที่มี PCM แบบดิบ (คุณภาพต่ำ) แต่ฉันสามารถแปลงไฟล์เหล่านี้ได้แน่นอน วิธีแรกของฉันคือการใช้<audio>องค์ประกอบHTML5 และกำหนดเอฟเฟกต์เสียงทั้งหมดในหน้าของฉัน Firefox เล่นไฟล์ WAV เพียงลูกพีช แต่การโทร#playหลายครั้งไม่ได้เล่นตัวอย่างหลาย ๆ ครั้ง จากความเข้าใจของฉันเกี่ยวกับข้อมูลจำเพาะ HTML5 <audio>องค์ประกอบยังติดตามสถานะการเล่นด้วยดังนั้นจึงอธิบายได้ว่าทำไม ความคิดฉับพลันของฉันคือการโคลนองค์ประกอบเสียงดังนั้นฉันจึงสร้างไลบรารี JavaScript ขนาดเล็กต่อไปนี้ขึ้นมาเพื่อทำสิ่งนั้นสำหรับฉัน (ขึ้นอยู่กับ jQuery): var Snd = { init: function() { $("audio").each(function() { var src = this.getAttribute('src'); if (src.substring(0, 4) !== …

316 javascript  html  html5-audio 

ฉันกำลังเล่นคลิปเสียงขนาดเล็กเมื่อคลิกแต่ละลิงก์ในการนำทาง รหัส HTML: <audio tabindex="0" id="beep-one" controls preload="auto" > <source src="audio/Output 1-2.mp3"> <source src="audio/Output 1-2.ogg"> </audio> รหัส JS: $('#links a').click(function(e) { e.preventDefault(); var beepOne = $("#beep-one")[0]; beepOne.play(); }); มันใช้งานได้ดีจนถึงตอนนี้ ปัญหาคือเมื่อคลิปเสียงทำงานแล้วและฉันคลิกที่ลิงค์ใด ๆ ไม่มีอะไรเกิดขึ้น ฉันพยายามหยุดเสียงที่กำลังเล่นอยู่เมื่อคลิกที่ลิงก์ แต่ไม่มีเหตุการณ์โดยตรงสำหรับสิ่งนั้นใน Audio API ของ HTML5 ฉันลองใช้รหัสต่อไปนี้ แต่มันไม่ทำงาน $.each($('audio'), function () { $(this).stop(); }); ข้อเสนอแนะโปรด?

147 html  html5-audio 

สิ่งที่ฉันอยากทำที่สุดคือบันทึกจากไมโครโฟนของผู้ใช้และอัปโหลดไฟล์ไปยังเซิร์ฟเวอร์เมื่อเสร็จสิ้น จนถึงตอนนี้ฉันสามารถสร้างสตรีมไปยังองค์ประกอบด้วยรหัสต่อไปนี้: var audio = document.getElementById("audio_preview"); navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; navigator.getUserMedia({video: false, audio: true}, function(stream) { audio.src = window.URL.createObjectURL(stream); }, onRecordFail); var onRecordFail = function (e) { console.log(e); } ฉันจะเปลี่ยนจากนั้นไปบันทึกเป็นไฟล์ได้อย่างไร

123 javascript  html  html5-audio  audio-recording 

เมื่อเกิดเหตุการณ์บางอย่างขึ้นฉันต้องการให้เว็บไซต์ของฉันส่งเสียงแจ้งเตือนสั้น ๆ ให้กับผู้ใช้ เสียงไม่ควรเริ่มอัตโนมัติ (ทันที) เมื่อเปิดเว็บไซต์ แต่ควรเล่นตามความต้องการผ่าน JavaScript (เมื่อเหตุการณ์นั้นเกิดขึ้น) สิ่งสำคัญคือต้องใช้งานได้กับเบราว์เซอร์รุ่นเก่าด้วย (IE6 เป็นต้น) ดังนั้นโดยทั่วไปมีสองคำถาม: ฉันควรใช้ตัวแปลงสัญญาณอะไร แนวทางปฏิบัติที่ดีที่สุดในการฝังไฟล์เสียงคืออะไร ( <embed>เทียบ<object>กับแฟลชเทียบกับ<audio>)

108 javascript  html  audio  notifications  html5-audio 

เล่นอัตโนมัติด้วยเสียงที่ทำงานใน Mozilla, Microsoft edge และ google chrome เก่าเช่นกัน แต่ไม่ได้อยู่ใน google chrome ใหม่ พวกเขาบล็อกการเล่นอัตโนมัติ มีวิธีใดบ้างที่จะทำให้เสียงเล่นอัตโนมัติใน Google Chrome

94 html  google-chrome  html5-audio 

มีเหตุผลเฉพาะหรือไม่ที่ Firefox ไม่รองรับการเล่นไฟล์ MP3 ในรูปแบบOgg<audio>เท่านั้น? เป็นปัญหาการออกใบอนุญาตหรือไม่? มีแผนสำหรับการดำเนินการในอนาคตหรือไม่? เป็นไปได้หรือไม่ที่จะพัฒนาส่วนเสริมเพื่อรองรับการเล่น MP3 ใน<audio>องค์ประกอบต่างๆ

92 firefox  html  mp3  html5-audio