espruino / EspruinoWebIDE

The Espruino Web IDE - A Chrome Web App for programming Espruino
Apache License 2.0
367 stars 159 forks source link

Webcam + testing #236

Open gfwilliams opened 4 years ago

gfwilliams commented 4 years ago

As described here: http://forum.espruino.com/conversations/349774/

Webcam in the background of testing screen causes some labels not to appear

b6f750b3bc06e5ec4506832b6c1dcfc2e728ec74

jumjum123 commented 4 years ago

looks to me like webcam.js (79-85) causes the problem

jumjum123 commented 4 years ago

Right now, videotag is in editor--terminal, same location as testing. Would it be an option to move videotag into a div, which can be moved/resized on the screen ?

gfwilliams commented 4 years ago

We could definitely put it in a div if that helps - but I'd quite like to keep it fullscreen just to keep things easy.

jumjum123 commented 4 years ago

I've moved video-tag in its own div on top of <body> and added functions to resize and move video-tag around the screen. Functionality comes from jquery ui I never used webcam before. Therefore it would be great if somebody with more experience could check. webcamExtended.zip