Implementar el manejo de las cámaras con APIs más cercanas al browser

[iglosiggio]

https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices

Si bien no está implementado del todo devicechange ni la interfaz para manejar los controles custom de las webcams se puede llegar a un punto medio. Usar un tag <video> ayudaría a alivanar el peso que está haciendo JS+canvas en renderear la cámara y usar v4l2camera para modificar los controles.

• navigator.mediaDevices.enumerateDevices(): lista todos los dispositivos, los que nos importan tienen kind === 'videoinput' y su nombre es ID_V4L_PRODUCT (ID_VENDOR_ID:ID_MODEL_ID) suficiente para buscar el nombre del fichero de bloques en udev.
• navigator.mediaDevices.getUserMedia({ video: { deviceId: '[id]' } }): permite pedir el stream de una cámara que enumeramos con el método anterior. Si ya hay una cámara stremeando el stream recibido va a tener el track de video marcado como 'ended'. La única forma de pedirlo y conseguirlo funcional es llamar a stop() en el MediaStreamTrack que corresponda.

[iglosiggio]

Una de las cosas piolas de usar esto así es que se puede usar WebRTC para compartir las cámaras.

[iglosiggio]

El gran chromium no mantiene el formato de nombrado entre las versiones por lo visto :(

Electron (chrome: 53.0.2785.113):

Chromium (chrome: 55.0.2883.75):

[iglosiggio]

Está bosquejado y funcional, pero por el problema que se me presentó en b06f0cf (no se puede tener resolución de webcam > 640x480) no me animo a mergear

[iglosiggio]

Dado que la implementación tiene ya un tiempo (aunque aún no se pulió para funcionar bien en MacOS) lo ciero y marco como importante ya que fué un rediseño importante del sistema de cámaras.