2012-07-25 67 views
12

Tôi muốn sử dụng tính năng phát nhiều âm thanh HTML 5 cách thực hiện?Phát nhiều âm thanh cùng một lúc

<audio controls="controls"> 
<source src="audio/(TESBIHAT).mp3" type="audio/mpeg" /> 
<source src="audio/Dombra.mp3" type="audio/mpeg" /> 

<embed height="50px" width="100px" src="audio/(TESBIHAT).mp3" /> 
<embed height="50px" width="100px" src="audio/Dombra.mp3" /> 
</audio> 
+0

thể trùng lặp của http://stackoverflow.com/questions/1933969/sound-effects-in-javascript-html5 –

Trả lời

11

Với JavaScript và API HTML5 Audio bạn có thể làm một cái gì đó như thế này:

var snd1 = new Audio(); 
var src1 = document.createElement("source"); 
src1.type = "audio/mpeg"; 
src1.src = "audio/Dombra.mp3"; 
snd1.appendChild(src1); 

var snd2 = new Audio(); 
var src2 = document.createElement("source"); 
src2.type = "audio/mpeg"; 
src2.src = "audio/(TESBIHAT).mp3"; 
snd2.appendChild(src2); 

snd1.play(); snd2.play(); // Now both will play at the same time 

Tôi đã thử nghiệm điều này trong Chrome v 20, và có vẻ như để làm việc :)

Các. Thẻ <source> được sử dụng để chỉ định các định dạng khác nhau của cùng một tệp - sao cho trình duyệt có thể chọn định dạng khác làm dự phòng trong trường hợp thẻ đầu tiên không được hỗ trợ. Đó là lý do tại sao giải pháp được đề xuất của riêng bạn không hoạt động.

+0

Cảm ơn trả lời Chrome và IE làm việc nhưng chỉ không làm việc Opera nhờ không quan trọng :) – Polymorphism

+1

Nó đã giành 't làm việc trong Opera vì nó không hỗ trợ mp3. Sử dụng .ogg thay vì http://html5doctor.com/html5-audio-the-state-of-play/ – trainoasis

+0

Điều này có hoạt động trên các thiết bị di động chỉ hỗ trợ một luồng âm thanh tại một thời điểm không? – Kokodoko

Các vấn đề liên quan