HTTP Live Streaming文件视频格式，它主要是存放整个视频的基本信息和分片(Segment)组成. 目前 由 Apple.inc 率先提出的 HLS 协议在 Mac 的 Safari 上原生支持，你可以直接通过. 如果你希望兼容所有的浏览器的话, 你需要知道 Chrome 和 Firefox 支持的 Media Source Extensions（ 非常不理想，在IE和国内具备兼容模式的极速浏览器下） 的情况：.

移动端 HTML5 使用原生

　　从github上的  web-socket-js (socket.io好像也是用这个做的他们的flash替代传输方式)改过来的. 不过值得注意的是里面的flash websocket代理文件,文件实在是很大，有174k. 是flex做的，这点很不喜欢，因为我没有flex builder也不想因为去改代码重新装一个，然后mx包下面的是flex的组件，com包下是adobe封装的socket和两个加密包 ..

1.利用FileReader进行图片本地预览.     FileReader类型实现的是一种异步文件读取机制，用来把文件读入内存，并且读取文件中的数据. 为了读取文件中的数据，FileReader提供了如下几个方法：. readAsText(file,encoding)：以纯文本的形式读取文件，将读取到的文本保存在result属性中，第二个参数指定编码类型，可选.

在第一天学习了HTML5的一些非常重要的基本知识，今天将进行更深层学习. 首先来回顾第一天学习的内容，第一天学习了新标签，新控件，验证功能，应用缓存等内容. 第2天将学习如何使用Canvas 和使用SVG 实现功能. Lab1—— 使用Canvas. Canvas 是指定了长度和宽度的矩形画布，我们将使用新的HTML5 JavaScript，可使用HTML5 JS API 来画出各种图形.

最近项目开发任务告一段落，刚好有时间整理这大半年的一些成果. 使用html5时间还不久，对js的认识还不够深入. 没办法，以前一直搞java，对js的一些语言特性和概念一时还转换不过来. 上一篇 第一弹介绍了项目中做的一个彩虹爆炸图，主要用了 html5的canvas的2d绘制技术. 这一回我想介绍一下项目中的一个亮点技术：html5的3D，以及如何用它打造精美的3D机房监控系统.

HTML5 游戏是一个趋势，对现状而言，这仅是一个趋势. 规则简单、进程快、时间短，成为 HTML5 游戏被迅速认可的主要原因. 通过社交网络的分享，获取更广泛的传播，产品变成商业的逻辑正源于此. 在资本市场的推波助澜后，留下的只有 HTML5 游戏从业者的迷惑——何时才是爆发点. 基于 HTML5 技术开发的《围住神经猫》在微信朋友圈疯狂转发的时候，从业者似乎看到了已故苹果 CEO 乔布斯所指引的方向已经到来——“没有人愿意使用 Flash，全球已经开始步入 HTML5 时代”.

不知道写什么，主要也是自己水平实在是有限，想想自己会的东西都太基本，网上一搜往后不知道能数多少页，自己表达的也没有别人好. 我希望自己写的东西要么是网上没有(可能性就是零……)，要么是带着自己的见解. 所以没有素材，还是自己踏踏实实学习比较靠谱，看的书越多，发现自己不会的也越多，但是太长时间不发东西出来又害怕自己丢失了写文章的习惯，所以凑数也要凑一篇.

原生手游市场已是红海，腾讯、网易等寡头独霸天下，H5游戏市场或将成为下一个风口. 据笔者所知，很多H5游戏开发团队由于选择引擎不慎导致项目甚至团队夭折. 如何选择适合团队和项目的引擎，笔者通过学习和项目实践，总结微薄经验，供大家参考，非技术人员也可以将本篇内容作为引擎选择的重要关注点. 选择H5游戏引擎的思考维度.

作为一名前端，在拿到设计稿时你有两种选择：. 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来. 作为一个有志向的前端，当然是选2啦. 可是需求时间又很短很短，怎么办呢. 这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少. 同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为 动效篇和.

承接上文《 玩转HTML5移动APP页面（动效篇）》，上次说的是让页面动起来的一些小技巧. 而页面动起来的根基是功能可用的页面，因此有必要分享一些优化细节的技巧和方向，熟悉掌握一些方法论还是会对页面开发大大提高效率的，并且也能防止疏忽缺漏. 涉及的动画十分多，用的元素也十分多，请务必使用雪碧图（Sprite）.

【编者按】本文作者APICloud 创始人兼CEO刘鑫. 近日，我在旧金山和美国的HTML5开发者进行了一次近距离的接触，感受中美HTML5开发者的热度差别和不同市场阶段的中美表现巨大差异. 中国和美国的HTML5市场差距有多少. 首先，从下面两张趋势图我们很容易发现美国的HTML5公众关注度是从2009年底出现第一次的快速上涨，而将近2年后2011年下半年，中国的HTML5市场才出现了第一次的集中关注.

HTML 5 在客户端存储上的内容更丰富，更强大了，比如cookie只能存4k的内容，而HTML5标准里，可以存数十M都没有问题. 在未来可能很多隐私数据都会保存在客户端，这其实也提高了风险. 在html5中的客户端存储有3个. 和cookie类似，在新的html 5中使用的是 Session Storage，不过它的生效时间不再由程序员指定了.

