准备开始看下html5.
想要实现的几个功能是
1.高清视频播放,这个有开源项目videojs,还不错。
2.在线涂鸦
3.p2p的聊天,文字-》声音-》视频
这个网站似乎不错。先看下再说。浏览器用的是ie9 和chrome 15.
视频播放:
首页第一个例子,在chrome 15中是可以的。在ie9中不行。难道ie9 不支持video,不太可能。
videojs是可以在ie9中运行的。
video标签,支持多个source,这种方式,绕过了视频标准的争议。只是做网站的时候,就要注意多转几种格式了。
同样的有audio标签。所以要在网页中实现视频播放,真的很简单了。
用canvas标签+javascript代码,可以实现画图。这种代码,估计网上也已经很多了。
叹下,javascript也有春天啊。小弟一下变老大。
这个画板少了个功能,就是保存到网站。功能似乎太强大了。查了下,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 上传了 。
另外,开放人员从html4到html5似乎没任何问题。毕竟只是多了几个标签,javascript大家还算熟悉了。
不知道有没有好的javascript工具。还是要等到vs 2011 出来呢?
其实html5现在并没有很多的东西,但是html5给了各厂商增加更多东西的可能性。在html5中增加的每一种标签,可能都需要和传统做一次斗争。
javascript已经越来越被认可了。不过,我倒是希望python这样的语言,也能作为浏览器脚本,或者c#,c++,why not?
从现在的技术上来看。如果没有第3方的控件,似乎p2p,或者socket 通信,还不能在浏览器中用
google有webrtc,好像无法下载。
不过chrome好像已经支持websocket。这篇文章有简单的应用介绍