Онлайн видеоплееры — как можно улучшить их интерфейс

в 17:48, , рубрики: веб-дизайн, видео, дизайн, интерфейсы, метки: ,

Одна из проблем при просмотре онлайн видео — это когда загрузка контента в плеер идет медленнее чем его проигрывание. Посмотреть-то хочется сразу-же. Нажали кнопочку плей, а видео тормозит, постоянно останавливается из-за нехватки контента. И не всегда скорость подключения к интернету является бутылочным горлышком, причины могут быть различны. Но все же, что делать? ОК. Ставим на паузу и ждем когда видео полностью загрузится в плеер и потом смотрим.
Или же, ускоренный вариант, ждем того момента когда контент загрузится в плеер не полностью но тем не менее в достаточном количестве чтобы при проигрывании уже загруженного видео остаток успел бы полностью загрузиться. И вот тут нам приходится оценивать скорость загрузки «на глазок». Знакомая ситуация?

Собственно оценку возможности проиграть видео без тормозов и предлагается включить в интерфейс онлайн плееров.

Первая картинка тут просто для примера. Интерфейс ютьюба всем хорошо известен.
Онлайн видеоплееры — как можно улучшить их интерфейс

На второй картинке собственно визуализация идеи. Обратите внимание на шкалу загрузки контента. В данном примере, полагаем, что плеер оценил скорость загрузки видео, как хорошую, оценил что он успеет получить весь контент за то время пока будет проигрываться уже имеющийся и подсветил шкалу загрузки зеленым цветом. Давая тем самым пользователю понять, что уже сейчас можно нажимать плей и комфортно досмотреть клип до конца без тормозов.
Ну а если плеер оценивает ситуацию как не очень хорошую, считает, что не успеет накачаться контентом, то соответственно показывает стандартную шкалу — красненькую.
Онлайн видеоплееры — как можно улучшить их интерфейс

Надеюсь, что эта идея имеет право на жизнь.

Автор: FFire

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js