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

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

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

 
Задача

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

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

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

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

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

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

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

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