JavaScript30 – Day 19

In today’s lesson, I learned how to pipe webcam input and manipulate the stream on the fly. In comparison to the other lessons, this lesson required the use of npm. The final code can be found on Day 19 – Webcam Fun. Resources: Array.prototype.forEach() CanvasRenderingContext2D.drawImage() CanvasRenderingContext2D.getImageData() CanvasRenderingContext2D.putImageData() Document.createElement() Document.querySelector() Document.querySelectorAll() Element.innerHTML Element.setAttribute() EventTarget.addEventListener() HTMLCanvasElement.toDataURL() HTMLVideoElement MediaDevices.getUserMedia() […]

JavaScript30 – Day 11

In today’s exercise, I learned how to create a custom video player that allows basic control as well as adjusting the video speed and the volume. The final code of the exercise can be found on 11 – Custom Video Player. Resources: Document.querySelector() Document.querySelectorAll() EventTarget.addEventListener() Array.prototype.forEach()

JavaScript30 – Day 10

In today’s exercise, I learned how to check multiple checkboxes when the shift button gets pressed. While the code is rather short, it’s definitely one of the most tricky codes we’ve created so far. The final code can be found on Day 10 – Hold Shift and Check Checkboxes. Resources: Document.querySelectorAll() Array.prototype.forEach() EventTarget.addEventListener()