second time

Use P$5.$js and index.html

$1.$Load an image using the webcam: you can either take a snapshot, save it to disk and

load it back or you can use this snapshot as a buffer image and use it without saving

it to disk. Use key$/$mouse$,$snapshot button interaction to take the snapshot or save the image.

$2.$Scale that image to $160$x $120$pixels $($i$.$e minimum resolution$).$

$3.$Display the webcam image in the grid at the position titled $$Webcam image$.$Then

using this webcam image complete all tasks $411.$

$4.$Convert image to grayscale and increase the brightness by $20\%.$This should happen

within the same nested for loop that you use to convert the image to greyscale.

Display the image at the appropriate position as seen in the grid.

$5.$Increasing the brightness can cause the pixel intensity to get beyond the $255$levels$.$

Write code to prevent this from happening.

$6.$Using the original webcam image: split into three colour channels $($R$,$G$,$B$)$and show

each channel. Again, use the appropriate positions as seen in the grid.

$7.$Perform image thresholding with a slider for each channel separately. Similarly,

display the results using the appropriate positions as seen in the grid.