Как в зависимости от скорости загрузки страницы выводить видео или изображение в блоке?

Question

[Настя]

Как сделать так, чтобы при заходе на страницу сайта, проверялась скорость интернета/загрузки страницы и в случае быстрого соединения в определенном блоке выводилось видео, а в случае медленного - изображение?

Answer 1

[Кирилл Горелов]

Конечно не самый лучший способ, но.
На php ищешь скрипт, который измеряет скорость загрузки страницы.
Не знаю пойдет этот или нет https://otvet.mail.ru/question/62911880 вот тут можно посмотреть eddnet.org/?p=673
Не знаю на сколько актуальны скрипты, но все же.
Дальше измеряешь время. И по условию if подставляешь нужный код.

Очень важно. НЕ претендую на супер решение, так же это г*внокод. Но если прям горит, то думаю попробовать стоит! Хотя уверен, где-то есть готовые плагины и функции!

Comments

[Кирилл Горелов]

Если задача стоит в том, что это нужно для мобильны устройств, то лучше определять, мобильник это или нет.

[Настя]

Кирилл Горелов: Спасибо большое за ответ! Мои мысли с Вашими схожи. Тоже думала применить подобное решение с использованием microtime, но мои знакомые программисты, которые гораздо опытнее меня, забраковали его :) А потом тоже задумалась над тем, что, возможно, вопрос стоит не в скорости интернета, а в самом устройстве. Задала вопрос проект-менеджеру. Жду ответа.

Answer 2

[Дмитрий Беляев]

генерим рандомный файл в 1кб и ложим в паблик дерикторию на сервере, там где видео
на клиенте отправляем последовательно (по очереди) 10 ajax запросов на этот файл, дописывая в конец, после ? рандомную строку в запрос. Для каждого запроса меряем время от отправки запроса, до получения полного ответа.
Находим среднее время всех запросов и делим объем файла на это среднее время - получаем примерную скорость соеденения.
Если больше заранее определенного значения - меняем картинку на видео

Comments

[Настя]

Скажите пожалуйста, Вы уже реализовывали подобную задачу?

[Дмитрий Беляев]

Настя: подобный подход для замера скорости реализовывал один фронтенд разработчик, когда мы работали с ним в команде. Требовалось выставить дефолтное качество ролика в видеоплеере в зависимости от скорости соеденения

[Настя]

Дмитрий Беляев: простите меня за вопросы. У меня мало опыта в разработке. Как сгенерировать рандомный файл в 1кб? Что этот файл собой представляет? Что собой представляют 10 ajax запросов? Почему именно 10? Что собой должна представлять рандомная строка после "?" и для чего она нужна? Как измерить время от отправки запроса до получения полного ответа?

[Дмитрий Беляев]

Настя: напишите в скайп (указан в контактах), возможно смогу Вам помочь решить эту задачу самостоятельно