HTML5 canvas 怎样防止屏幕自动睡眠并检测手机和平板锁屏事件

html-css015

HTML5 canvas 怎样防止屏幕自动睡眠并检测手机和平板锁屏事件,第1张

HTML5 canvas 怎样防止屏幕自动睡眠并检测手机和平板锁屏事件

在Android中循环播放一秒(时间很短)的视频可以阻止自动睡眠,终于不需要用那些还没有正式被浏览器支持的新API了。而iOS似乎是用JavaScript的定时器不断self.location的方式阻止屏幕自动睡眠的,但据说iOS7无效。。。

在Android用Page Visitable API可以检测到锁屏事件,但在iOS7测试无效,其他版本的iOS不清楚。

锁屏是一个简单的小程序。涉及到修改系统核心的一些操作。你描述的大概有2个软件,1个是锁屏,一个是设置密码,这个组合相对有些冷门,目前没有这个实例演示的,有的只是直接锁屏,简单调用2个事件就能解决。我不太清楚你的目的是什么,和你现在对这方面了解到多深的经验。是否知道如何将密码事件嵌入锁屏事件中。

如果仅是界面实现,只要了解html5语言,你也会清楚怎么做了。

实现界面简单地步骤,建立一个主题setTheme(),设定背景也就是style。然后建立一个容器,这个容器里设置布局,定位9个格子layout。

然后在每个格子里建立1个窗口层。窗口里定义几个内容,触发事件描述,自定义组件也就是9个头像的图标和form格式,触发滑动动画效果。

这样,一个界面视图就完成了。

如果你要完全实现,接下来的工作才是难点。这个没法几句话说清楚的。当然如果你有那个经验,不用说也清楚该怎么做。

监听Service,获取用户权限,注册事务事件,调用键盘系统服务对象等。

或者你也可以偷懒一下,找到系统的密码管理文件,直接把锁屏的试图给替换了。