Capture API в HTML5

06/09/11 07:13
(http://blog.bogomil.info/)

Поредното яко нещо, която се появява в браузърите или скоро ще се появи е възможността да се прехващат различни потоци и да се обработват. Под потоци имам предвид – това, което излиза от камерата или микрофона, например.

Ще можете ето така да се снимате само с HTML:

function success(data) {
  var container = document.createElement("div");
  document.body.appendChild(container);
 
  for (var i in data) {
    var img = document.createElement("img");
    img.src = data[i].uri;
    container.appendChild(img);
  }
}
 
function error(err) {
  alert(err.message + " (" + err.code + ")"); 
}
 
navigator.device.captureImage(success, error, { maxNumberOfMediaFiles: 1 });

Tова вече е възможно с този пакет, който ви дава възможност да пишете за мобилни устройства само с HTML5 познанията си. Ето и как изглежда записването на аудио:

// capture callback
var captureSuccess = function(mediaFiles) {
    var i, path, len;
    for (i = 0, len = mediaFiles.length; i < len; i += 1) {
        path = mediaFiles[i].fullPath;
        // do something interesting with the file
    }
};
 
// capture error callback
var captureError = function(error) {
    navigator.notification.alert('Error code: ' + error.code, null, 'Capture Error');
};
 
// start audio capture
navigator.device.capture.captureAudio(captureSuccess, captureError, {limit:2});