У рунетного плеєра Uppod з'явилася HTML5-версія.
Нашим конструктором плеєрів користується безліч шанованих проектів, тому ми вирішили зробити можливість вибору технології. Версія на HTML5 буде максимально сумісна з поточними налаштуваннями версії Flash, яку ми розвиваємо вже кілька років. А може і перевершувати її, хто знає. Поки що реалізовано тільки базовий функціонал без стилів і плейлистів. Версію плеєра можна подивитися на html5player.ru, а тут можна завантажити плеєр і випробувати.
Розробка
Перепробували кілька редакторів, але за іронією долі найкраще підійшов FlashDevelop - безкоштовний і дуже зручний редактор коду. Рекомендуємо і JavaScript. Працює швидше, ніж з Ac^ Script - не потрібні компіляції, а рідний зв'язок з CSS і DOM дуже багато спрощує.
Фреймворки (jQuery тощо) не використовували, тому для роботи uppod.js не вимагає будь-яких бібліотек. Стиснутий файл важить близько 27кБ.
Всю графіку інтерфейсу намалювали в canvas для схожості з Flash-версією, де можна створювати свої кнопки - вони також малюються програмно. FireFox трохи замилює графіку, з іншими браузерами все відмінно.
Несподіваною проблемою виявилася анімація поверх відео для індикації буфера - по краях з'являлися спотворення і артефакти. Тому індикацію довелося зробити аскетично написом над таймлайном.
Зоопарк
Плеєр працює у всіх браузерах, де є підтримка HTML5.
З таблиць видно, що найгірше йдуть справи з IE, який підтримує HTML5 тільки в дев'ятій версії за словами розробників (в останній демці немає ні канви, ні відео). Натомість обіцяють підтримку GPU.
Тести продуктивності показали лідерство Chrome і Safari. Найгірше з навантаженням у FireFox, аж до падіння. У FireFox також є проблема з отриманням даних про завантаження потоку - замість стандартної властивості buffered до цього дня використовувався велосипедний loaded. У 4.04b, що вийшла вчора, це виправлено, але тільки для OGG. У Opera взагалі нічого немає, тому там відображається тільки лінія відтворення.
Стандарт HTML5 пропонує перевіряти браузер на сумісність з форматами і віддавати файл, який підтримується. Також можна виловчитися, віддавши Flash-версію застарілому браузеру (плеєр це вміє сам).
На iPhone (iOS) плеєр працює, як кнопка запуску вбудованого Quicktime - краще, ніж нічого.
Інтерфейс
Це те, чим відрізняється плеєр від теґу video. Зробили інтерфейс максимально схожим на нашу стандартну Flash-версію, з першого погляду можна і не дізнатися. Додали повноекранний режим на всі вікно переглядача (+ F11), основні клавіші, панель керування автоматично ховається під час відтворення. У перспективі буде повністю клоновано весь функціонал, включаючи стилі, плейлисти і модулі (субтитри, реклама тощо). Що стосується гнучкості в дрібницях, то Flash за рахунок багаторічної історії виглядає краще.
Імпортувати
Стандартом імпорту в блоги швидше за все стане iframe, де можна буде показувати HTML5 і Flash і рекламу. Питання тільки в тому, як швидко до цього будуть готові движки блогів і соціальних мереж.
Разом
Нічого нового не виявили, тому повторимо загальновідомі факти:
З HTML5 приємно працювати, стандарт, продуктивність місцями краще, працює на пристроях без Flash.
Чим HTML5 поганий:
- немає кросбраузерності;
- немає домовленості щодо форматів;
- немає нормальної підтримки потоків (RTMP тощо);
- немає підтримки мікрофона і вебкамери;
- немає інфраструктури (рекламних мереж, експорту в блоги тощо).
Думається, що HTML5 здатний замінити Flash в масовому сегменті ринку медіаплерів за кілька років, якщо виробники браузерів постараються і знайдуться нові технології передачі потокових даних.
Плеєр HTML5 безкоштовний, як і Flash-версія Uppod.
Останні новини:
- підтримка YouTube API;
- інтеграція з рекламними мережами VideoSell, Begun, AdLabs і sms-агрегатором AOneBill;
- локалізація інтерфейсу на будь-яку мову;
- купа нових опцій для скинування;
- папки в плейлистах;
- і багато іншого.
P.S. Спасибі за лід-репорти, все врахуємо.