mirror of
https://github.com/libretro/RetroArch.git
synced 2024-12-12 19:21:33 +00:00
0bb6c4aafc
need to add RGBA->XRGB conversion
149 lines
6.3 KiB
JavaScript
149 lines
6.3 KiB
JavaScript
//"use strict";
|
|
|
|
var LibraryRWebCam = {
|
|
$RWC: {
|
|
RETRO_CAMERA_BUFFER_OPENGL_TEXTURE: 0,
|
|
RETRO_CAMERA_BUFFER_RAW_FRAMEBUFFER: 1,
|
|
tmp: null,
|
|
|
|
contexts: [],
|
|
counter: 0,
|
|
|
|
ready: function(data) {
|
|
return RWC.contexts[data].runMode == 2 && !RWC.contexts[data].videoElement.paused && RWC.contexts[data].videoElement.videoWidth != 0 && RWC.contexts[data].videoElement.videoHeight != 0;
|
|
}
|
|
},
|
|
|
|
RWebCamInit__deps: ['malloc'],
|
|
RWebCamInit: function(caps1, caps2, width, height) {
|
|
if (!navigator) return 0;
|
|
|
|
navigator.getMedia = navigator.getUserMedia ||
|
|
navigator.webkitGetUserMedia ||
|
|
navigator.mozGetUserMedia ||
|
|
navigator.msGetUserMedia;
|
|
|
|
if (!navigator.getMedia) return 0;
|
|
|
|
var c = ++RWC.counter;
|
|
|
|
RWC.contexts[c] = [];
|
|
RWC.contexts[c].videoElement = document.createElement("video");
|
|
if (width !== 0 && height !== 0) {
|
|
RWC.contexts[c].videoElement.width = width;
|
|
RWC.contexts[c].videoElement.height = height;
|
|
}
|
|
RWC.contexts[c].runMode = 1;
|
|
RWC.contexts[c].glTex = caps1 & (1 << RWC.RETRO_CAMERA_BUFFER_OPENGL_TEXTURE);
|
|
RWC.contexts[c].rawFb = caps1 & (1 << RWC.RETRO_CAMERA_BUFFER_RAW_FRAMEBUFFER);
|
|
|
|
navigator.getMedia({video: true, audio: false}, function(stream) {
|
|
RWC.contexts[c].videoElement.autoplay = true;
|
|
RWC.contexts[c].videoElement.src = URL.createObjectURL(stream);
|
|
RWC.contexts[c].runMode = 2;
|
|
}, function (err) {
|
|
console.log("webcam request failed", err);
|
|
RWC.runMode = 0;
|
|
});
|
|
|
|
// for getting/storing texture id in GL mode
|
|
if (!RWC.tmp) RWC.tmp = _malloc(4);
|
|
return c;
|
|
},
|
|
|
|
RWebCamFree: function(data) {
|
|
RWC.contexts[data].videoElement.pause();
|
|
URL.revokeObjectURL(RWC.contexts[data].videoElement.src);
|
|
RWC.contexts[data].videoElement = null;
|
|
RWC.contexts[data] = null;
|
|
},
|
|
|
|
RWebCamStart__deps: ['glGenTextures', 'glBindTexture', 'glGetIntegerv', 'glTexParameteri', 'malloc'],
|
|
RWebCamStart: function(data) {
|
|
var ret = 0;
|
|
if (RWC.contexts[data].glTex) {
|
|
_glGenTextures(1, RWC.tmp);
|
|
RWC.contexts[data].glTexId = {{{ makeGetValue('RWC.tmp', '0', 'i32') }}};
|
|
if (RWC.contexts[data].glTexId !== 0) {
|
|
// save previous texture
|
|
_glGetIntegerv(0x8069 /* GL_TEXTURE_BINDING_2D */, RWC.tmp);
|
|
var prev = {{{ makeGetValue('RWC.tmp', '0', 'i32') }}};
|
|
_glBindTexture(0x0DE1 /* GL_TEXTURE_2D */, RWC.contexts[data].glTexId);
|
|
/* NPOT textures in WebGL must have these filters and clamping settings */
|
|
_glTexParameteri(0x0DE1 /* GL_TEXTURE_2D */, 0x2800 /* GL_TEXTURE_MAG_FILTER */, 0x2601 /* GL_LINEAR */);
|
|
_glTexParameteri(0x0DE1 /* GL_TEXTURE_2D */, 0x2801 /* GL_TEXTURE_MIN_FILTER */, 0x2601 /* GL_LINEAR */);
|
|
_glTexParameteri(0x0DE1 /* GL_TEXTURE_2D */, 0x2802 /* GL_TEXTURE_WRAP_S */, 0x812F /* GL_CLAMP_TO_EDGE */);
|
|
_glTexParameteri(0x0DE1 /* GL_TEXTURE_2D */, 0x2803 /*GL_TEXTURE_WRAP_T */, 0x812F /* GL_CLAMP_TO_EDGE */);
|
|
_glBindTexture(0x0DE1 /* GL_TEXTURE_2D */, prev);
|
|
RWC.contexts[data].glFirstFrame = true;
|
|
ret = 1;
|
|
}
|
|
}
|
|
if (RWC.contexts[data].rawFb) {
|
|
RWC.contexts[data].rawFbCanvas = document.createElement("canvas");
|
|
ret = 1;
|
|
}
|
|
|
|
return ret;
|
|
},
|
|
|
|
RWebCamStop__deps: ['glDeleteTextures', 'free'],
|
|
RWebCamStop: function(data) {
|
|
if (RWC.contexts[data].glTexId) {
|
|
_glDeleteTextures(1, RWC.contexts[data].glTexId);
|
|
}
|
|
|
|
if (RWC.contexts[data].rawFbCanvas) {
|
|
if (RWC.contexts[data].rawBuffer) {
|
|
_free(RWC.contexts[data].rawBuffer);
|
|
RWC.contexts[data].rawBuffer = 0;
|
|
RWC.contexts[data].rawFbCanvasCtx = null
|
|
}
|
|
RWC.contexts[data].rawFbCanvas = null;
|
|
}
|
|
},
|
|
|
|
RWebCamPoll__deps: ['glBindTexture', 'glGetIntegerv'],
|
|
RWebCamPoll: function(data, frame_raw_cb, frame_gl_cb) {
|
|
if (!RWC.ready(data)) return 0;
|
|
var ret = 0;
|
|
|
|
if (RWC.contexts[data].glTexId !== 0 && frame_gl_cb !== 0) {
|
|
_glGetIntegerv(0x8069 /* GL_TEXTURE_BINDING_2D */, RWC.tmp);
|
|
var prev = {{{ makeGetValue('RWC.tmp', '0', 'i32') }}};
|
|
_glBindTexture(0x0DE1 /* GL_TEXTURE_2D */, RWC.contexts[data].glTexId);
|
|
if (RWC.contexts[data].glFirstFrame) {
|
|
Module.ctx.texImage2D(Module.ctx.TEXTURE_2D, 0, Module.ctx.RGB, Module.ctx.RGB, Module.ctx.UNSIGNED_BYTE, RWC.contexts[data].videoElement);
|
|
RWC.contexts[data].glFirstFrame = false;
|
|
} else {
|
|
Module.ctx.texSubImage2D(Module.ctx.TEXTURE_2D, 0, 0, 0, Module.ctx.RGB, Module.ctx.UNSIGNED_BYTE, RWC.contexts[data].videoElement);
|
|
}
|
|
_glBindTexture(0x0DE1 /* GL_TEXTURE_2D */, prev);
|
|
Runtime.dynCall('viii', frame_gl_cb, [RWC.contexts[data].glTexId, 0x0DE1 /* GL_TEXTURE_2D */, 0]);
|
|
|
|
ret = 1;
|
|
}
|
|
|
|
if (RWC.contexts[data].rawFbCanvas && frame_raw_cb !== 0)
|
|
{
|
|
if (!RWC.contexts[data].rawFbCanvasCtx) {
|
|
RWC.contexts[data].rawFbCanvas.width = RWC.contexts[data].videoElement.videoWidth;
|
|
RWC.contexts[data].rawFbCanvas.height = RWC.contexts[data].videoElement.videoHeight;
|
|
RWC.contexts[data].rawFbCanvasCtx = RWC.contexts[data].rawFbCanvas.getContext("2d");
|
|
RWC.contexts[data].rawBuffer = _malloc(RWC.contexts[data].videoElement.videoWidth * RWC.contexts[data].videoElement.videoHeight * 4);
|
|
}
|
|
RWC.contexts[data].rawFbCanvasCtx.drawImage(RWC.contexts[data].videoElement, 0, 0, RWC.contexts[data].rawFbCanvas.width, RWC.contexts[data].rawFbCanvas.height);
|
|
var image = RWC.contexts[data].rawFbCanvasCtx.getImageData(0, 0, RWC.contexts[data].videoElement.videoWidth, RWC.contexts[data].videoElement.videoHeight);
|
|
Module.HEAPU8.set(image.data, RWC.contexts[data].rawBuffer);
|
|
Runtime.dynCall('viiii', frame_raw_cb, [RWC.contexts[data].rawBuffer, RWC.contexts[data].videoElement.videoWidth, RWC.contexts[data].videoElement.videoHeight, RWC.contexts[data].videoElement.videoWidth * 4]);
|
|
|
|
ret = 1;
|
|
}
|
|
|
|
return ret;
|
|
}
|
|
};
|
|
|
|
autoAddDeps(LibraryRWebCam, '$RWC');
|
|
mergeInto(LibraryManager.library, LibraryRWebCam);
|