Наверное те кто часто посещают ютуб заметили, что недавно добавили такую плюшку интересную, что при наведение на картинки она начинает проигрывать некоторые моменты из самого видео. Как такое же сделать? Или кто-то знает как это называется?
Игорь: да так и есть , но я так понимаю если к примеру 1000 роликов и сисадмин будет сидеть нарезать их то скорее всего это проблема будет , а как делается что бы кадры из видоса нарезались ?
simka alien: В смысле, когда наводишь на видео, оно проигрывает некоторые моменты из видео. Почему у меня есть а у вас нет? Или даже на порно хабе, как такое сделать?
simka alien:
На pornhub.com подгружаются *.webm - это красиво, реализуется на js очень просто, но ест трафик и предварительную нарезку этих превьюшек реализовать будет не просто.
На xhamster.com другой вариант - там подгружается длинный спрайт с кадрами из видео и на css-анимации эти кадры крутятся в цикле (меняется background-position) - это не столь красиво, но легче в плане трафика и на сервере покадровую нарезку реализовать проще, чем экстракцию видео превью.
На youtube.com тоже как-то сделано, но это уже не так интересно.
sim3x: Нет, там, где webm, там не отдельные кадры, а именно сплошные фрагменты видио.
А если делать покадрово, то лучше не трогать webm совсем, так как покадровая анимация делается на чистом css (даже без js), а webm не предусмотрен для этого и плохо сожмет смену сцены на каждом кадре.
sim3x: Не сто jpg, а одна. Я уже писал как это устроено. Это один длинный спрайт, который "прокручивается" при помощи css-анимации как кинопленка.
Ничего плохого не скажу про vp8, но все видеокодеки "выдавливают" избыточность, связанную с похожестью соседних кадров. Когда каждый следующий кадр непохож на предыдущий, то выдавливать тут нечего, плотнее, чем jpg/png это не сжать.
Для каждого видео генерить на сервере уменьшенный вариант, состоящий из фрагментов, выбранных случайным или каким-то определённым образом, а при наведении мыши подгружать его и воспроизводить.
