30
SmartTV [not so]

Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

  • Upload
    ontico

  • View
    341

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

SmartTV[not so]

Page 2: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Что нужно, чтобы начать разрабатывать под SmartTV?

2

Текстовыйредактор Браузер Документация

Page 3: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Технологии

3

Page 4: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Web-технологии — это же кросплатформенность?

и Да, и Нет

4

Page 5: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Да:

• HTML

• CSS

5

• JavaScript

• DOM-интерфейсы

Page 6: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

6

Нет:

• Разный подходк деплою

• Различия в модельных рядах

• DRM-плеер

• Интерфейс управления

Page 7: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

7

У

УНИФИКАЦИЯ

Page 8: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

8

Приложение на устройстве

Page 9: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

9

Приложение на сервере

Page 10: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Кто ты, телевизор?

Lunux на ARM- или MIPS-процессоре

От одного до 6 ядер от 1 до 1.5МГц

1–2ГБ оперативной памяти

WebKit или Opera c быстрым JS

10

Page 11: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Ограничения и возможности

Разрешение: 1280×720 (1920×1080)

Скорость отрисовки: зависит от года

Анимации: возможны, на последних моделях

SVG: можно, ура!

MediaQueries: можно, но не поможет

11

Page 12: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Ограничения и возможности

Оперативная память: достаточно (1–2GB)

Локальное хранилище: мало, от 10КB

CORS: можно!

Web-сокеты: есть с 2013 года

12

Page 13: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Ограничения и возможности

У Самсунга есть доступ к файловой системе

Есть прочая, интересная информация, например о наличии и типе сети

13

Page 14: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Отладка

Удаленной консоли нет

Неудаленной консоли тоже нет

Есть тестовая лаборатория у Самсунга

14

Page 15: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

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)

Определение устройства

16

Строка UserAgent

Код модели

Вендор-специфичные интерфейсы

Page 17: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

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)

Модель

18

UE55H7000 U — LED E — Для европы 55 — Размер H — 2014 год 7000 — Серия

UE88HU8000 U — LED E — Для европы 88 — Размер HU — 2014 год, UHD 8000 — Серия

Page 19: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Поддержка UHD

19

LG NetCast:

/LGE; \d{2,3}([UB|C]{2})\S+;/gi.exec(userAgent)

Page 20: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Поддержка 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)

Так, эмулятор же есть?

21

Не поддерживает DRM-контент

Не поддерживает часть API

Не гарантирует совместимости

Есть не у всех

Page 22: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Ну а как попасть в телевизор?

Для тестирования:

USB-флэшка

22

Загрузка с серверав режиме разработчика

Средствами SDK

Page 23: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

23

Ну а как попасть в телевизор?

Через кабинет разработчика

на сайте

В случае наличия продаж тоже через кабинет, но только после заключения всех договоров и формальностей

В магазин

Page 24: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

24

Page 25: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

www.yourappontv.com

Самый первый

Самый медленный

Худшая документация

Opera; Fusion, MTK, Android≈ 17% рынка, ≈ 1% пользователей

25

Page 26: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

developer.lge.com

Самый быстрый

Самый понятный

Лучшая документация

Webkit; NetCast и WebOS< 30% рынка, ≈ 30% пользователей

26

Page 27: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

www.samsungdforum.com

Самый непохожий на других

Самый неудобный

Ошибки в документации

Webkit; SmartTV, Tizen> 30% рынка, ≈ 69% пользователей

27

Page 28: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

developer.sony.com/develop/tvs/html5/

Нет доступа к документации

Довольно толковый API

Webkit; Bravia, Android≈ 18% рынка, Н/Д по пользователям

28

Page 29: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Что там дальше?

29

Увеличение рынка

Развитие UX (multi-screen, smart controls)

Быстрее, выше, красивее

Или все просто уйдут на Андроид

Page 30: Онлайн-кинотеатр для SmartTV на веб-технологиях / Михаил Лабанов (Ayyo)

Спасибо!

Михаил Лабанов

github.com/maikudou/SmartTV

maikudou.net/smarttv.pdf