如何使用chrome攝像頭API和processing.js來操作視頻？

作爲主題，我想玩網絡攝像頭和鉻webcam API派上用場，不需要插件。如何使用chrome攝像頭API和processing.js來操作視頻？

但是，我不熟悉javascript語法，所以我仍然想使用processing.js來操縱視頻。那麼代碼應該如何呢？

GetUserMedia在畫布上，然後？我如何告訴processing.js畫布中有一個視頻？

import processing.video不應該工作，因爲它是processing.js而不是處理。

2012-10-04 kikkpunk

根據這個：https://github.com/austinhappel/webcam-processingjs/blob/master/js/webcam-processing.js，你需要調用攝像頭的方法，如：從那裏

ctx.drawImage(myImg, imageOffset, 0, height/width * nb, nb);

你可以操縱畫布上的像素手動

p.loadPixels(); 
imgPixelData = p.pixels.toArray();

他們提供了一個攝像頭這裏調用getUserMedia的類：https://github.com/austinhappel/webcam-processingjs/blob/master/js/webcam.js

重要的線路在這裏：

if (navigator.getUserMedia) { 
    navigator.getUserMedia({video: true}, function (stream) { 
    self.video.src = stream; 
    self.localMediaStream = stream; 
    }, onWebcamFail); 
} else if (navigator.webkitGetUserMedia) { 
    navigator.webkitGetUserMedia({video: true}, function (stream) { 
    self.video.src = window.webkitURL.createObjectURL(stream); 
    self.localMediaStream = stream; 
}, onWebcamFail);

祝你好運！我只用Java來完成這個任務，所以讓我們知道你是否可以使用JavaScript和網絡攝像頭來玩遊戲。我認爲你需要使用最新的鉻合金來完成任何工作。

來源

2012-10-04 05:58:49 Arcymag

謝謝。所以我從這個例子學習，但我仍然卡住http://stackoverflow.com/questions/12726739/chrome-webcam-api-with-processing-js-how-to-show-video而我嘗試另一種方法，它會不工作要麼http://stackoverflow.com/questions/12729073/chrome-webcam-api-with-processing-js-video-does-not-display不知道什麼是錯的。 – kikkpunk

如何使用chrome攝像頭API和processing.js來操作視頻？

回答

相關問題