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

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

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

 
Задача

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

Оставлять заявки могут только авторизованные пользователи.
Stanislav Ricci
Stanislav Ricci ricci
Основная специализация: ИТ и Разработка
    Пишите.
    Сделаем
    Кларк Крейг
    Кларк Крейг LisserMan
    Основная специализация: ИТ и Разработка
    Здравствуйте! Готов заняться...
    Артём Поликарпов
    Артём Поликарпов artempolik
    Основная специализация: Тексты
      Добрый день! Готов выполнить ваш заказ за 1 день.
      Юрий Яскович
      Юрий Яскович dagt
      Основная специализация: ИТ и Разработка
      Здравствуйте, могу сделать, пишите сюда или в телеграм upilert
      Михаил Дмитриев
      Михаил Дмитриев proxym
      Основная специализация: ИТ и Разработка
        Большой опыт работы с плеерами под html+js, в том числе json, m3u8 и hls поток, сделаю без переплат. Контакты:
        Валентин Москвин
        Валентин Москвин moskvallica
        Основная специализация: ИТ и Разработка
        Здравствуйте, Максим!

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

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

        Телеграм-бот с ИИ
        Ремонт квартир
        Интернет-магазин одноразовых товаров
        Web Meow
        Web Meow webmeowproduction
        Основная специализация: ИТ и Разработка
          сделаю прямо сейчас
          телега @web_meow_production
          Михаил Фрилансер
          Михаил Фрилансер fl_m
          Основная специализация: ИТ и Разработка
          Здравствуйте.
          Пишите обсудим.
          Илья Михайленко
          Илья Михайленко Ksenum
          Основная специализация: Веб-разработка и Продуктовый дизайн
            Обращайтесь

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

            Оптимизация скорости сайта Wordpress
            Vision Production
            Gardenlux
            Роман Митюшин
            Роман Митюшин mityroma
            Основная специализация: Веб-разработка и Продуктовый дизайн
            <!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
            Основная специализация: Веб-разработка и Продуктовый дизайн
              Сделаю за пару-тройку часов, специализируюсь на алгоритмах и ванильном javascript'е.
              Телеграм в профиле

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

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

              Разработать меню 2 500 р.

              Бюджет: 2 500 р. Сделать печатное меню формата а3 для ресторана. Все блюда и напитки уже разбиты по категориями. Необходимо разработать дизайн и внести туда все позиции. Желательно …

              Тестовая рекламная кампания в Яндекс Директ15 000 р.

              Бюджет: 15 000 р. Мы в поисках опытного специалиста по Яндекс.Директ для настройки и ведения рекламных кампаний, направленных на привлечение целевой аудитории к скачиванию маркетинго…

              Backend Developer150 000 р.

              Бюджет: 150 000 р. Уровень Middle / Senior Обязанности • Разработка и поддержка серверной логики и API • Интеграция с внутренними и внешними сервисами • Оптимизация производитель…

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