Html5 вместо adobe flash player
Надпись “Поддержка Flash Player будет прекращена в декабре 2020 года” в браузере способна вызвать различные эмоции у пользователей, начиная от облегчения, что де уязвимости решены, до осознания некоего предательства со стороны технологических гигантов. Первые, возможно, пострадали от вируса, некогда внедренного на сомнительном сайте, последние же вынуждены прикрывать проект, почти полностью зависящий от этой технологии.
В начале 2016 года, когда перспективы Flash все еще были радужными, автору этой заметки пришла идея реализовать контент сайта с применением встраиваемых SWF-роликов. К тому времени уже были звоночки, наподобие претензий Стива Джобса к Adobe в 2010, заключающиеся в том, что проприетарный продукт не достоин быть внедрен в проприетарные ОС. Здесь должен быть ироничный смайлик. В то время мобильный трафик не был таким заметным (а трава зеленее) и всерьез такие заявления мало кто воспринимал.
Тем более Flash использовался на многих сайтах, играх, в десктопных приложениях и видео-/аудио- проигрывателях. Сфера его применения была очень разнообразна, а уровень вхождения в ActionScript 2 на уровне детских эмуляторов программирования. После AS 3 все стало серьезно и многие стратегические игры в соцсетях того времени это подтверждают. Помянем их вместе с флешом. Ладно, не будем о плохом.
Действительно, у владельцев сайтов было достаточно времени, чтобы… что? Перейти на HTML5, WebGL и WebAssembly. Опишу ситуацию подробнее. Есть два сайта, на одном более сотни flash-роликов, на втором же их около полутора тысяч. Это небольшие ролики, включающие в себя анимацию, навигацию и прочие необходимые причуды. Почти все они сделаны руками. Сказать, что мне было жаль с ними расставаться — ничего не сказать. Но мысль о том, чтобы конвертировать их все в HTML5, как рекомендовалось, казалась безумной. Ни один протестированный мною конвертор, декомпилятор или встроенный в программу Flash метод не давал необходимого результата.
Стоит учесть, что мало было перевести проект на современные аналоги, его еще нужно развивать и обновлять. С Flash это мог делать обычный дизайнер, c HTML5, WebGL и WebAssembly нужна как минимум парочка программистов. Инди-проекты после такого могут только отдыхать.
В 2017, когда был объявлен закат Flash, удалось переделать некоторую часть анимационных роликов обычными средствами разработчика – плясками с оленьим черепом и бубном. Используя декомпилятор, эти ролики оптом были разобраны на ресурсы покадрово, а затем при помощи самописного js-проигрывателя все это более-менее загружалось и работало. Плюсом было то, что они заработали в мобильных браузерах. В силу специфики сайтов последнее мало что давало, но зато поддерживался тренд. Но это только для анимации, там, где поддерживался интерактив, все сложнее.
Небольшое отступление – на этих сайтах имитируется работа определенной графической программы, где вместо выполнения команд дается их описание. Например, по 3DS Max уже существовал официальный учебник, но не настолько интерактивный и удобный, чем упомянутый ранее (как его автор, могу преувеличить достоинства). Забегая вперед, в официальном учебнике тоже были флеш-ролики, и перед написанием этой статьи заглянул в него, чтобы узнать как решена проблема. Она решена очень оригинально – большая часть их просто выпилена, остальные переконвертированы в видео.
Итак, какие общие решения могут быть использованы после декабря 2020?
Во-первых, так как в последние версии Flash Player вставлен таймер работоспособности, делая его простым смертным, то необходимо найти версию, где такого таймера нет (v32.0.0.371) и предложить установить пользователю. Здесь проблемой может быть то, что ссылки на такие версии планомерно удаляются производителем с сайтов. Поэтому давать ссылку на скачивание вкупе с предложением установить возможно уязвимый устаревший продукт, такое себе. Способ может быть актуальным только для десктопных приложений. Судя по этому заявлению от Adobe time bomb установлена на 13 января 2021.
Во-вторых, можно перекомпилировать в поддерживаемый видеоформат, как упоминалось ранее. Однако не всем Flash-роликам, особенно интерактивным, это подойдёт.
Почему же Adobe не выпустило свою версию проигрывателя типа Ruffle, как только запахло жареным? Об этом можно только догадываться. Но, скорее, появятся достойные аналоги и нужно только их дождаться, переждав блокировку на том, что есть. Так что смерть старым флешкам в вебе объявлена преждевременно. По крайней мере 2021 год все еще дает надежду.
Ссылки на ресурсы:
Free HTML5 Video Player and Converter — специальная утилита для конвертирования разных видеофайлов в формат HTML5. Содержит несколько инструментов для просмотра и редактирования роликов, помогает загружать созданные клипы на веб-страницы.
Возможности Free HTML5 Video Player
- Оптимизирован для всех HTML5-совместимых браузеров;
- Проигрывание видео без установки Adobe Flash Player;
- Помогает создать плеер для будущего сайта или блога;
- Интегрированный модуль для аппаратного ускорения GPU;
- Создание пресетов, можно настраивать конкретные параметры;
- Отправка ссылок на медиа на Facebook, YouTube, Vimeo и другие сервисы;
- Функция автоматического выключения ПК после завершения конвертации;
- Можно просматривать видеоконтент с iPhone, iPad, iPod и Android-гаджетов;
- Использование спецификаций и библиотек Mediaelement.js, Kaltura JS, JW Player;
- Позволяет предварительно воспроизвести видеоматериал, есть полноэкранный режим;
- Отображение атрибута video src (url относительно сервера, на котором размещён веб-сайт).
- Обладает открытым исходным кодом - Open Source проект;
- Можно загружать плагины и дополнения;
- Лёгкая настройка разрешения и громкости;
- Совместимость c элементами панели JavaScript;
- Добавление CSS стилей для скинов проигрывателей;
- Звук воспроизводится в MP3, AAC, WAV, WMA Audio;
- Наличие раздела Help для начинающих пользователей;
- Встроенный контейнер форматов, конвертирует ролики одним нажатием;
- Невысокие системные требования, быстрая процедура инсталляции и запуска;
- Стандарт HTML5 добавляет API для управления воспроизведением (HTML Video Element);
- Поддержка видеокодеков Theora OGG, Vorbis, Matroska, Webm, VP8, W3C, ID, DIV, DIVX и др.
- Редкие сбои при попытке загрузить страницу в IE, нужно нажать кнопку «Обновить», иначе видео не будет отображаться.
Any Video Converter Free
Free Studio
Media Player Codec Pack
Silverlight
Free HTML5 Video Player скачать бесплатно
Последняя версия:
1.2.5 от 18.05 2017
Разработчик: DVDVideoSoft Ltd.
Операционные системы:
Windows 7, 8, 10, XP, Vista
Размер файла: 28.3 Mb
Полное описание
HTML5 Player and Converter позволяет легко конвертировать различные видеоролики в HTML5-формат. Поддерживает конвертацию большинства популярных расширений, включая AVI, MPEG, MP4, OGV, WMV, MKV, SVG, QuickTime и т.д.
После добавления мультимедийного файла можно задать выходное имя и указать подходящий тип видеоплеера, который используется на сайте. Когда требуемое содержимое будет сконвертировано, откроется окно веб-обозревателя, в котором можно просмотреть клип и скопировать размещенный ниже проигрывателя программный код для последующего размещения на вашей веб-странице.
Помимо встроенного видеоконвертера есть удобные инструменты для обрезки, поворота и масштабирования изображения. Можно добавить субтитры и теги. В разделе опций имеются средства для работы с плейлистами iTunes. Доступно использование технологии GPU для ускорения кодирования контента.
Приложение работает со всеми современными браузерами, в том числе: Google Chrome 3.0, Mozilla Firefox 3.5, Internet Explorer 9, Opera, Safari, Microsoft Edge, Puffin Web Browser. Кстати, ПО можно использовать для оптимизации видео под воспроизведение на мобильных устройствах Android, iOS и Windows Mobile.
Adobe Flash Player является самым распространённым плагином для воспроизведения веб-контента, даже не смотря на внедрения его конкурента – HTML5. Вы можете установить и активировать его в любом браузере, который вы используете. В статье мы расскажем, как установить и настроить flash-плеер всего в несколько шагов.
Обновление флеш-плеера до последней версии
Скачайте и установите флеш-плеер последней версии здесь.
Примечание: вместе с флеш плеером, компания Adobe также предлагает скачать дополнительное программное обеспечение. Обычно это антивирус «McAfee». Если вы не хотите его устанавливать снимите галочку под пунктом «Дополнительное предложение».
Перейдите в каталог, куда загрузился установочный пакет. Двойным кликом откройте загруженный инсталлятор. Это запустит процесс установки. Следуйте инструкциям на экране, чтобы завершить установку.
Примечание: во время установки рекомендуется закрыть все браузеры, иначе изменения не вступят в силу до их перезапуска.
Включение flash в вашем браузере
В большинстве браузеров флеш-плеер автоматически активируется после установки, однако при некоторых настройках безопасности, он может не активироваться. В этом случае его необходимо включить вручную.
Откройте браузер, который вы чаще всего используете.
Перейти к меню «Инструменты». И выберите пункт «Расширения» или «Дополнения».
Найдите плагин Adobe Flash Player или Shockwave flash и отметьте флажком пункт «Enable Flash Player» (Всегда включать).
Проверка работы Flash Player
Перезагрузите компьютер. Вы можете сделать это вручную, нажав кнопку «Reset» (не желательно) или найти соответствующий параметр в меню «Пуск» операционной системы Windows.
Откройте браузер и загрузите страницу, использующую технологию Flash, например, популярный видеоресурс YouTube. Попробуйте загрузить видео. Если оно загружается без каких-либо проблем, вы успешно включили Flash плеер.
Настройка плагина Adobe Flash Player
Для настройки флеш-плеера служит менеджер локального хранилища, который можно открыть, перейдя в «Панель управления» и выбрав пункт «Flash Player».
Настройки локального хранилища служат для управления разрешениями на использование плагина и хранения информации.
С помощью настроек локального хранилища вы можете разрешить или запретить веб-сайтам хранить информацию через проигрыватель Flash Player, а также задать объем хранимой информации. Сайты могут хранить историю просмотра, статистику флеш игр, а также информацию о компьютере.
Чтобы разрешить интернет-ресурсам хранить данные на компьютере пользователя выберите параметр «Разрешить сайтам хранить данные на компьютере».
Чтобы разрешить хранение данных только определенным веб-сайтам, выберите параметр «Спрашивать, прежде чем разрешать новым сайтам хранить информацию на этом компьютере».
Чтобы запретить всем веб-ресурсам хранить данные на вашем ПК выберите параметр «Запретить всем сайтам сохранять информацию на этом компьютере».
Примечание. При выборе последнего параметра, с вашего компьютера удаляются абсолютно все локальные хранилища. Перед этим вы увидите запрос на подтверждение удаления локального хранилища и установку запрета на хранение данных.
С развитием технологии HTML5 все чаще и чаще возникает ее сравнение с Flash. Среди всех тех, кто может высказать свое мнение по этому вопросу стоит отметить Дуэйна Никола (Duane Nickull), ведущего евангелиста компании Adobe. На конференции Web 2.0 Expo он будет много говорить о новых перспективах HTML5, AJAX и Flash, и в преддверии этого он дал нам (O`Reilly) интервью.
В какой мере HTML5 и Flash перекрывают друг друга, а в какой дополняют?
Дуэйн: Во-первых, давайте проясним вопрос относительно того, что понимать под HTML5. Когда люди говорят или думают об HTML5, на самом деле они ссылаются на целый стек технологий, включающих в себя jQuery, AJAX, CSS и даже самый простой JavaScript. Подобно этому, Flash — это больше чем просто формат файлов *.swf. Flash — это полноценная платформа, включающая в себя сервер-сайдные компоненты, средства авторизации, протоколы, бинарные форматы, поддержку кодеков, а так же каналы обмена данных в таких серверных решения как Livecycle Data Services и Flash Media Server.
В большинстве случаев, основанные на Flash приложения размещаются в интернете, так что они размещаются внутри HTML контейнеров. Зачастую в работе используется JavaScript. Так что из этого можно с уверенностью сказать, что HTML и Flash отлично работают «в одной команде» и по большому счету Flash зависит от HTML.
Какова позиция Adobe в отношении HTML5?
Дуэйн: Стратегий Adobe является использование обеих технологий HTML5 и Flash, в том числе создание средств разработки под обе этих платформы. HTML5 — восхитительная технология и с моей точки зрения, как стандарт, слишком долго стояла на месте. Мы участвуем в группе W3C с целью как можно быстрее привнести новые фишки в наши продукты. На Adobe MAX 2010, мы показали продукт схожий с Flash Professional CS5, для того чтобы показать дизайнерам и разработчикам, каким простым и интуитивно понятным может быть создание интерактивной анимации в HTML.
Разработчики и архитекторы должны сделать выбор, что же им больше подходит. Рассмотрим это на примере форм для ввода данных. В большинстве случаев, делается выбор в пользу HTML форм, потому что они быстрее грузятся и не требуют дополнительного плагина. Если же требуется работа в оффлайне, к примеру в AIR приложениях, то предпочтение уже отдается Flash. Опять же, Adobe не говорит разработчикам какую из технологий нужно использовать, мы предоставляем решения для обеих платформ, а уже сам разработчик должен сделать выбор. Вряд ли бы они отнеслись положительно к тем, кто навязывает им свою волю.
С ростом использования HTML5, технологии становятся все больше похоже, например появился тег video. В этом вопросе существует ряд определенных требований, которые основаны как на возможностях браузеров, так и на возможностях интернет каналов. Платформа Flash накопила огромный опыт по работе с видео контентом, позволяя предоставлять видео в максимальном качестве, на основе таких перечисленных выше данных как возможности интернет канала и браузера. Это требует определенных серверных технологий и средств коммуникаций. HTML5 это все же язык разметки и может не справляться с поставленным задачами так же хорошо Flash Player до тех пор, пока не будут созданы соответствующие серверные технологии.
Отдельно стоит поговорить об отображении видео контролов. Если вы используете Flash Player, то ваш видео проигрыватель будет всегда выглядеть одинаково. Если же вы будете создавать свои контролы, используя HTML and CSS, то можете столкнуться с проблемой, что в разных браузерах они будут выглядеть по разному. Ни для кого не секрет, что CSS имеет определенные проблемы в разных комбинациях браузер/ОС. К примеру, у вас есть Opera, Chrome, IE, Safari, Firefox. В основном, они используются на в 3-10 разных ОС. Да еще есть около 5 подверсий как браузера, так и ОС. То есть грубо говоря, мы имеем 5 * 10 * 5 * 5 = 1,250 комбинаций, где нужно проверить, как работает наш CSS. Да, еще не забудьте про IE6. Так что не все так гладко. Если вам интересно, я писал об этом у себя в блоге.
Как будет развиваться продвижение Flash / HTML5 в сторону мобильных разработок?
Дуэйн: Я думаю оно будет развиваться так же, как и в интернете в целом. Adobe дает разработчикам выбор использовать те средства, которые им больше по душе. Flash платформа безусловно представляет интерес для мобильных разработок и единственной помехой в этом является то, что она не работает на iOS устройствах.
В любом случае выбор остается за потребителем. Millennial Media недавно опубликовала данные, что телефоны на базе Android составили 46% рекламного трафика в их сети, в то время как устройства от Apple лишь 32%. Android устройства, которые уже с версии 2.2 поддерживают Flash, являются вторыми по популярности и будут становится еще популярнее.
Так же развивается и рынок планшетов. Компания Research in Motion (RIM), устройства которой поддерживают и HTML5 и Flash Player, активно растет в этом направлении, несмотря на лидерство Apple в этой области.
И в завершении повторюсь, стратегией Adobe является предоставление выбора разработчику. Мы любим Flash и мы любим HTML.
В этой статье — небольшая мотивационная часть и рабочий сценарий, как полноценно жить в сети без Flash-плагина
Сценарий будет состоять из трёх рецептов:
- Рецепт для сайтов, замечающих Flash через feature detection.
- Рецепт для сайтов, которые обращают внимание на User agent .
- Рецепт для сайтов, которые просто всегда дают Flash.
- + Запасной вариант на случай, если Flash понадобится.
- Потому что на смену ему пришли новые технологии, которые решают те же задачи лучше, которые используются в новых проектах и стартапах.
- Потому что на большинстве из тех сайтов, где вы видите Flash, эти технологии уже лежат в запасниках, и вам давно подготовлен Flash-free experience.
- Потому что Flash имеет множество проблем. Основные проблемы решить невозможно — они заложены в его архитектуру. Хороший список проблем есть в английской Википедии.
- Потому что все авторитетные стороны, связанные с Flash, говорят о том, что Flash пора выбросить 1 .
Об этом поподробнее:
- Googleговорит: «Откажитесь от плагинов». «Операции, которые раньше требовали использования плагинов, теперь можно выполнять с помощью веб-технологий»
- Mozilla борется с Flash; вспоминает, что Flash — основная причина падений Firefox и говорит: «Плагины — это унаследованная технология, не доступная на большинстве мобильных устройств. Mozilla советует веб-разработчикам всеми способами избегать плагинов. Если у вас есть функциональность, которую не удаётся создать без плагина, обратитесь к нам»
- Apple в 2010 опубликовала прекрасное письмо «Thoughts on Flash», а в английской Вики есть отличный разбор мнений об этом письме и ситуации в целом.
- Electronic Frontier Foundationчасто пишет о том, что Flash — это плохо
- Adobe в 2011 свернула поддержку Flash Player на всех ОС и платформах, кроме Wintel и Mac OS X. В своём письме они сказали: «…HTML5 — лучшее решение для создания материалов для мобильных платформ.»
- Даже рекламщики, а именно — IAB, их главный профсоюз — сказали в 2010: «Рекламодателям просто пора делать баннеры на HTML5, а не на Flash. Многие бренды уже сделали так для iPad, и их результаты радуют»
А, может, альтернативный Flash-плеер?
Если вы решите использовать альтернативный Flash-player (список-музей которых есть в той же Википедии), то вы ничего хорошего не получите. Все плееры полумертвы, поддерживают только часть возможностей Flash, тормозят, сбоят, и — в целом — малопригодны. Была надежда на Mozilla Shumway, но и она тихонько тает.
Главное же — альтернативный Flash player не решит основную проблему: в интернетах вам регулярно подсовывают SWF-файлы вместо полезного содержимого.
А решается проблема просто:
Удивительно, но многие сайты показывают вам Flash-содержимое … потому что у вас есть Flash!
Однажды вы задумались о жизни без него и блокировали его Flashblock-ом, а он продолжал быть в системе, и сайты всё так же давали вам всякие embed -ы и object -ы, которые Flashblock и блокировал. Это похоже на анекдот про обезьяну, которая таксиста обманула: мы попросили Flash-содержимое, а, когда оно пришло — заблокировали.
Конечно, это полная фигня. Отключите Flash-декодер. Ещё лучше — удалите его полностью. Тут-то окажется, что часто он не был нужен.
Иногда, впрочем, сайтам надо помочь
А как быть с Youtube-видео, вставленным много лет назад на сторонние сайты через embed или object ? Воспользуйтесь расширениями и Userscript-ами.
Например, ClickToPlugin для Safari знает в лицо пол-сотни object-ов и умеет заменять их на HTML5-эквивалент 2 .
Кто никогда не касался Flash, как гордый стриж никогда не касался земли? Конечно, iPhone и iPad.
Смените себе User agent на Safari @ iPad, и многие, очень многие сайты чудесно заработают.
Выберите в меню разработчика 3 Safari «Маскироваться под Internet Explorer» Разработка → Пользовательский агент → Safari iOS — iPad. Настройка применится для выбранной вкладки, она перезагрузится, и сервер выдаст вам версию для планшетов, функционирующую без Flash. Проделывать это, к сожалению, придётся каждый раз при посещении сайта, потому что в Safari нет автоматических способов сменить User agent .
Если у вас Firefox, вам повезло больше. Расширение UAControl позволяет выбирать User agent для каждого сайта. Откройте негодный сайт, ткните по кнопке UAControl → UAControl options for this site… → Action: Custom и вставьте в поле Custom user agent строчку от Safari iOS 8.1 на iPad:
Mozilla/5.0 (iPad; CPU OS 8_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12B410 Safari/600.1.4
Теперь запросы для этого сайта будут всегда отправляться от имени iPad Safari. Viva la Firefox!
Некоторые герои меняют User agent глобально и насовсем — но я категорически это не советую. Любоваться планшетной навигацией на каждом сайте — выше моих сил. Одного Хабра хватило, спасибо .
Например: ваш любимый сайт с гитарным тюнером работает через Flash? Отправьте его на пенсию, и найдите тюнер на HTML5 и WebRTC.
А лучше — достаньте ваш смартфон или планшет, загляните в переполненный магазин приложений, и выберите подходящее на свой вкус.
Но что делать, если вы встретили сайт, которому действительно нужен Flash? Таким сайтом, например, оказался Livemocha, использующий Flash для аудио-занятий иностранным языком. Проект чрезвычайно интересный, Flash-free альтернативы нет, и обходиться без него не хочется.
- Гугловским анальным зондом отслеживающим модулем (а заодно — интеграцией с Гуглосервисами)
- Не общесистемным, авто-обновляемым встроенным Adobe Flash.
Итак, ставим вторым браузером Google Chrome — или любой другой коммерческий браузер на его основе, например, новую Оперу или Яндексобраузер. Я выбрал последний — Гугловский зонд модуль интеграции там выпилен и заменён на Яндексовский, а Яндекс-сервисами я как раз не пользуюсь. К тому же, их новый (бета) интерфейс очень клёвый
Теперь, когда попадаем на Flash-only сайт, с которого не хочется уходить на что-то более достойное, тыкаем в Safari: «Open in IE» Разработка → Открыть страницу с помощью → Yandex, и радуемся.
Для Firefox есть удобные расширения вроде Open In Chrome
Читайте также: