在PC浏览器中播放视频,大部分视频网站都是采用flash播放器,这多亏了Adobe Flash Player庞大的装机量。但Flash Player对于浏览器来说就是一个插件,插件内部下载flv流、解析flv视频格式、播放视频等流程与浏览器都没有太大关系。浏览器新标准HTML5中增加了视频支持。
分类:
其他好文 时间:
2014-06-18 13:20:51
阅读次数:
392
关于跨域访问,使用JSONP的方法,我前面已经demo过了,具体见http://supercharles888.blog.51cto.com/609344/856886,HTML5提供了一个非常强大的API,叫postMessage,它其实就是以前iframe的进化版本,使用起来极其方便,这里举个实验例子:
我们依旧按照与上文相同的设定,假定我们有2个Domain
Domain1: h...
分类:
Web程序 时间:
2014-06-18 12:23:53
阅读次数:
278
上传基本是项目中经常出现的,一般采用:
1、form提交
2、flash
3、html5
form提交会刷新页面,很难做到异步上传;flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jquery的uploadify作为项目中的上传工具,uploadify也有基于html5好像是收费的,大家可以去官网看看;当然了,现在html5提供了API以及File,FileR...
分类:
Web程序 时间:
2014-06-18 11:28:55
阅读次数:
317
上一篇已经实现了这个项目的整体的HTML和CSS:
HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (一)
这篇博客直接在上篇的基础上完成,最终效果:
效果图1:
效果图2:
好了,请允许我把图片贴了两遍,方便大家看效果了~
可以看出我们的图片的li的html其实还是挺复杂的,于是我把html文档做了一些修改:...
分类:
Web程序 时间:
2014-06-17 23:02:00
阅读次数:
248
本来准备写一个支持多图片拖拽上传的例子,但是为了更好的理解,先介绍一下HTML5的拖放。
拖放(Drag 和 drop)是 HTML5 标准的组成部分。
浏览器支持
Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
被拖元素,dragElement :
1、添加事件:ondragstart
2、添加属性:d...
分类:
Web程序 时间:
2014-06-17 21:54:27
阅读次数:
373
new function() {
var ws = null;
var connected = false;
var serverUrl;
var connectionStatus;
var sendMessage;
var connectButton;
var disconnectButton;
var sendButton;
var open = function(...
分类:
数据库 时间:
2014-06-17 19:35:50
阅读次数:
220
为什么使用Sass作为前端(html、javascript、css)的三大马车之一的css,一直以静态语言存在,HTML5火遍大江南北了、javascript由于NODE.JS而成为目前前后端统一开发语言的不二之眩只有css似乎成为前端开发的被忽视的角色了。Sass让css有了动态语言的特点,在初次学习css时,有..
分类:
其他好文 时间:
2014-06-17 18:06:18
阅读次数:
219
跨域恳求的方法有很多种,1,iframe2,document.domain3,window.name4,script5,XDomainRequest(IE8+)6,XMLHTTPRequest(Firefox3.5+)7,postMessage(HTML5)8,后台代理...它们有各自的优缺点,回来的数据格局也各不同,应根据需要慎重挑眩比方iframe回来html片段就对比适合..
分类:
Web程序 时间:
2014-06-17 17:12:06
阅读次数:
260
使用HTML5抓取 Audio & Video原文地址:http://www.html5rocks.com/en/tutorials/getusermedia/intro/本地化的文章:http://www.html5rocks.com/zh/tutorials/getusermedia/intro...
分类:
Web程序 时间:
2014-06-17 15:40:27
阅读次数:
184