HTML5
王子的秘书
热爱生活!热爱学习!热爱工作!
展开
-
Video--- HTML5视频video开发demo例子
HTML5的video可以使用DOM的方式进行控制。video元素同样拥有方法、属性和事件。 比如它拥有的方法用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。 其中的 DOM 事件能够通知您,比方说,video元素开始播放、已暂停,已停止,等等。 废话少说了,看下面的实例吧。 为视频创建简单的播放/暂停以及调整尺寸控件: [html] view pl转载 2015-06-16 15:54:48 · 3396 阅读 · 0 评论 -
Video---如何检测您的浏览器是否支持HTML5视频
如何检测您的浏览器是否支持HTML5视频,看下面代码: [javascript] view plaincopy function checkVideo() { if(!!document.createElement('video').canPlayType){ var vidTest=document.createElement("video"转载 2015-06-16 15:31:20 · 2235 阅读 · 0 评论 -
Audio---HTML5音频audio详解
直到现在,仍然不存在一项旨在网页上播放音频的标准。 目前,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。 当前,audio 元素支持三种音频格式: IE 9 Firefox 3.5 Opera转载 2015-06-16 15:56:21 · 1200 阅读 · 0 评论 -
Geolocation---HTML5调用百度地图API进行地理定位实例
自从HTML5的标准确定以后,越来越多的网站使用HTML5来进行开发。虽然对HTML5支持的浏览器不是很多,但是依然抵挡不了大伙对HTML5开发的热情。今天为大家带来的是使用HTML5调用百度地图API进行地理定位实例。请看下面代码: [html] view plaincopy > html> title>HTML5调用百度地图API进行地理定位实例title>转载 2015-06-16 16:41:44 · 6144 阅读 · 0 评论 -
Canvas---HTML5 Canvas API详解
HTML5 是一个新兴标准,它正在以越来越快的速度替代久经考验的 HTML4。HTML5 是一个 W3C “工作草案” — 意味着它仍然处于开发阶段 — 它包含丰富的元素和属性,它们都支持现行的 HTML 4.01 版本规范。它还引入了几个新元素和属性,它们适用许多使用 web 页面的领域 — 音频、视频、图形、数据存储、内容呈现,等等。本文主要关注图形方面的增强:canvas。 新的 HTML转载 2015-06-16 16:37:08 · 753 阅读 · 0 评论 -
Server-sent Events---HTML5 服务器推送事件(Server-sent Events)实战开发
服务器推送事件(Server-sent Events)是 HTML 5 规范中的一个组成部分,可以用来从服务端实时推送数据到浏览器端。相对于与之类似的 COMET 和 WebSocket 技术来说,服务器推送事件的使用更简单,对服务器端的改动也比较小。对于某些类型的应用来说,服务器推送事件是最佳的选择。本文对服务器推送技术进行了详细的介绍,包含浏览器端和服务器端的相应实现细节,为在实践中使用该技术转载 2015-06-16 17:54:43 · 1015 阅读 · 0 评论 -
Storage---Html5 Web的5中离线存储方式之localStorage
在HTML5越来越流行的今天,如果你还不知道离线存储,那就说明你落后了很多。 HTML5的离线存储方式有多种:Web SQL Database、LocalStorage、Cookie、WebStorage、IndexedDB、FileSystem。 Web SQL Database目前虽然还有浏览器支持,是唯一的关系数据库结构的存储,但W3C以及停止对其的维护和发展。我就不多说了。转载 2015-06-16 16:53:51 · 675 阅读 · 0 评论 -
Drag/Drop---突袭HTML5之Javascript API扩展4 - 拖拽
突袭HTML5之Javascript API扩展4 - 拖拽 拖拽(Drag/Drop)是个非常普遍的功能。你可以抓住一个对象,并且拖动到你想放置的区域。 很多javascript都类似实现了相关的功能,例如,jQueryUI的drag and drop组件。在HTML5中,拖拽(drag and drop)成为了标准操作,任何元素都支持。正因为这个功能太普遍了,所有的主流浏览器都支持这个操作。转载 2015-06-16 16:16:32 · 827 阅读 · 0 评论 -
Video---HTML5视频video
直到现在,仍然不存在一项旨在网页上显示视频的标准。 目前,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 当前HTML5只支持三种格式的视频。 格式 IE Firefox Opera Chrome Safari Ogg转载 2015-06-16 15:35:08 · 821 阅读 · 0 评论 -
Application Cache---HTML5应用程序缓存Application Cache
什么是Application Cache HTML5引入了应用程序缓存技术,意味着web应用可进行缓存,并在没有网络的情况下使用,通过创建cache manifest文件,可以轻松的创建离线应用。 Application Cache带来的三个优势是: ① 离线浏览 ② 提升页面载入速度 ③ 降低服务器压力 而且主要浏览器皆以支持Application Cache,就算不支持也不会对程序转载 2015-06-16 17:11:27 · 910 阅读 · 0 评论 -
Video---HTML5 Video 实现浅析
HTML5 Video实现浅析 ——基于android4.1browser 1. 基本结构 先上一张基本结构图,图中展示了webkit中与HTML5 Video实现相关的一些类。 1.1 DOM Tree Video标签在webkit内部对应于HTMLVideoElement类,该类的功能并不多,大多数的功能都在其父类HTMLMediaElement中。 1.2 R转载 2015-06-16 15:44:52 · 2381 阅读 · 0 评论 -
Web Workers---html5 Web Workers
虽然在JavaScript中有setInterval和setTimeout函数使javaScript看起来好像使多线程执行,单实际上JavaScript使单线程的,一次只能做一件事情(关于JavaScript单线程可以看看setTimeout()和setInterval() 何时被调用执行),看个简单的例子证明一下 DOCTYPE html> html> head> title>转载 2015-06-16 17:24:38 · 704 阅读 · 0 评论