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

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

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

 
Задача

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

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

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

Немного интерьера
  • ricci
  • Немного интерьера
 
 
Антон Ковальский
Антон Ковальский antonkowalsky
  • 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 поток, сделаю без переплат. Контакты:

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

pgadmin3 LTS (поддержка кода клиента)
  • proxym
  • pgadmin3 LTS (поддержка кода клиента)
Верстка и реализация страницы Витаминов
  • proxym
  • Верстка и реализация страницы Витаминов
Разработка desktop и web-приложений на Java
  • proxym
  • Разработка desktop и web-приложений на Java
Валентин Москвин
Валентин Москвин moskvallica

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

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

Звучит довольно просто. Если все так как я думаю делать, то за сегодня должен справиться)

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

Телеграм-бот с ИИ
  • moskvallica
  • Телеграм-бот с ИИ
Ремонт квартир
  • moskvallica
  • Ремонт квартир
Интернет-магазин одноразовых товаров
  • moskvallica
  • Интернет-магазин одноразовых товаров
Web Meow
Web Meow webmeowproduction
Специализация: Программирование и IT
  • 3 000 руб2 дня
сделаю прямо сейчас
телега @web_meow_production

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

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

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

Оптимизация скорости сайта Wordpress
  • Ksenum
  • Оптимизация скорости сайта Wordpress
Unicar-m
  • Ksenum
  • Unicar-m
Vision Production
  • Ksenum
  • Vision Production
Роман Митюшин
Роман Митюшин 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>

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

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

ФР2. Задача №1. Сверстать по макету с использованием React и компонентного подхода3 500 р.

Бюджет: 3 500 р. Сверстать по макету с использованием React и компонентного подхода Ваша задача: Сверстать по макету с использованием React и компонентного подхода: Создать но…

  • Поднято 11.12.24
  • Ответов: 6
  • Просмотров: 59
  • Безопасная Сделка

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

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

Привлечение партнеров (без звонков) удаленно 50 000 р.

Бюджет: 50 000 р. Всех приветствую кто ищет работу /подработку ! Эта работа удаленная , где вы сами выбираете сколько будете тратить на неё время (доход будет зависеть только от вас)…

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