html5 学习备注 1

    准备开始看下html5.

    想要实现的几个功能是

1.高清视频播放，这个有开源项目videojs，还不错。

2.在线涂鸦

3.p2p的聊天，文字-》声音-》视频

 

这个网站似乎不错。先看下再说。浏览器用的是ie9 和chrome 15.

http://www.w3school.com.cn/html5/index.asp

视频播放：

首页第一个例子，在chrome 15中是可以的。在ie9中不行。难道ie9 不支持video，不太可能。

videojs是可以在ie9中运行的。

video标签，支持多个source，这种方式，绕过了视频标准的争议。只是做网站的时候，就要注意多转几种格式了。

同样的有audio标签。所以要在网页中实现视频播放，真的很简单了。

用canvas标签+javascript代码，可以实现画图。这种代码，估计网上也已经很多了。

叹下，javascript也有春天啊。小弟一下变老大。

http://mugtug.com/sketchpad/ 这个画板很强大。 好像ie9中打开是全黑的。

这个画板少了个功能，就是保存到网站。功能似乎太强大了。查了下，canvas有canvas.toDataURL();功能，是不是可以实现上传功能呢？

网上的一个例子：

function getBase64Image(img) {
    // Create an empty canvas element
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;

    // Copy the image contents to the canvas
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);

    // Get the data-URL formatted image
    // Firefox supports PNG and JPEG. You could check img.src to
    // guess the original format, but be aware the using "image/jpg"
    // will re-encode the image.
    var dataURL = canvas.toDataURL("image/png");

    return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}
获得base64，当然就可以通过http 上传了 。

http://caimansys.com/painter/ 这个够简单，还有source可以down

 

另外，开放人员从html4到html5似乎没任何问题。毕竟只是多了几个标签，javascript大家还算熟悉了。

不知道有没有好的javascript工具。还是要等到vs 2011 出来呢？

其实html5现在并没有很多的东西，但是html5给了各厂商增加更多东西的可能性。在html5中增加的每一种标签，可能都需要和传统做一次斗争。

javascript已经越来越被认可了。不过，我倒是希望python这样的语言，也能作为浏览器脚本，或者c#，c++，why not？

从现在的技术上来看。如果没有第3方的控件，似乎p2p，或者socket 通信，还不能在浏览器中用

google有webrtc，好像无法下载。

w3中有websocket的标准，http://dev.w3.org/html5/websockets/

不过chrome好像已经支持websocket。这篇文章有简单的应用介绍

http://fallenlord.blogbus.com/logs/110768932.html