最近公司搞“黑马”项目,想到H5在手机app上的应用很多,但是目前在我们公司电视端的应用几乎为零,所以就拟定题目为《基于H5技术的新型电视应用》,经过43小时的奋斗搞定小demo并最终获得了2等奖5999奖金,好了闲话不多说下面就针对H5+Android混合开发电视app进行总结归纳:

在总结归纳之前我们要先说一下H5的优势,这也就是我们选择H5的原因,大家都知道H5具有以下优点:

1.页面兼容性好、跨平台、调试方便,可以直接在网页调试
2.H5页面开发简单、便捷,开发成本低,入门门槛低,周期短
3.终端升级灵活,相对于Android应用,更加轻量级,H5不需要升级客户端,在服务器部署即可,运营效率极高,同时也规避了不同用户版本不一致的问题
4.方便展示全网资源
5.方便定制  

虽然H5有这些优势,但是它同样存在着缺点,那就是无法调用底层服务,运行消耗资源较多等问题,所以我们选择的是H5+Android的混合开发,现在是一个非常好的时机,为什么这么说呢因为现在电视的内存和CPU都有了很大的提升,2G已经成为标配,而且随着互联网的发展,运营的需求也越来越高,这就需要电视端频繁切换界面,上线运营内容,以满足运营需求,所以说这是一个很好的时机,说了这么多,我们从技术角度进行总结:

1. 在开发H5混合应用之前,你必须要有一点前端的基础。

css3、html、js、h5

html、js、css相信只要做过web开发,相信就不会陌生,但是有许多开发人员这一块比较薄弱,可能是因为长期做后端开发的缘故。如果基础实在太差,建议先临时抱佛脚充充电,学个入门还是很简单的,敲几天代码就可以了。

2. 开发工具选择  开发工具选择也比较多,由于之前搞过简单的web项目所以我们使用的是dreamwever,当然也可以使用HBuilder

3. 有了以上准备就可以开始开发H5页面了,实现想要的功能并在浏览器进行调试,调试完毕后就可以在Android工程里搭建webview容器进行加载了,这些都跟手机开发没什么区别,这里就不详细说明了,最后我们介绍一下电视端开发和手机开发不一样的地方,就是怎样让H5响应遥控器按键 

解决方案:使用WebViewloadUrl注入javascript函数

android和h5混合开发 android h5混合开发_H5

这样我们就可以在拿到按键时,调用javascript函数通知H5,H5做相应的焦点移动就可以了