TV前端开发解决方案.pdf

TV前端开发解决方案 阿里巴巴 听鸿 第四屏的崛起 Native开发 • YunOS电视系统目前主流的产品开发方式 Native开发 • 优点 • 对硬件使用程度较高，产品流畅度好性能高 • 缺点 • 迭代速度慢 Apple tvOS TVML Apple tvOS TVML Apple tvOS TVML • 优点 • 拿来即用的TV基础模版 • 缺点 • 需要学习一套只适用于tvOS的标记语言 前端在TV平台新战场 • 给我一个webview，就能撬起整个平台 TV平台的前端有什么不一样 TV平台的前端有什么不一样 TV平台的前端有什么不一样 TV平台的前端有什么不一样 PC和无线端 设备： 鼠标键盘／触摸屏 操作： 光标移动／触屏滑动实现焦点切换 click／tap触发 TV端 设备： 遥控器／游戏手柄 操作： 方向键上下左右实现焦点切换 OK键触发 繁琐的焦点管理 最初级的解决方式 • 方向绑定 • div data-dir=“a;b;c;d”e/div • • document.addEventListener(‘keydown’, ……); 问题 • 大量重复的处理焦点的代码 • 这些配置完全无法做到重用 问题 • 大量重复的处理焦点的代码 • 这些配置完全无法做到重用 焦点自动切换机制 • 投影算法 • 平面区域划分算法 • 自定义配置 • 缓存前一次 投影算法 E C D F A B G 投影算法 E C D F A B G 投影算法 E C