Написать умную систему смены и предзагрузки видео в html5 плеер

Задание закрыто
Стоимость:3 000 рублей
Срок выполнения:2 дня
Варианты оплаты:По договоренности
Дата публикации:2024-12-10 02:44
Был на сайте:2024-12-24 01:12

Написать умную систему смены и предзагрузки видео в html5 плеер

 
Задача

Есть json структура, в которой находится порядок видео.
Нужно написать код, который будет через определенное время предзагружать а затем сменять видео в <video>.
Есть пример, частично работающего, кода.
Код должен быть написан на чистом JavaScript.

Оставлять заявки могут только авторизованные пользователи.
Stanislav Ricci
Специализация: IT-технологии и Разработка
  • 3 000 руб2 дня
Пишите.
Сделаем

Примеры моих работ

Антон Ковальский
Специализация: IT-технологии и Разработка
  • 10 000 руб7 дней
Напишу умную систему смены и предзагрузки видео в html5 плеер.
Тим Патрик

честность, ответственность...

Специализация: IT-технологии и Разработка
  • 3 000 руб2 дня
Здравствуйте! Готов заняться...
  • 3 000 руб1 день
Добрый день! Готов выполнить ваш заказ за 1 день.
Юрий Яскович

коротко о себе - 30 см

Специализация: IT-технологии и Разработка
  • 3 000 руб2 дня
Здравствуйте, могу сделать, пишите сюда или в телеграм upilert
Михаил Дмитриев

Попробуешь сделать, и стакан окажется полон

Специализация: IT-технологии и Разработка
  • 3 000 руб2 дня
Большой опыт работы с плеерами под html+js, в том числе json, m3u8 и hls поток, сделаю без переплат. Контакты:
Валентин Москвин

Сделаем это... и то!

Специализация: IT-технологии и Разработка
  • 3 000 руб2 дня
Здравствуйте, Максим!

Звучит довольно просто. Если все так как я думаю делать, то за сегодня должен справиться)
Web Meow
Специализация: IT-технологии и Разработка
  • 3 000 руб2 дня
сделаю прямо сейчас
телега @web_meow_production
Михаил Фрилансер
Специализация: IT-технологии и Разработка
  • 3 000 руб2 дня
Здравствуйте.
Пишите обсудим.
Илья Михайленко
Специализация: Веб-разработка и дизайн
  • 3 000 руб2 дня
Обращайтесь
Роман Митюшин
Специализация: Веб-разработка и дизайн
  • 3 000 руб2 дня
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Сменяемые Видео</title>
</head>
<body>
<video id="videoElement" width="640" height="360" controls></video>

<script>
// Пример JSON структуры
const videoData = {
"videos": [
{
"url": "video1.mp4",
"duration": 5000
},
{
"url": "video2.mp4",
"duration": 3000
},
{
"url": "video3.mp4",
"duration": 4000
}
]
};

const videoElement = document.getElementById('videoElement');
let currentVideoIndex = 0;

function loadAndPlayVideo(index) {
// Убедимся, что индекс в пределах массива
if (index >= videoData.videos.length) {
index = 0; // сброс индекса
}

const video = videoData.videos[index];
videoElement.src = video.url;

// Предзагрузка видео
videoElement.load();
videoElement.play();

// Заменить видео через указанный интервал
setTimeout(() => {
currentVideoIndex++;
loadAndPlayVideo(currentVideoIndex);
}, video.duration);
}

// Запускаем видео с первого индекса
loadAndPlayVideo(currentVideoIndex);
</script>
</body>
</html>
Борис Бутенко
Специализация: Веб-разработка и дизайн
  • 3 000 руб1 день
Сделаю за пару-тройку часов, специализируюсь на алгоритмах и ванильном javascript'е.
Телеграм в профиле

Оставлять заявки могут только авторизованные пользователи.