HTML5 видео производительность

Question

Уже несколько недель я занимаюсь разработкой веб-сайта на основе HTML5 и испытываю серьезные проблемы с производительностью.Эти проблемы, безусловно, зависят от требований дизайна, но поскольку кодирование все еще очень тонкое и использует только несколько типов носителей, мне интересно, пропустил ли я что-то, что вызывает эти проблемы.

Прежде чем вы это скажете - яЗнайте, что веб-сайт Flash может легко сделать то же самое с гораздо лучшей производительностью.Я пытаюсь получить аналогичную функциональность / дизайн только с HTML (5), что уже должно быть возможно.

Я говорю о веб-сайте с полноэкранным видео фоном (HTML5) и основным контентом.на широкой черной фоновой колонне.Контент может содержать другие HTML5-видео в формате YouTube / Vimeo.Именно здесь процессор наполовину паникует, и я работаю на недавнем Mac Pro…

Я установил видео (любого размера от 480i до 1080i) в масштабе с шириной и высотой окна.Я также установил его на 1080i и 100% размера.Я также добавил JavaScript для приостановки фона, когда в фокусе было одно из небольших видео-проектов.Все изменения вызвали недопустимую медлительность в браузере или на сайте (воспроизводилось другое видео).

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

Кто является экспертом в производительности веб-видео?

Answer 1

Некоторые вещи, на которые следует обратить внимание: элементы HTML5 video и canvas используют аппаратное ускорение от вашего графического процессора и, следовательно, зависят не только от браузера, но и от машины, на которой работает браузер. Например. Chrome на машине с плохой видеокартой будет хуже, чем Chrome на машине с высококлассной видеокартой. Вы также должны учитывать пропускную способность и задержку сети.

Я бы предложил исключить переменные; сначала загрузите видео локально, чтобы отключить сеть, затем попробуйте с разных компьютеров с различными аппаратными возможностями и посмотрите, что работает лучше всего. Вы также можете попробовать разные кодировки. OGG против m4v против h264

Наконец, я бы посмотрел на разрешение. 1080i на маленьком экране может не стоить того.

Answer 2

Я думаю, вам следует пересмотреть свое решение использовать HTML5.

Неважно, если у вас 8 ядер или даже 2 процессора. HTML5 еще не закончен, а реализация медленная и глючная на данный момент. Вы, наверное, все делаете правильно.

Наблюдайте за крупными игроками (vimeo, google), когда они переключаются на HTML5, тогда, вероятно, пришло время пойти с этим. Я не согласен с людьми, которые говорят, что «html5 хорош для всего». Я считаю, что на данный момент это, к сожалению, просто хорошо для iDevices (iphone, ipad) ... где у вас есть один браузер, поэтому спецификация здесь "установлена".

Кроме того, вы не можете переключить HTML5 VIDEO в полноэкранный режим. Я думаю, это говорит о многом.