CodeWeave | C#, JS, HTML, CSS
149 subscribers
89 photos
1 file
24 links
Сообщество для обмена знаниями и ресурсами по программированию на HTML, CSS, SCSS, JavaScript, jQuery, C#, SQL

Admin - @WesternMikhailCat
Download Telegram
📱 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
Please open Telegram to view this post
VIEW IN TELEGRAM