LINUX.ORG.RU

Video в <img>

 , , , ,


1

1

В продолжение А зачем вообще понадобилось вводить тег <video> если уже есть <img>?

У меня протекла криокамера и недавно я узнал что яббл решил потроллить лоровских фанатиков т.н. „семантики” в наборе костылей под названием HTML, запилив возможность встраивания видео через <img> в своём браузере: https://calendar.perfplanet.com/2017/animated-gif-without-the-gif/

В связи с этим в тред приглашаются товарищи nguseff, MrClon, drull, sudo, djemNa, zaz, Wizard_, th3m3, linuks, Alve, Eddy_Em, Ford_Focus, Stil, FIL, ritsufag, t184256, Noob_Linux, I60R и другие, которые мне ещё раз по хардкору объяснят почему сабж ненужен пока оно не протекло в остальные браузеры.

Раз меня звали, выскажусь. Safari - побочная деятельность огрызка. Они вроде им занимаются, но в то же время, он очень отстаёт от своих конкурентов в лице Firefox и Chrome. Отстаёт как поддержкой стандартов, так и нормальной работы того, что поддерживает. В целом, Safari - это второй IE на сегодняшний день. Пилят какой-то костыль, а лучше бы браузером нормально занялись. Видать после ухода Джобса, всё таки яблоко начало загнивать по всем фронтам.

th3m3 ★★★★★ ()

Так наооборот - лучше же всего того тяжелого бреда с gifами и прочего.

fornlr ★★★★★ ()

Просто сафари петухи не осилили webm

ggrn ★★★★★ ()

У меня протекла криокамера
яббл решил потроллить лоровских фанатиков
запилив возможность встраивания видео через <img>

Я наверно тебя огорчу но это сделали все в угоду выпиливания жирных gif, но как известно img не предоставляет в js тот API который есть в video

Noob_Linux ★★★ ()
Ответ на: комментарий от Noob_Linux

Я наверно тебя огорчу

Наверно нет.

это сделали все в угоду выпиливания жирных gif

В своём же треде трёхлетней давности я как раз и говорил что чем больше форматов поддерживается в <img> тем более эффективно их можно использовать.

h578b1bde ★☆ ()

Т.е. основная проблема в том, что браузеры не делают предзагрузку <video />, потому что думают, что там очень много качать придётся и начинают играть только после нажатия play пользователем и опять же грузят не весь файл целиком, а по частям.

Чтобы решить эту проблему и вместо гифок вставлять на страницы короткие mp4, товарищ написал костыль, реализующий это в теге <img /> и ждёт, что разрабы других браузеров его поддержат. Вместо того, чтобы сделать что-нибудь типа <video preload='1' src='short.mp4' />.

Круто. Я всегда знал, что в эппле многое делается через одно место, но чтобы настолько.

shell-script ★★★★★ ()
Ответ на: комментарий от h578b1bde

В силу своей ненужности. Ну что ты как маленький, ейбогу

MrClon ★★★★★ ()
Ответ на: комментарий от shell-script

Вместо того, чтобы сделать что-нибудь типа <video preload='1' src='short.mp4' />.

А всякие <footer> вместо <div id="footer"> тебя не смущают?

h578b1bde ★☆ ()
Ответ на: комментарий от h578b1bde

Меня в современном вебе очень многое смущает. Но в случае с <footer>, насколько я понимаю из контекста - это по сути своей алиас, так что пусть живёт. А вот видео в <img />, это уже костыль, плодящий бардак.

shell-script ★★★★★ ()
Ответ на: комментарий от shell-script

А вот видео в <img />, это уже костыль, плодящий бардак.

Как ты относишься к тому что в хромоге запилили поддержку APNG? Чем набор кадров в APNG принципиально отличается от того же набора кадров в MPEG-4?

h578b1bde ★☆ ()
Ответ на: комментарий от h578b1bde

Никак не отношусь. Я про это от тебя впервые только что узнал. :)

Бегло посмотрел. Если я всё правильно понял, apng - это n склееных в один файл картинок, отображающихся по очереди. Т.е. тот же самый gif, только в профиль. Ну такое. Если учесть, что сам по себе анимированный gif был придуман как костыль во времена, когда видео гнать в интернеты не умели, то решение крайне сомнительное. Особенно, когда уже есть <video>.

mpeg-4 это всё же не набор последовательных кадров. Контейнеры/кодеки + звук с субтитрами. Причём они могут быть разными. Это уже сильно сложнее.