由于很多人都在用JavaScript、HTML5和WebGL技术创建基于浏览器的3D游戏，所有JavaScript 3D游戏引擎是一个人们主题. 基于浏览器的游戏最棒的地方是平台独立，它们能在iOS、Android、Windows或其他任何平台上运行. 有很多的JavaScript能够用于创建基于浏览器、使用HTML5和WebGL的3D游戏.

最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type="tel"，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了. 于是想要尝试其它的实现方案，最终的结论却令人沮丧. 不过也趁机详细了解了下 pattern这个属性. type="tel" 和 type="number" 的区别.

我们首先需要创建一个 index.html文件，里面写上一些简单的 html和 css代码：. 以上的三个 标签都是用来处理跟图片相关的内容的，详细的处理会在后续的js代码中给出. 而 id为 show_edit 和 id为 show_pic这两个是为了图片的预览和查看最后的图片生成结果.

四年前，Youtube官方曾宣布在网站上 实验性的支持HTML5

谷歌今天开始将Adobe Flash广告自动转换成HTML5格式，方便谷歌的广告主将广告送达更多用户——即使其使用的设备或浏览器不支持Flash. 谷歌从去年9月开始提供HTML5版的互动备份，同时放弃了对Flash的支持. 谷歌显示广告网络和DoubleClick Campaign Manager提供的转换工具可以创建HTML5版的Flash广告，其效果与原先的广告相同，而不仅仅是一个静态的图像备份.

请使用 支持HTML5的浏览器查看效果，请按住鼠标拖动. 最近项目刚好用到这种效果，也就是有点像刮刮卡一样，在移动设备上，把某张图片刮掉显示出另一张图片. 这种在网上还是挺常见的，本来就想直接网上找个demo套用下他的方法就行了，套用了才发现，在android上卡出翔了，因为客户要求，在android不要求特别流畅，至少要能玩，但是网上找的那个demo实在太卡，根本就是没法玩的情况.

2007年W3C(万维网联盟)立项HTML5，直至2014年10月底，这个长达八年的规范终于正式封稿. 过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界. 这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现，这个世界的发展趋势确实就是这样.

Web API 变得越来越丰富，其中一个值得注意的是 Web Speech API. 传统的网站只能“说”，这个API的出现，让网站能“倾听”用户. 这个功能已经开放了一系列的用法，非常棒. 在这篇文章中，我们将看一下这项技术和建议的用法，以及如何用它来增强用户体验的一些好例子. 声明：本技术比较前沿，目前该规范是W3C的“非官方编辑器的征求意见稿”（截至2014年6月6日）.

不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉. 有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等. 我曾经介绍过本站上使用的一些速度优化技术.

移动设备和桌面电脑上的客户端API起初并不是同步的. 最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上. 其中一个应用接口技术就是 getUserMedia API，它能让应用开发者访问用户的摄像头或内置相机. 下面就让我展示一下如何通过浏览器来访问你的摄像头，并提取截屏图形.

前不久工作中遇到了在移动 WEB 端直播视频的需求，研究了一下相关技术，记录一下. 目前 WEB 上主流的视频直播方案有 HLS 和 RTMP，移动 WEB 端目前就只有 HLS 能用，我们重点介绍它. HTTP Live Streaming（简称 HLS）是一个基于 HTTP 的视频流协议，由 Apple 公司实现，Mac OS 上的 QuickTime、Safari 以及 iOS 上的 Safari 都能很好的支持 HLS，高版本 Android 也增加了对 HLS 的支持.

@_zulln )是一位有着15年漏洞挖掘经验的瑞士黑客，本文就是他写的. 现在使用HTML5开发移动APP越来越受欢迎. HTML5不仅开发效率高，而且可以跨平台，代码重用性也很高. Zoho（全球第一大在线软件提供商，总部位于美国）是一个有着1300万用户的HTML5邮件系统，我打算挖挖他们的漏洞.

Sewise Player 发布了 2.5.2 版本，更新内容如下：. 1、增加primary参数，用于确定html5与flash播放的优先级. 2、HTML5模块加入draggable参数. 3、修复了在bootstrap框架中弹窗进度条错误的问题. 4、修复了Flash模块无法播放相对路径视频地址的问题.

本文的前作《 HTML 5定稿了. 背后还是那场闹剧》和《 反思HTML5惨痛的500天和四个谎言》分别讲了HTML5所谓“定稿”背后的商业利益博弈和反思两年前那场“Web App和Native App”的大争论，本文将继续阐述HTML5的未来， 那就是旧敌未消，新敌又起. HTML5如果颠覆了原生APP，不会是简单的Web App崛起，而是意味着“大生态”系统的构建，包括新的操作系统、新的玩家、新的商业模式、新的产品逻辑等等.

自从神经猫之后，Html5 游戏开始攻占我们的朋友圈，类似神经猫这样快速传播又快速消失的 Html5 游戏数不胜数. 而就在最近有两则与 Html5 的消息相信是牵动了许多希望进入这个领域的游戏从业者的神经. 1、据游戏陀螺报道，基于微信的 HTML5 的一些小游戏的分享接口被微信封杀，主要是像 7K7K 这类型大战.

伴随着今年10月底HTML5标准版的发布，未来使用HTML5的场景会越来越多，这是令web开发者欢欣鼓舞的事情. 然而有一个现实我们不得不看清，那就是IE系列浏览器还占有一大部分市场份额，以IE8、9为主，windows8.1的用户已经用上了IE10/11，而考虑我国的国情，IE6、7依然存留不少.