使用HTML5制作Window Phone 7程序

首先的问题是,如何打开本地的html,代码入下

IsolatedStorageFile isoStore = IsolatedStorageFile.GetUserStoreForApplication();
             if (false == isoStore.FileExists(“HTMLPage1.htm“))
             {
                 StreamResourceInfo sr = Application.GetResourceStream(new Uri(“HTMLPage1.htm“, UriKind.Relative));
                 using (BinaryReader br = new BinaryReader(sr.Stream))
                 {
                     byte[] data = br.ReadBytes((int)sr.Stream.Length);
                     using (BinaryWriter bw = new BinaryWriter(isoStore.CreateFile(“HTMLPage1.htm“)))
                      {
                          bw.Write(data);
                          bw.Close();
                      }
                 }
             }

意思就是说,你要在IsolatedStorageFile(独立保存空间)中新建一个HTMLPage1.htm

[......]

Read more

奇思妙想-用HTML5进行人脸识别

今天发现一篇文章写的很有趣,叫你如何使用HTML5进行人脸识别。在网页内进行人脸识别,很好很强大!

“现代Web”不断发展出不少有趣的API,但你并不会在大多数项目中使用到所有的内容。例如我一直特别关注Canvas特性。它对游戏和绘图意义重大 – 但是仅此而已。它并不是一个不好的特性,我只是不会经常用到它。每当看到一些开发中酷炫的新功能,我的大脑里都会思考它们可以产生哪些实际用途。显然对你有价值的内容可能对我来说并不一定,但搞清楚我如何实际使用一个功能是我学习它的一部分。

其中的一个特性是getUserMedia( W3C规范 )。它是一个JavaScript API,可以让你访问(需要权限)用户的网络摄像头和麦克风。 目前Opera和Chrome(我相信现在的版本18可以支持,但是你可能需要使用Canary。你还需要启用它。这儿有一个说明。)一旦你启用了getUserMedia,它使用起来相当简单。这里有一个快速的访问请求:

[......]

Read more

HTML5 Web Sockets API

一、API 参考

1. 官方API文档: http://dev.w3.org/html5/websockets/

2. 代码示例var socket = new WebSocket(‘ws://game.example.com:12010/updates’);

socket.onopen = function () {
    setInterval(function() {
        if (socket.bufferedAmount == 0)
            socket.send(getUpdateData());
    }, 50);
};

(1) 浏览器检测:
    var hasWebSockets = !!(window.WebSocket);

[......]

Read more

HTML5在线视频播放解决方案

本文主要推荐几款HTML5播放器了,毕竟未来的趋势是HTML5嘛,提前做好准备。

jPlayer

其实说实在的,jPlayer可以说是一个媒体播放器框架了,因为有一些播放器就是基于jPlayer来写的。它不仅可以播放音频,也能播放视频,而且还有很不错的皮肤哦,相信这也是HTML5的魅力。强力推荐啊!

201201160905382053 HTML5在线视频播放解决方案

[......]

Read more

HTML5 Canvas动画设计解析

我们使用JavaScript操控canvas元素可以很容易做出可互动的动画。但是当初canvas元素并不是为此而设计的(与Flash不同),因此存在一些限制。

其中最大的限制就是Canvas元素中的图形一经绘制就不会改变,除非你要人为改变它。如果我们需要改变Canvas元素中绘制的图形,我们就必须先重绘相应的图形。重绘复杂的图形会花费掉很多的时间,因此动画效果也将受限于电脑的速度。

实现动画的原理

1、重绘canvas
除非你会画一些能够填满整个canvas的图形(例如背景图),否则你有必要清除先前绘制的所有图形。而最简单的方法是使用clearRect方法。
2、保存ca[......]

Read more

HTML Canvas绘图使用详解

<canvas>是一个新的HTML元素,这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。右面的图象展示了一些<canvas>的应用示例,我们将会在此教程中看到他们的实现。

<canvas>最先在苹果公司(Apple)的Mac OS X Dashboard上被引入,而后被应用于Safari。基于Gecko1.8的浏览器,例如Firefox 1.5,也支持这个新元素。元素<canvas>是WhatWG Web applications 1.0也就是大家都知[......]

Read more

浅谈HTML5的本地存储特性

本地存储,说起来也不是什么新特性,在HTML5之前的我们已经可以通过各种方法保存本地数据,基本上包括以下方法:

  • HTTP Cookie 大小限制在4KB
  • IE专有特性userData 大小限制在64KB
  • Flash 大小限制100KB
  • Google Gears 大小限制无
  • HTML5 本地存储 大小限制5MB

[......]

Read more

HTML5 Canvas API速查手册

Canvas 元素是 HTML5 最重要的元素之一,它可以在网页中绘制图形,非常强大。现在越来越多的HTML5网页游戏正是基于HTML5 Canvas这一强大的功能制作而成,Canvas可以说是HTML5的核心升级之一。本文推荐的是一个 Canvas 元素的详细速查手册,方便在学习使用HTML5 Canvas过程中使用Canvas的API。

html5canvas thumb HTML5 Canvas API速查手册

[......]

Read more

HTML5代码加密问题讨论

正如我们所见,越来越多的HTML5网站大行其道,于是产生一个问题,如何保护我们的代码,保护我们的劳动成果,保护我们的知识产权?HTML5的大部分功能由JavaScript所实现,因为用户是可以查看 JavaScript 源代码的,即使是被压缩之后的,所以问题归结到我们是否需要深入研究JS的代码加密问题?

我觉得JavaScript从诞生起就不应该作为一种被保护的代码,因此你才会看到大量的JavaScript库都以开源方式发布,需要保护的代码是服务端的代码(防止你不想要的漏洞挖掘行为)和服务器的安全。

[......]

Read more

HTML5学习书籍推荐

HTML5 sticker1 thumb HTML5学习书籍推荐

看到很多新入行的同学文有没有什么入门学习HTML5的书籍,在此写这篇文章说一下吧。

目前HTML5标准的制定工作还在进行中,最规范最齐全的指南当然是W3C官方的HTML5规范文档:http://dev.w3.org/html5/spec/Overview.html。如果觉得规范太详细、太难读、太催眠,可以退而求其次,读 HTML5 Reference – A Web Developer’s Guild,它可以看作是规范的精简版本,讲解了主要属性和参数,读起来轻松很多: http://dev.w3.org/html5/html-author/.。

UTF8_EXCERPT_HAS_MORE

pixel HTML5学习书籍推荐

Read more