Онлайн-кинотеатр для smarttv на веб-технологиях / Михаил...
TRANSCRIPT
![Page 1: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/1.jpg)
SmartTV[not so]
![Page 2: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/2.jpg)
Что нужно, чтобы начать разрабатывать под SmartTV?
2
Текстовыйредактор Браузер Документация
![Page 3: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/3.jpg)
Технологии
3
![Page 4: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/4.jpg)
Web-технологии — это же кросплатформенность?
и Да, и Нет
4
![Page 5: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/5.jpg)
Да:
• HTML
• CSS
5
• JavaScript
• DOM-интерфейсы
![Page 6: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/6.jpg)
6
Нет:
• Разный подходк деплою
• Различия в модельных рядах
• DRM-плеер
• Интерфейс управления
![Page 7: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/7.jpg)
7
У
УНИФИКАЦИЯ
![Page 8: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/8.jpg)
8
Приложение на устройстве
![Page 9: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/9.jpg)
9
Приложение на сервере
![Page 10: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/10.jpg)
Кто ты, телевизор?
Lunux на ARM- или MIPS-процессоре
От одного до 6 ядер от 1 до 1.5МГц
1–2ГБ оперативной памяти
WebKit или Opera c быстрым JS
10
![Page 11: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/11.jpg)
Ограничения и возможности
Разрешение: 1280×720 (1920×1080)
Скорость отрисовки: зависит от года
Анимации: возможны, на последних моделях
SVG: можно, ура!
MediaQueries: можно, но не поможет
11
![Page 12: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/12.jpg)
Ограничения и возможности
Оперативная память: достаточно (1–2GB)
Локальное хранилище: мало, от 10КB
CORS: можно!
Web-сокеты: есть с 2013 года
12
![Page 13: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/13.jpg)
Ограничения и возможности
У Самсунга есть доступ к файловой системе
Есть прочая, интересная информация, например о наличии и типе сети
13
![Page 14: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/14.jpg)
Отладка
Удаленной консоли нет
Неудаленной консоли тоже нет
Есть тестовая лаборатория у Самсунга
14
![Page 15: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/15.jpg)
15
Coffee:
for item, index in someArray doSomethingClever()
JS:
var i, index, item, len; for (index = i = 0, len = someArray.length; i < len; index = ++i) { item = someArray[index]; doSomethingClever(); }
![Page 16: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/16.jpg)
Определение устройства
16
Строка UserAgent
Код модели
Вендор-специфичные интерфейсы
![Page 17: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/17.jpg)
UserAgent
17
/NetCast.TV/ — LG
/NETTV/ — Philips
/Linux mips.*NETTV/ — Philips Fusion
/Linux arm.*NETTV/ — Philips MTK
/SMART-TV/ — Samsung
/SonySEBrowser/ — Sony
/sharp/ — Sharp
![Page 18: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/18.jpg)
Модель
18
UE55H7000 U — LED E — Для европы 55 — Размер H — 2014 год 7000 — Серия
UE88HU8000 U — LED E — Для европы 88 — Размер HU — 2014 год, UHD 8000 — Серия
![Page 19: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/19.jpg)
Поддержка UHD
19
LG NetCast:
/LGE; \d{2,3}([UB|C]{2})\S+;/gi.exec(userAgent)
![Page 20: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/20.jpg)
Поддержка UHD
20
LG WebOS:
webOS.service.request("luna://com.webos.service.tv.systemproperty", { method: "getSystemInfo", parameters: { "keys": ["UHD"] }, onComplete: function (inResponse) { //inResponse.HD == true } });
![Page 21: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/21.jpg)
Так, эмулятор же есть?
21
Не поддерживает DRM-контент
Не поддерживает часть API
Не гарантирует совместимости
Есть не у всех
![Page 22: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/22.jpg)
Ну а как попасть в телевизор?
Для тестирования:
USB-флэшка
22
Загрузка с серверав режиме разработчика
Средствами SDK
![Page 23: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/23.jpg)
23
Ну а как попасть в телевизор?
Через кабинет разработчика
на сайте
В случае наличия продаж тоже через кабинет, но только после заключения всех договоров и формальностей
В магазин
![Page 24: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/24.jpg)
24
![Page 25: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/25.jpg)
www.yourappontv.com
Самый первый
Самый медленный
Худшая документация
Opera; Fusion, MTK, Android≈ 17% рынка, ≈ 1% пользователей
25
![Page 26: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/26.jpg)
developer.lge.com
Самый быстрый
Самый понятный
Лучшая документация
Webkit; NetCast и WebOS< 30% рынка, ≈ 30% пользователей
26
![Page 27: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/27.jpg)
www.samsungdforum.com
Самый непохожий на других
Самый неудобный
Ошибки в документации
Webkit; SmartTV, Tizen> 30% рынка, ≈ 69% пользователей
27
![Page 28: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/28.jpg)
developer.sony.com/develop/tvs/html5/
Нет доступа к документации
Довольно толковый API
Webkit; Bravia, Android≈ 18% рынка, Н/Д по пользователям
28
![Page 29: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/29.jpg)
Что там дальше?
29
Увеличение рынка
Развитие UX (multi-screen, smart controls)
Быстрее, выше, красивее
Или все просто уйдут на Андроид
![Page 30: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)](https://reader034.vdocuments.mx/reader034/viewer/2022050900/58edbb011a28ab9d288b45f5/html5/thumbnails/30.jpg)
Спасибо!
Михаил Лабанов
github.com/maikudou/SmartTV
maikudou.net/smarttv.pdf