今天看啥
热点:

想玩移动APP,一定需要下载安装吗?NO!HTML5设计的移动APP一定会扭转这种落后的思想。省去下载安装麻烦,直接玩移动APP才是王道!

 

秀野堂主,高级网页设计师,HTML5研究小组成员(http://www.mhtml5.com),中国传媒大学动画与数字艺术学院兼职讲师。他写的《论道HTML5》广受好评,他的HTML5教学视频得到行业的推荐。


邮箱:admin@xiuyetang.com
个人网站:www.xiuyetang.com
新浪微博:http://weibo.com/xiuyetang 

 

现在绝大多数移动APP都是用传统技术设计的,它们都有平台局限性,而要跨平台,就必须开发多个版本,这样一来开发精力就耗费很大,因为不同平台用到的SDK不一样,开发语言不一样(J2ME、Java、Objective-C等),这都要求开发者具备较全的开发技术,增加了开发门槛。


而用HTML5设计移动APP,这有一个好处,那就是不需要SDK、也不需要掌握多种开发语言,就学会HTML5编程就足够开发适应四大平台的移动APP了。换句话说,开发精力减少了、开发门槛都降低了。这就是HTML5被移动开发者看好的重要原因。


HTML5能胜任移动APP开发吗?众所周知,在移动设备上,通常都有摄像头、加速度传感器、指南针、GPS定位等相关电子元器件,以前的网页开发技术是不能调用这些设备的,HTML5是不是可以突破传统的网页技术,操纵这些特殊的电子元器件呢?答案是肯定的!


考虑到手机操作系统较多,不能一一介绍,本文我们以Android手机为例来进行说明,且在欧朋H5浏览器中进行体验,安装该浏览器后首页中就有很多独特的APP应用(http://m.oupeng.com/h5)。 

 

 

 

调动摄像头
一直以来,在网页上直接拍照片,通过几行代码就可以调动硬件摄像头,在以前是不可想像的。而HTML5却把这个梦想般的功能变成了现实——使用HTML5 中的 getUserMedia API就可以达到目的。关键介绍代码如下:


function not_supported(){//检测到浏览器不支持摄像头读取后的处理函数


var message = document.querySelector('#message');


message.innerHTML = "<h1>此浏览器不支持读取摄像头</h1>";
}

 

function v_success(stream){//检测到浏览器成功读取摄像头后的处理函数

 
video_element.src = stream;//取得摄像头数据流


//注意:此处,视频的宽高尺寸应该照如下代码读取。


//alert(video_element.clientWidth+","+video_element.clientHeight)
}


function v_error(error){


opera.postError("错误! 错误码为:"+error.code); //检测到浏览器读取摄像头失败后的处理函数

 

想玩移动APP,一定需要下载安装吗?NO!HTML5设计的移动APP一定会扭转这种落后的思想。省去下载安装麻烦,直接玩移动APP才是王道!

 

秀野堂主,高级网页设计师,HTML5研究小组成员(http://www.mhtml5.com),中国传媒大学动画与数字艺术学院兼职讲师。他写的《论道HTML5》广受好评,他的HTML5教学视频得到行业的推荐。


邮箱:admin@xiuyetang.com
个人网站:www.xiuyetang.com
新浪微博:http://weibo.com/xiuyetang 

 

现在绝大多数移动APP都是用传统技术设计的,它们都有平台局限性,而要跨平台,就必须开发多个版本,这样一来开发精力就耗费很大,因为不同平台用到的SDK不一样,开发语言不一样(J2ME、Java、Objective-C等),这都要求开发者具备较全的开发技术,增加了开发门槛。


而用HTML5设计移动APP,这有一个好处,那就是不需要SDK、也不需要掌握多种开发语言,就学会HTML5编程就足够开发适应四大平台的移动APP了。换句话说,开发精力减少了、开发门槛都降低了。这就是HTML5被移动开发者看好的重要原因。


HTML5能胜任移动APP开发吗?众所周知,在移动设备上,通常都有摄像头、加速度传感器、指南针、GPS定位等相关电子元器件,以前的网页开发技术是不能调用这些设备的,HTML5是不是可以突破传统的网页技术,操纵这些特殊的电子元器件呢?答案是肯定的!


考虑到手机操作系统较多,不能一一介绍,本文我们以Android手机为例来进行说明,且在欧朋H5浏览器中进行体验,安装该浏览器后首页中就有很多独特的APP应用(http://m.oupeng.com/h5)。 

 

 

 

调动摄像头
一直以来,在网页上直接拍照片,通过几行代码就可以调动硬件摄像头,在以前是不可想像的。而HTML5却把这个梦想般的功能变成了现实——使用HTML5 中的 getUserMedia API就可以达到目的。关键介绍代码如下:


function not_supported(){//检测到浏览器不支持摄像头读取后的处理函数


var message = document.querySelector('#message');


message.innerHTML = "<h1>此浏览器不支持读取摄像头</h1>";
}

 

function v_success(stream){//检测到浏览器成功读取摄像头后的处理函数

 
video_element.src = stream;//取得摄像头数据流


//注意:此处,视频的宽高尺寸应该照如下代码读取。


//alert(video_element.clientWidth+","+video_element.clientHeight)
}


function v_error(error){


opera.postError("错误! 错误码为:"+error.code); //检测到浏览器读取摄像头失败后的处理函数

 

www.bkjia.comtruehttp://www.bkjia.com/remen/remen_88736.htmlTechArticle想玩移动APP,一定需要下载安装吗?NO!HTML5设计的移动APP一定会扭转这种落后的思想。省去下载安装麻烦,直接玩移动APP才是王道! 秀野...

相关文章

    暂无相关文章
相关搜索:
相关频道:

帮客评论

视觉看点