2013-04-11 54 views
7

Ai đó có thể giúp tôi về cách thu âm thanh từ micrô mặc định bằng HTML5 không? Có nhiều mẫu có sẵn, nhưng không có mẫu nào có vẻ hoạt động. Tôi đã thử Audio capturing with HTML5 Vì nó chỉ hoạt động với chrome có cờ được bật. nhưng nó nhận được NavigatorUserMediaError. Biểu tượng video trên thanh địa chỉ có dấu chéo màu đỏ và chú giải của nó cho biết 'trang này đã bị chặn truy cập vào máy ảnh và micrô của bạn'Ghi lại âm thanh HTML5 từ micrô mặc định

Trả lời

8

Có một số bài viết tuyệt vời về Đá HTML5. Đây chỉ là cái tôi đã kéo. http://updates.html5rocks.com/2012/09/Live-Web-Audio-Input-Enabled

// success callback when requesting audio input stream 
function successCallback(stream) { 
    var audioContext = new (window.webkitAudioContext)(); 

    // Create an AudioNode from the stream. 
    var mediaStreamSource = audioContext.createMediaStreamSource(stream); 

    // Connect it to the destination to hear yourself (or any other node for processing!) 
    mediaStreamSource.connect(audioContext.destination); 
} 

function errorCallback() { 
    console.log("The following error occurred: " + err); 
} 

navigator.webkitGetUserMedia({audio:true}, successCallback, errorCallback); 
+1

cảm ơn câu trả lời của bạn. tôi đã nhận được điều này quá. nhưng có vẻ không hoạt động. từ liên kết, chúng tôi có thể lấy hai bản trình diễn trực tiếp mẫu. [One] (http://webaudiodemos.appspot.com/pitchdetect/index.html) và [Hai] (http://chromium.googlecode.com/svn/trunk/samples/audio/visualizer-live.html) nhưng không ai có vẻ làm việc. cả hai yêu cầu tôi cho phép sử dụng micrô nhưng sau đó không có gì xảy ra. sự thay đổi duy nhất là có một quả bóng màu đỏ nhấp nháy chậm trên biểu tượng tiêu đề. chrome của tôi đã được cập nhật và tôi cũng đã bật 'Nhập âm thanh trên web'. bất cứ ai có thể cung cấp một mẫu làm việc. – abduIntegral

+0

bất kỳ cập nhật nào về điều này? –

+1

HTML5 Rocks đã tạo một số bản trình diễn âm thanh trên web khi các API đó mới, nhưng họ chưa bao giờ cập nhật bản trình diễn khi API phát triển. Đáng buồn thay, một số bản trình diễn âm thanh trên web của họ không còn hoạt động nữa. –

3

chắc chắn rằng bạn bắt đầu bản demo từ một máy chủ web - chỉ cần sao chép/dán & bắt đầu từ hệ thống tập tin sẽ không hoạt động - trong chrome bạn không bao giờ được tiếp cận với mic theo cách này.

2

Gần đây (không chắc chắn khi nào) Chrome đã thêm yêu cầu rằng trang được truy cập qua SSL để bật getUserMedia.

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