Capture API в HTML5

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

Ще можете ето така да се снимате само с 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});

Яко а?

Влезте в общността на блога ми.
8269 човека го направиха от 2004 година досега! Запишете се и получавайте нови материали от време на време.
Аз мразя спама. Няма да получавате такъв от мен.

Публикувано от

Богомил "Бого" Шопов

Емигрант. Пират. Революционер. А, още интересни факти има тук

Leave a Reply

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните ви за коментари.