К тому же по твоей первой ссылке автор идеи сам говорит, что в его реализации надо обязательно вырезать звук из видяшек, например, иначе заиграет сходу. Т.е. он сам же указывает на недостаток своего решения по сути, а именно, попытка запихнуть туда, где должна быть картинка не картинку. При этому в комментах по ссылке от анонимуса на фичереквест ему явно отвечают, что логичнее использовать <video muted autoplay ... >

shell-script ★★★★★ ()
Последнее исправление: shell-script (всего исправлений: 1)
Ответ на: комментарий от Radjah

Да, я уже почитал немного. Просто я вебом не занимаюсь давно и спецификации не смотрел, когда отвечал, но первое что пришло в голову, это использовать <video> с параметрами, а не извращаться над <img>. Это же очевидно.

shell-script ★★★★★ ()

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

ritsufag ★★★★★ ()
Ответ на: комментарий от shell-script

Просто я вебом не занимаюсь давно и спецификации не смотрел

Я вебом вообще не занимаюсь, прост специально погуглил, потому что сталкивался с сайтами, где видео само играется по кругу. Не скриптами же это делается. :)

Radjah ★★★★★ ()
Ответ на: комментарий от Radjah

Не скриптами же это делается.

С современными веб-девелоперами всё возможно. ;)

shell-script ★★★★★ ()

пора уже встраивать видео в уникод. хошь - поставил смайлик, хошь - двухчасовой блокбастер

buratino ★★★★★ ()

объяснят почему сабж ненужен пока оно не протекло в остальные браузеры.

Потому что есть <video>

/thread

anonymous ()

почему сабж ненужен

Потому что сразу в <div> надо было встраивать

I60R ★★ ()
Ответ на: комментарий от shell-script

Может подскажешь, почему первый файл играет, а второй нет, хотя в плейлисте играют обе ссылки src.

RadioSeagull.htm

<video autoplay src="http://radioseagull.net:8000/seagull"/>

StellarAttraction.htm

<video autoplay src="http://level5technologysolutions.net:8000"/>

anonymous ()
Ответ на: комментарий от anonymous

Ну я вообще не знаю, чего ты у меня спросил по этому поводу. Я ни разу не спец по современным веб-технологиям. :)

Но если посмотреть твои ссылки - по первой браузер играть начинает, а по второй отдаётся html с предложением залогиниться. Разбираться лениво, тут уж сам включи отладку.

shell-script ★★★★★ ()

Ты собираешься hd видеоролик в gif загонять? Нужен, для именно видеопотока ибо img для изображений (пусть и гифок тоже), а video для видеопотока причём разного, а h254 сжатие экономит тонну трафика и аппаратно декодируется.

Deleted ()
Ответ на: комментарий от buratino

пора уже встраивать видео в уникод. хошь - поставил смайлик, хошь - двухчасовой блокбастер

ахахах utf-4096 где кажому видеоролику на земле снятому или ещё нет присвоить номер, и клавиатуру печатающею видеороликами вместо символов или даже live трансляциями =)

Deleted ()

что яббл

ой я прочёл просто «я», сорян за предъяву )))))))))))

Deleted ()
Ответ на: комментарий от shell-script

Никто не мешает вообще тупо кликнуть программно на кнопку плей. И тогда вообще не надо никого ни о чем упрашивать.

deep-purple ★★★★★ ()
Ответ на: комментарий от deep-purple

Там все кадры ключевые а там не все?

Но ведь детали реализации не имеют отношения к семантике.

h578b1bde ★☆ ()

Тред не читал.

Нужно только два элемента <div> и <span>, - остальное навешивается стилями. (Хотя, можно ограничиться и одним <div>).

Fremen ()
Ответ на: комментарий от th3m3

И какой же «стандарт» не поддерживает Сафари? Гуглокодеки? Так их можно на выбор перечислить в списке файлов для проигрывания видоса. Между прочим, Сафари и Аппле родоначальники вебкита и «стандартов» аля ухода от флеша к этим вашим <video>, <img>, если бы не аппле - до сих пор флеш бы был установлен на 98% всех пк в инете, как было в 2008-2009.

menangen ★★★★★ ()
Ответ на: комментарий от Fremen

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

menangen ★★★★★ ()
Ответ на: комментарий от Deleted

У меня есть один проект американский, там именно так и сделано по заказу дизайнера - на фоне крутится видос в fullhd, представлен 2 кодеками, vp9/h264, размер видоса 700kb vp9, 1.5 Mb h264. Видос зациклен, по типу как на сайте palpay.

menangen ★★★★★ ()
Ответ на: комментарий от buratino

Кстати очень годная идея. Ставится какой-нибудь символ, ссылку за которым браузер парсит как embeded-видео или изображение. Это бы позволило засрать лор картинками и видосами вместо ссылок, без модификации самого лора.

SR_team ★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.