Nuri nkev

🎥 How to record a video with JavaScript [demo video available]

About this article

This article describes how to shoot a video from JavaScript using the MediaStream Recording API. The related resources are shown below.

Observables

You don't really need a framework or fancy cutting-edge JavaScript features to do two-way data binding. Let's start basic - first and foremost, you need a way to tell when data changes. Traditionally, this is done via an Observer pattern, but a full-blown implementation of that is a little clunky for nice, lightweight JavaScript. So, if native getters/setters are out, the only mechanism we have are accessors:

var n = 5;
function getN() { return n; }
function setN(newN) { n = newN; }

console.log(getN()); // 5

setN(10);

	/**
	* Checks if an element should be ignored.
	* @param {Element} element - The DOM element to check.
	* @param {Array} [exceptions=['dialog', '[popover]']] - Array of Elements to ignore when checking the element.
	* @returns {boolean} True if the element should be ignored by a screen reader, false otherwise.
	*/
	const isElementInvisible = (element, exceptions = ['dialog', '[popover]']) => {
	if (!element \|\| !(element instanceof HTMLElement)) {
	return false;
	}