📱 Media API: Управление видео с JavaScript

❓ Media API предоставляет мощные инструменты для управления медиа-контентом на веб-страницах. С помощью JavaScript разработчики могут контролировать воспроизведение видео, изменять громкость, устанавливать метки времени и многое другое. Вот несколько интересных возможностей, которые предоставляет Media API:

📌 Воспроизведение и пауза видео:

const video = document.querySelector('video');
video.play();  // Запуск воспроизведения
video.pause(); // Пауза воспроизведения

📌 Управление громкостью:

video.volume = 0.5; // Установка громкости на 50%

📌 Установка времени воспроизведения:

video.currentTime = 60; // Перемотка на 60-ю секунду видео

📌 События видео:
Вы можете отслеживать различные события, такие как начало воспроизведения, пауза, завершение и другие.

video.addEventListener('ended', () => {
  alert('Видео завершено!');
});

📌 Добавление субтитров:

const track = video.addTextTrack('subtitles', 'English', 'en');
track.mode = 'showing';
track.addCue(new VTTCue(0, 10, 'Hello, world!'));

@codeWeaveChannel | #JavaScript

📱 Логические операторы в JavaScript (Часть 1)

📌 Логические операторы в JavaScript используются для выполнения логических операций и принятия решений в коде. Они позволяют объединять и манипулировать булевыми значениями (true или false).

Основные логические операторы:
🔥 И (&&) – Возвращает true, если оба операнда истинны.

let a = true;
let b = false;
console.log(a && b); // false

🔥 ИЛИ (||) – Возвращает true, если хотя бы один из операндов истинен.

let a = true;
let b = false;
console.log(a || b); // true

🔥 НЕ (!) – Возвращает true, если операнд ложен, и наоборот.

let a = true;
console.log(!a); // false

@codeWeaveChannel | #javascript

📱 Логические операторы в JavaScript (Часть 2)

Применение логических операторов
💥 Условные проверки:

let age = 20;
if (age >= 18 && age < 65) {
    console.log("Взрослый человек");
}

💥Значение по умолчанию:

let user = null;
let defaultUser = user || "Гость";
console.log(defaultUser); // "Гость"

💥Комбинированные условия:

let isMember = true;
let isPremium = false;
if (isMember && !isPremium) {
    console.log("Обычный член");
}

Корректное понимание короткого замыкания
Логические операторы в JavaScript используют принцип короткого замыкания (short-circuiting). Это означает, что выполнение прекращается, как только результат становится очевиден.

let a = true;
let b = false;
console.log(a || (b && someFunction())); // someFunction() не будет вызвана

Логические операторы помогают сделать код более гибким и читаемым, а также оптимизировать выполнение логики программы.

@codeWeaveChannel | #javascript

📱 Тернарный оператор JS

@codeWeaveChannel | #javascript

📱 Генерация HEX кода при помощи JavaScript

@codeWeaveChannel | #javascript

📱 Извлечение HTML из текста

@codeWeaveChannel | #javascript

📱 Функции в JavaScript

@codeWeaveChannel | #javaScript

📱 Метод trim() в JS

@codeWeaveChannel | #javaScript

📱 Math.random() в JavaScript

@codeWeaveChannel | #javaScript

📱 slice() в JavaScript

@codeWeaveChannel | #javaScript

📱 Массивы в JavaScript

@codeWeaveChannel | #javaScript

📱 Метод fill() в JavaScript

@codeWeaveChannel | #javaScript

📱 Правильное использование сравнения в JS

@codeWeaveChannel | #JavaScript

📱 Шпаргалка по типам данных в JavaScript

@codeWeaveChannel | #JavaScript

📱 Шпаргалка по методам массива в JS

@codeWeaveChannel | #JavaScript