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 и другие, которые мне ещё раз по хардкору объяснят почему сабж ненужен пока оно не протекло в остальные браузеры.

★☆

Последнее исправление: h578b1bde (всего исправлений: 1)

Раз меня звали, выскажусь. 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
()
Ответ на: комментарий от anonymous

drull

У тебя точно криокамера потекла.

Хм?

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

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

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

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

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

h578b1bde ★☆
() автор топика
14 июля 2018 г.

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

Нужно только два элемента <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 ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.