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

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

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

 
Задача

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

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

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

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

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

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

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

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

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

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

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

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

Звучит довольно просто. Если все так как я думаю делать, то за сегодня должен справиться)
Web Meow
Web Meow webmeowproduction
Специализация: IT-технологии и Разработка
  • 3 000 руб2 дня
сделаю прямо сейчас
телега @web_meow_production
Михаил Фрилансер
Михаил Фрилансер fl_m
Специализация: IT-технологии и Разработка
  • 3 000 руб2 дня
Здравствуйте.
Пишите обсудим.
Илья Михайленко
Илья Михайленко Ksenum
Специализация: Веб-разработка и дизайн
  • 3 000 руб2 дня
Обращайтесь

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

Оптимизация скорости сайта Wordpress
  • Ksenum
  • Оптимизация скорости сайта Wordpress
Doctor-forest
  • Ksenum
  • Doctor-forest
Unicar-m
  • Ksenum
  • Unicar-m
Роман Митюшин
Роман Митюшин mityroma
Специализация: Веб-разработка и дизайн
  • 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>
Борис Бутенко
Борис Бутенко iamborisbutenko
Специализация: Веб-разработка и дизайн
  • 3 000 руб1 день
Сделаю за пару-тройку часов, специализируюсь на алгоритмах и ванильном javascript'е.
Телеграм в профиле

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

Другие открытые задания:

Написание отзывов на яндекс карты100 р.

Бюджет: 100 р. Необходимо писать положительные отзывы на компании на яндекс картах, у кого не было такого опыта - всему обучим. Напишите за инструкциями в тг ··· отвечаю только та…

Размещение объявлений на авито5 000 р.

Бюджет: 5 000 р. От вас просто размещение на вашем аккаунте. Занимаюсь перепродажей электроники и других вещей. Провисеть должны до продажи. Можно несколько объявлений и несколько а…

Написать отзыв2 000 р.

Бюджет: 2 000 р. Написать отзыв в ТГ канале Все подробности: https://t.me/stpan_manager

поиск заданий