def setup
createCanvas(100, 100)
@capture = createCapture(VIDEO)
@capture.hide
end
def draw
image(@capture, 0, 0, width, width * @capture.height / @capture.width)
filter(INVERT)
end
def setup
createCanvas(100, 100)
@capture = createCapture(VIDEO)
@capture.hide
end
def draw
if @capture.loadedmetadata
c = @capture.get(0, 0, @capture.width / 2, @capture.height / 2)
image(@capture, 0, 0, width, height)
image(c, 50, 50, 50, 50)
end
end
[p5.js] createCapture
[p5.js] p5.MediaElement
ビデオキャプチャを生成します。
| 引数名 | 内容 | 備考 | オプション | デフォルト値 |
|---|---|---|---|---|
| type | キャプチャタイプ | VIDEO : ビデオ AUDIO : オーディオ | ○ | VIDEと AUDIOの両方 |
elm : p5mediaelementオブジェクト
(<video></video>タグの HTML要素)
・引数 'type'には「VIDEO」または「AUDIO」の指定ができますが、
rbCanvas/p5では AUDIOの操作に関するメソッド等が用意されていないので
基本的に「VIDEO」を指定してキャプチャ画像として利用してください。
・セキュリティに関する詳細については、下記の URLを参照してください。
MediaDevices.getUserMedia()