H5+Android混合开发电视APP

最近公司搞“黑马”项目，想到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函数

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

H5+Android混合开发电视APP相关推荐

Android Studio开发安卓app 封装WEB（H5,URL)
由于项目需要,需使用安卓app封装WEB(H5)url链接,之前用的HbuilerX混合开发,但是Hhuildex的UNIAPP在线打包无法实现开机自动启动功能.需使用离线打包,就干脆学习使用andr ...
Unity和Android混合开发
Unity和Android混合开发通用的流程 https://blog.csdn.net/zhangdi2017/article/details/65629589 应用场景 Unity游戏中一些功能 ...
Android Studio开发安卓app 安卓与webview中的js交互
Android Studio开发安卓app 安卓与webview中的js交互 1.webview中的页面调用android中的方法在Android Studio开发安卓app 封装WEB(H5,UR ...
cordova 实现网页缓存_如何解决ionic，cordova混合开发的app缓存大的问题
如何解决ionic,cordova混合开发的app缓存大的问题关注:143 答案:2 mip版解决时间 2021-02-05 06:24 提问者旧梦已过期 2021-02-04 16:54 如 ...
Android Studio 开发–微信APP门户界面设计
Android Studio 开发–微信APP门户界面设计本次Github代码仓库 --crcr1013/MyWechat 文章目录 Android Studio 开发--微信APP门户界面设计前 ...
Android设计开发答题app 安卓+后台Java+数据库mysql
Android设计开发答题app 安卓+后台Java+数据库mysql 基于安卓设计开发答题系统界面简洁大方有用户注册,登录模块主页,答题,选择答案,提交答案等模块程序已经调试完成,包括前端安 ...
安卓大作业：使用Android Studio开发天气预报APP(使用sqlite数据库)
使用Android Studio开发天气预报APP 今天我来分享一下如何使用Android Studio开发一个天气预报APP.在文中,我们将使用第三方接口获取实时天气数据,并显示在APP界面上. 步 ...
混合开发Hybrid App为何成为热门？
纵观当前的移动开发,混合开发(Hybird App)的热度日益上升,那么导致这一趋势的是何原因呢? 实际上,除了混合开发,移动端的开发方式还有纯原生(Native App)和网页应用(Web App) ...
基于H5的混合开发介绍（一）WebView
转自: https://www.cnblogs.com/sanchang/p/9261461.html 一 WebView到底是什么 1 WebView是一种控件,它基于webkit引擎,因此具 ...

H5+Android混合开发电视APP

H5+Android混合开发电视APP相关推荐

最新文章

热门文章