2016年HTML5行业深度分析报告
2016html5游戏开发前景解读
1、需要插件就能支持iOS设备
将不再需要用户预装第三方插件就可以玩游戏通常需要额外安装插件，但是有时又可能无法世界各地数以百万计的苹果iOS设备的浏览器并不支持第三方插件，如Flash播放器。出于某些原因，Apple不允许Flash播放器在他们的Safari手机版上运行，然而HTML5以及相关的Web标准却可以。我们可以构建针对手机用户进行优化的HTML5游戏来争取这部分用户。
2、突破常规Biblioteka 览器游戏限制 在传统游戏设计中，往往会限制在一个特定的范围内构建游戏，就像只能在电视机上玩视频游戏一样，我们只能在Web浏览器的方框中玩Flash游戏。有了创意，游戏舞台不再局限于一个方框中。我们希望能与所有的页面元素交互，还能用多个浏览器窗口来组成一个游戏。此外，甚至还想只使用URL地址栏就可以创建出游戏，这听起来似乎有些不可思议，那是因为所说的这些现在还没有多少页面来实现这些功能而已。
3、需要第三方插件
随着现代浏览器对这些新功能的原生支持。第三方插件都是专用插件，而非公共标准，安装这些插件。
如今可供学习和参加html5培训技术的平台众多，导致教学质量参差不齐，在这里具有13年教学经验的华清远见旗下的华清创客学院视频教程堂。其优势：名师授课;课程定时改革;教学体系、管理 制度完善，不用定时定点去往指定教室学习，知识点对应案例教学，零基础入门的最佳教程。
html5初始并不是为游戏特制而出，随着html'5和CSS3的新特性出现，一种新型开发技术html5游戏打乱了游戏市场原有格局，那么html5游戏有哪些好处才让众多开发企业钟情于它。下面华清创客学院为读者简述html5游戏开发的优势和选择培训html5开发的未来发展前景几何。
2016html5游戏开发前景解读，html5游戏具备其他开发游戏无可比拟的三大优势：
浅分析HTML5迅猛发展的原因——(厦门html培训)
浅分析HTML5迅猛发展的原因——（厦门html培训）你知道HTML5吗？作为使用互联网的一员，你不知道它，你还不是一名名副其实的互联网客户。
随着移动互联网的迅猛发展及HTML5技术的日臻完善，越来越多的开发者开始兼容这项新技术。
数据显示，2011年采用HTML5开发应用的比例仅为23%，今年已经上升到了78%，移动设备支持HTML5浏览器的数量也从2010年的1.09亿飙升到今年的21亿。
厦门博看文思提出作为下一代Web技术的代表，HTML5概念在近些年尤其火热。
HTML5已成为2012年各大互联网活动的标配话题。
天使投资人、移动世纪会秘书长丁辰灵认为，HTML5技术之所以备受追捧，与它的后天优势不无关系。
据了解，HTML5受到垂青最直接的原因就是其跨平台性，除此之外，它不仅仅可以用于表示Web内容，还可能将Web带入一个广阔的生态平台。
HTML5为什么会火起来？易观国际高级分析师闫小佳在接受记者采访时表示，简单来说，HTML5技术降低了对适配终端和应用的技术门槛，使得跨平台跨网络的低成本通用应用成为可能。
欧朋首席标准官、万维网联盟（W3C）HTML5中文小组主席谢子斌对记者表示，HTML5是W3C公开推出的互联网行业最新版本的Web标准，“作为一项技术，ＨＴＭＬ５是最符合互联网精神的”。
UC优视联合创始人、技术总裁梁捷在接受记者采访时表示，使用HTML5技术的Web App是毋庸置疑的未来。
使用HTML5技术后，Web App的核心优势有两个，一是开发模式的再次进化（对复杂性的封装），二是具有卓越的互联互通特性。
这也是业内人士的共识。
通过HTML5技术，网页将变得更丰富、也能实现更多功能，开发者只需要编写一个统一的网页，适配的工作可以交给浏览器去完成。
其丰富的标签体系，类似于内置了很多快捷键，将取代那些完成简单任务的插件，可以大大降低应用开发的技术门槛。
对于用户而言，Web App完美地实现了即时更新，再也不需要管理像山一样多的App应用程序，一个个重新下载它们并更新，有任何新的更新和技术应用，只需要打开手机浏览器便能实现。
html5调研
操作系统 Windows
浏 览器 Internet Explorer 6 Internet Explorer 7
支持度 不支持 不支持 如果安装了Google Chrome Frame，支持HTML5 如果安装了Google Chrome Frame，支持HTML5
Internet Explorer 8
Chrome 3, 4, 5
支持（mp4,ogg）
Chrome 6
支持（mp4,webm,ogg）
Opera < 10.5
不支持
Opera 10.5
支持（ogg）
Mac
Safari < 3.1
不支持
Safari 3.1, 4, 5
支持（mp4）
Firefox < 3.5
不支持
Firefox 3.5, 3.6
支持（webm,ogg）
Linux
Firefox < 3.5
不支持
Firefox 3.5, 3.6
支持（ogg）
Firefox 4
支持（webm,ogg）
Chrome < 3
不支持
Chrome 3, 4, 5
支持（mp4,ogg）
Chrom
支 持（mp4,webm,ogg）
Opera < 10.5
• 用了HTML5并不是对所有浏览器都兼容， 没有一款浏览器是真正的完全支持HTML5 的所有功能，每款浏览器的支持都是不同 的，请看一下对照。
HTML5Web应用程序
从表中可以看出，除了客户端数据库IndexDB和触控（Touch）事件外，其它特性Chrome和Safari都全部支持，微软还得 加油 啊。（更新：经验证Chrome10和Firefox4已支持IndexDB，Firefox4也已支持WebSocket，不过由于安全原因默认 是不开 启的，我们可以通过about:config重新启用WebSocket，只需启用network.websocket.override- securityblock选项即可。）
中国HTML5游戏市场投资调研分析报告
中国HTML5游戏市场投资调研分析报告目录第一节HTML5游戏概述 (5)一、HTML的发展历程 (5)二、HTML5的特点 (9)三、HTML5的现状 (10)第二节游戏行业投资逻辑:平台与内容的变迁 (11)一、游戏内容变迁引发小周期浪潮 (11)二、游戏平台变迁带来大周期变革 (12)第三节产业发展：供需交汇，腾飞在即 (13)一、用户信息访问入口的变迁带来的新机遇 (13)二、传统游戏行业由增量进入存量，H5新平台孕育新增量 (14)三、H5游戏跨平台增需求，渠道商变现意愿需求强烈扩增量 (19)四、供给端：H5技术日渐成熟，爆款游戏引爆市场 (21)五、H5游戏处于市场初期阶段，相关公司易盈利可期 (24)第四节H5游戏行业趋势及其产业链 (25)一、H5游戏行业趋势 (25)二、产业链各环节解析 (27)第五节H5未来发展展望 (33)一、H5游戏重点关注的行业节点 (33)二、二级市场H5游戏相关上市公司 (33)图表目录图表1：Youtube在网页中使用HTML5技术实现视频播放 (7)图表2：HTML的发展历史 (7)图表3：2015年全球浏览器市场占比 (8)图表4：2016年上半年国内浏览器市场占比 (8)图表5：H5能够穿越多个封闭平台 (9)图表6：H5游戏流量入口分布 (10)图表7：H5游戏未来发展模式 (11)图表8：手机游戏内容的演变 (12)图表9：游戏平台演变 (12)图表10：H5用户游戏会话载体分布 (13)图表11：微信作为H5游戏爆发点逻辑图 (14)图表12：2011-2015中国移动游戏用户规模及增长趋势 (15)图表13：2011—2015年中国移动游戏市场收入规模及增长趋势 (15)图表14：2014Q1-2015Q4中国智能手机用户规模 (16)图表15：2013-2014年中国智能机出货量的新增与换机用户占比 (17)图表16：2015年HTML5游戏用户规模 (18)图表17：2015年HTML5游戏数量（款） (18)图表18：2016年Q1中国第三方手机应用商店活跃用户分布 (19)图表19：2016年Q1中国第三方手机应用商店活跃用户分布 (20)图表20：H5游戏与渠道商之间的变现模式 (21)图表21：H5游戏《醉西游》画面 (22)图表22：H5游戏《猎刃2》画面 (22)图表23：《醉西游H5》VS H5、APP行业均值 (23)图表24：2015年H5游戏占移动游戏用户比例 (24)图表25：H5游戏用户规模与移动游戏用户规模 (24)图表26：H5游戏市场AMC模型 (26)图表27：2014-2017年H5游戏用户数（百万） (26)图表28：2016-2019年未来H5游戏市场预估规模（亿） (27)图表29：H5游戏产业链分类 (28)图表30：H5游戏产业生态链 (28)图表31：H5游戏行业3大主流引擎：白鹭、触控Cocos2d-JS、Layabox (28)图表32：H5游戏公司技术服务商 (29)图表33：2016Q1HTML5游戏留存情况 (30)图表34：2016Q1 HTML5游戏付费情况 (30)图表35：2016Q1 HTML游戏的平均ARPPU值 (31)图表36：H5游戏开发商 (31)图表37：H5游戏平台商. (32)图表38：二级市场H5游戏直接相关上市公司标的 (34)图表39：二级市场参股H5相关公司的标的 (34)图表40：二级市场主营业务是手游和页游能够快速转型H5的标的 (34)第一节HTML5游戏概述一、HTML的发展历程H5是网络通用超文本标记语言（HTML）的第5次重大修改，HTML5草案的前身名为Web Applications 1.0。
HTML5技术调研报告
3.能使用setTimeout()，clearTimeout()，setInterval()，clearInterval()等函数；
4.能进行IO操作（ajax）。
2.2.
WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。使用ws或wss协议。WebSocket目前由W3C进行标准化，已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持。
使用轮询时，浏览器定期发送HTTP请求，并立即收到响应。这种方式比不断刷新好一些，浏览器不用一闪一闪的重新加载了，而且只传送感兴趣的那一小部分数据，占用带宽变小。
使用长轮询时，浏览器向服务器发送一个请求，服务器在既定期限内保持请求处于打开状态，如果在此期间收到通知，向客户端发送一个包含消息的响应，如果在此期间没有收到消息，服务器发送一个响应终止打开的请求。长轮询相对于一般轮询的优点在于，数据一旦可用，便立即从服务器发送到客户机，因此没有延时，但是服务器有大量消息要推送的时候，长轮询与轮询相比，实际并没有什么本质的提高。
浏览器通过JavaScript向服务器发出建立WebSocket连接的请求，连接建立以后，客户端和服务器端就可以通过TCP连接直接交换数据。
HTML 5 Web Socket在实时Web应用扩展性方面朝前迈出了一大步，HTML 5 Web Socket可以提供5000：1或1000：1的比例（根据HTTP消息头大小）减少不必要的HTTP头流量和3：1的比例减少通信延迟，这不是一个渐进式的改进，而是一次革命性的飞跃。
我们真正想要的是：
更大的存储空间；
在客户端上的；
不受页面刷新的影响；
HTML5现状分析指南
HTML5现状分析指南HTML5现状分析指南HTML 5是超文本标记语言（HTML）的下一个修订版，超文本标记语言是用来描述网页内容和外观的标准编程语言。
HTML5 是近十年来 Web 标准最巨大的飞跃。
和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。
尽管HTML 5 的实现还有很长的路要走，但 HTML 5 正在改变 Web。
下面我们将分三部分来分析一下HTML5。
HTML5简介HTML5将成为 HTML、XHTML以及HTML DOM的新标准。
HTML的上一个版本诞生于 1999 年。
自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。
然而，大部分现代浏览器已经具备了某些 HTML5 支持。
HTML5RIA的未来是HTML5？HTML 5应用现状下面我们将探讨HTML 5的可移植性以及为什么在所有的移动平台上都可以良好运行的HTML5，CSS和JavaScript应用程序才是未来的趋势以及是否如一些防病毒厂商所说的一样，新的HTML 5功能为恶意软件编写者提供了新的机遇？HTML 5新功能出现新的安全风险Web移动应用：HTML5、CSS和JavaScriptHTML5现状分析酝酿已久的HTML5正致力于成为Ajax、Flash和Silverlight的替代者。
它承诺将带给互联网浏览器更丰富的交互性。
在重量级的苹果电脑公司和Adobe下一代移动设备的接口格式之争中，HTML5正是争论的焦点。
HTML5 让我们期待Web应用的华丽转身Forrester评论：HTML5 漫漫前行路HTML 5HTML 5是超文本标记语言（HTML）的下一个修订版，超文本标记语言是用来描述网页内容和外观的标准编程语言。
在2007年，万维网联盟（W3C）新的超文本标记语言工作组采纳了HTML 5。
H5游戏行业现状分析
H5游戏行业现状分析市场分析2018目录一、H5游戏开始显现赚钱效应，大厂加大布局，逐渐成为主流游戏类型 (4)1、H5游戏发展历程，已显示出赚钱效应 (4)图1：H5游戏发展历程，即将迎来快速发展 (5)2、H5游戏已度过早期技术积累和模式探索阶段 (5)3、我们判断H5游戏将在2018年实现快速发展 (6)图2：H5游戏数量和用户规模不断攀升 (7)二、大厂正视H5游戏市场，将带来用户增量和市场增量，加速H5游戏市场发展 (7)1、腾讯属意H5已久，入口不断升级 (7)2、腾讯各平台初期以轻度休闲游戏为主，注重社交属性和关系链的沉淀，加快商业化 (7)图3：腾讯针对H5游戏已开通不少固定入口 (9)图4：QQ空间小游戏推广能力和收入持续增长，月活突破2亿 (9)3、国内其他游戏大厂陆续布局H5游戏 (9)图5：《大天使之剑H5》上线后流水增长迅速，打破H5游戏瓶颈 (10)三、市场格局判断：腾讯和非腾讯市场差异化 (10)1、腾讯市场预计不同平台不同策略 (10)表1：微信目前上线的小游戏以大IP轻度游戏为主 (11)图6：QQ空间开放H5游戏接入，对游戏类型和数量限制较少 (12)图7：2017年7月QQ空间H5新游类型占比 (12)2、非腾讯市场仍以买量为主 (12)图8：《大天使之剑H5》三端互通 (13)3、向头部集中，主要竞争者集中为已有龙头 (13)图9：硬核联盟是渗透率最高的安卓应用商店渠道 (14)4、研发商积极性提高，拥有成熟IP的厂商拥有先天优势 (14)四、H5游戏市场规模预计超过移动APP游戏的1/3 (15)图10：移动游戏市场规模超千亿 (15)图11：H5游戏市场规模快速增长 (15)图12：H5游戏预计超过移动APP游戏市场规模的1/3 (16)五、投资角度选腾讯游戏生态公司和已有游戏龙头 (16)一、H5游戏开始显现赚钱效应，大厂加大布局，逐渐成为主流游戏类型H5是一种网络通用超文本标记语言（HTML）的第5次重大修改，2014年10月完成标准规范制定。
H5游戏行业分析报告
H5游戏行业分析报告H5游戏行业分析报告定义：H5游戏，又称HTML5游戏，是基于HTML5技术开发的一种在线游戏形式，具有跨平台、创新玩法、资源占用较低等特点，成为了近年来游戏行业颇具发展潜力的一个分支。
分类特点：H5游戏可以按照游戏类型进行分类：休闲游戏、角色扮演游戏（RPG）、卡牌游戏、策略游戏等等。
H5游戏的特点在于其开放性、多平台运营、手游化等，普及程度极高。
产业链：H5游戏的产业链主要包括游戏开发、平台运营、发行、推广和营销。
发展历程：H5游戏起步于2013年，国内市场崛起是在2014到2015年间，H5游戏有了大量市场推广，同时由于市场竞争加剧，也加速了行业洗牌。
2016到2017年之间，H5游戏的流行时间期限开始缩短，行业面临诸多困惑。
2018年，H5游戏开始出现分化，头部企业变大，同时竞争更加激烈。
2019年，H5游戏产业面临的压力问题逐渐暴露，行业不再有过去的发展速度，行业开始涉足虚拟现实领域。
行业政策文件及其主要内容：《互联网文化发展指导意见》和《关于进一步规范网络游戏市场管理的通知》是H5游戏发展的重要法规，其中重点关注游戏内容的质量和整体游戏市场监管。
经济环境：中国作为全球游戏出口大国，游戏市场稳步增长，行业的发展潜力未来可期。
根据中国电子商务研究中心的统计，2019年全国电子竞技消费金额为1318亿元，比2018年增长15.3%。
社会环境：随着年轻用户对于游戏消费上升，更多用户更加注重游戏品质和内容，同时更注重游戏体验的兴趣深化。
技术环境：H5游戏的发展需求是由HTML5技术驱动的。
HTML5技术具有开放互联网特点，对于不同平台的兼容性强，适用于不同的移动设备。
发展驱动因素：智能手机、移动互联网、移动支付、智能硬件、VR技术、5G等技术不断发展，带来一系列新的游戏应用场景，同时对于H5游戏的发展提供了新的机会。
行业现状：随着用户消费及玩家口碑的提升，以成熟和高品质游戏为主的H5游戏市场不断扩大，但同时也存在部分垂直细分领域的游戏产品，彼此之间市场竞争较为激烈。
H5营销特征探析及发展建议
H5营销特征探析及发展建议作者：范正芳来源：《管理观察》2016年第27期摘要：H5营销是当今最流行的移动方式之一，本文阐述了H5营销的发展及现状，并通过与APP营销进行对比分析了H5营销的独特优势。
与此同时，目前H5营销也存在诸多问题，需要引起营销者的高度重视。
针对目前H5营销存在的问题，本文提出H5营销未来发展的建议。
最后本文指出，H5只是一种移动营销方式，用户体验及管理才是营销的真正关注点。
关键词：H5营销 APP营销移动营销用户体验中图分类号：F276 文献标识码：A从2014年开始，移动营销以方便、快捷、传播性强且迅速的特性席卷了整个营销行业，同时对传统的营销模式形成了严峻挑战。
如今消费者时间碎片化特性日益凸显，传统的营销方式不能满足消费者短时间内随时随地接收产品信息的需求，因此移动营销就显得格外重要。
H5营销是近两年移动营销的新宠，在当今企业的营销活动中起着举足轻重的作用。
Neven[1]等认为移动营销是指利用交互式无线介质为客户提供个性化的信息，以促进商品、服务和理念的推广，从而为所有利益相关者创造价值。
而H5营销则是指基于H5进行品牌（或事件）传播、宣传推广的一种营销方式。
由于H5的广泛应用使营销界发生了重大变革，也颠覆了许多行业的竞争规则，因此借助H5营销来吸引消费者关注和购买已经成为各大行业新的竞争焦点[2]。
那么，H5营销究竟有什么特性一跃而上，超越其他营销方式而成为营销界的黑马呢？一、H5营销的发展及现状H5即HTML5，是HTML的第五次重大修改，从2004年被提出HTML第五次重大修改，到2014年万维网联盟宣布H5标准规范正式制定完成并向全世界开放历经十年，这一标准规范为当今H5的发展打下了坚实基础。
HTML是Hyper Text Mark-up Language（即超文本标记语言）的缩写，“超文本”是指页面内可以包含非文字元素，如链接、图片、声音、动画、表格、表单、程序等，而“标记”是指标记包含这些超文本属性的开头和结尾的标志。
HTML5开发前景为什么HTML5这么火
近几年经过HTML5的市场教育，人们对于HTML5普遍有所了解，它在企业应用中普遍较高。
简单的来说，它提高了用户体验，加强了视觉感受，不需要下载客户端就能观看视频、玩游戏。
学习HTML5混合开发技术成IT行业最新风向标，再次掀起千锋扣丁学堂移动开发学习浪潮。
在网页中可以看到三维立体特效，技术可以跨平台，适配多终端。
成为企业的“宠儿”互联网的风向标，数据显示2016年使用HTML5技术游戏开发达到56.65%,企业级网页应用达到37.64%，营销推广达到77.95%。
HTML5开发前景，为什么HTML5开发这么火其一、从开发成本上来说，开发一个HTML5移动站点要比开发一个原生APP的成本低出很多（你除了要开发一个Android应用之外，还需要开发一个iOS应用。
）其二、HTML5最大的优势跨屏适配。
从跨屏的角度来对比的话，原生应用包括Android、iOS等众多不同的手机系统应用，当手机用户需要使用该应用的时候，就需要下载与手机系统相对应的移动应用，但是如果是HTML5应用，用户只需要通过浏览器或者微信公众号等众多入口就能轻松访问。
不仅仅只是手机，即便是在平板等其他智能硬件上，HTML5都能很好地自动适应每一个不同的屏幕，轻松实现跨屏。
同时，这对企业运营来说也更加方便。
其三、从用户使用以及留存的角度来说，下载过多的APP会大量占用手机的内存空间，基本上没有哪一个移动手机用户每天会打开几十款APP，他们最常用的一般也就那么几款，而这几款当中大多数却又被微信、手机QQ、百度地图、手机百度、支付宝、淘宝等应用占据了大半个天下，大部分中小企业开发的移动应用一来下载用户数就不多，二来打开频率就更低了。
如果遇上该手机用户换手机就更麻烦了，这个用户如果是该APP的忠实粉丝还好说，他换手机会继续下载使用，但如果不是非常忠诚的用户，一般换了手机以后也就不会再想起这个APP了。
其四、站在历史发展的角度来看，PC时代刚起步的时候，那个时候还没有浏览器这个入口之时，很多公司也都是通过开发软件来运行在电脑上，但是由于下载安装麻烦且占用电脑内存空间，后来微软、火狐等公司就通过开发一个浏览器作为入口，让企业的网站运行在浏览器中最终流行世界，诞生了很多伟大的PC互联网公司。
HTML5核心技术的研究与价值分析
HTML5核心技术的研究与价值分析Value Engineering 1概述1.1HTML5概念HTML5是HTML4、XHTML1、HTML DOM 2 的一个新版本,它主要增强了(X HTML 的功能[1],同时也解决了已有规范中存在的一些问题。
简而言之,HTML5是HTML 的升级版。
HTML5规范的第一版是由WHATWG 在2021年发布的,然而, 现在有两个不同版本规范:WHATWG 规范[2]和W3C 规范[3]。
WHATWG HTML5和W3C 规范的版本虽然都来自同一个源出处(两者都是由Ian 希克森编辑但是他们在某些方面存在分歧[4]。
本文将主要集中在W3C 版本规范,其中第一个公共草案是在2021年1月22日获释。
1.2构成HTML5规范的规范元素1.2.1语义级别的标记语言HTML5与时俱进增加了一些反映web 应用的新元素及属性。
这些元素、属性被定义为具有某种特定的含义(语义。
另外,这些元素、属性可以由两个不同的语法来表示:HTML 和XML 。
HTML 类似SGML ,但是SGML 从未在浏览器中实际应用过,于是HTML5定义了一个新的语法,称为HTML [5]。
新的HTML 要求一个定义的DOCTYPE 去确保浏览器在标准模式中呈现页面。
DOCTYPE 声明语句是,该语句在HTML 中不区分大小写。
下图演示了两种语法构成(见图1(a 。
―――――――――――――――――――――――个人简介:邢晓鹏(1978-,女,河北邯郸人,硕士研究生,陕西职业技术学院助教,研究方向为计算机应用。
HTML5核心技术的研究与价值分析Research and Value Analysis of HTML5Core Technology 邢晓鹏Xing Xiaopeng(陕西职业技术学院,西安710100 (Shaanxi Vocational &Technical College ,Xi'an 710100,China 摘要:本文首先简要介绍了HTML5的发展,然后详细说明并实例演示了HTML5在HTML4标准基础上新增的一些重要功能;着重介绍了HTML5在对视频和声频技术支持上的改进;最后概括地说明了HTML4的一些元素在HTML5标准中的变化。
2016年H5年度超强报告
行业十大创意H5最佳团队和个人你还记得它吗？想当初年头就刷屏。
这个H5调用微信自身强大的用户数据，把“你的微信注册时间、你的第一条朋友圈发送时间、你的第一位好友、你发了多少红包”等信息可视化，刺激我们晒出专属自己的微信故事。
和15年年底，2天5000万浏览量的H5网易娱乐头条一样，都利用个性化分享引发传播裂变。
2016微信公开课PRO版时期：1月广告主：腾讯 创意代理：微信“我们的精神角落”，标题起得十分精准，对于老豆瓣人来说，甚至是直击灵魂。
这个密室解谜游戏包括5个章节——眼&耳&鼻&口&大脑，在豆瓣逐一对应看（电影）、听（歌）、闻（书香）、喝（鸡汤）、思考（人生）。
它是大家混迹网络社区引以为常的活动，却被设计成我们精神世界的寄托——这广告打得有够意识流的。
豆瓣，我们的精神角落时期：2月广告主：豆瓣看看新闻这个H5绝对是2016年借势营销的经典。
在中制作，不费半天时间完成，发布后24小时内点击量高达200多万。
广告发布当天是3月31日，热门韩剧《太阳的后裔》刚好收官，大小老婆都在意淫和宋欧巴结婚，而第二天就是愚人节。
设计比较粗糙，但它恶搞得恰到好处：当你上传完图片后，「我和宋仲基结婚照」在线生成器时期：3月出品方：SMG造物节是淘宝私自“造”出来的，但相比双十一购物节名气差太多了。
所以2016年淘宝放出大招，找来以H5交互创意闻名的VML，还请来华晨宇定制毫无广告痕迹的新歌《造物者》。
H5打着720°全景旗号，制造出一个可以交互的立体空间，把平面的动漫插画转成3D。
广告于7月上线，恰好给那些经过半时期：7月广告主：阿里巴巴“我是图图。
有追求！太自我！适应能力强！”2016年7月，柏拉图APP出来搞事情：一个H5，当你输入姓名、生日，就会生成一张包括你的名字、性格、为人处事、世界观等多种维度的图，你还得转发才能看到测试结果，转发截图包含公众号二维码。
这则广告在QQ传开后，借助微信传时期：7月广告主：柏拉图APP已封停污。
HTML5技术调查报告
检测你的浏览器是否支持离线功能可以使用之前介绍过的检测方法中的第一种.如果你的浏览器支持离线 web 应用的话,在全局的 window 对象上会有一个叫”applicationCache”的属性,反之该属性值就为 undefined. function supports_offline(){
return !!window.applicationCache; }
5.各浏览器对本地数据库支持的情况及安全性 html5 增加新的特性，那就是增加了本地存储。改善用户体验，或许 html5 会带着我们走进新的互联网 时代。 5.1 如何创建数据库 下面看看怎样操作 web 数据库吧！ 首先新建数据库。 var db = window.openDatabase("mydata", "1.0","数据库描述",20000); //window.openDatabase("数据库名字", "版本","数据库描述",数据库大小); if(db)
alert("新建数据库成功！");
5.2 如何操作数据库
HTML5在移动互联网开发中的应用分析
HTML5在移动互联网开发中的应用分析作者：樊蓉来源：《电子技术与软件工程》2016年第04期摘要科学技术的蓬勃发展，使得4G技术应用日益广泛。
此种情况下，台式互联网已经无法满足人们对网络的需求，积极开发移动互联网已经成为必然情况。
将HTML5技术运用到移动互联网开发中，可以方便APP的安装与使用，提高人们利用移动互联网的可能性。
所以，将HTML5运用到移动互联网开发中是非常必要的。
基于此点，本文将重点分析HTML5如何在移动互联网开发中应用。
【关键词】HTML5 移动互联网开发应用分析互联网已经成为人们日常工作、学习、生活的重要组成部分之一。
而随着4G技术的推出与普及，基于台式机的传统互联网模式已经无法满足人们对互联网应用的需要。
此种情况下，发展移动互联网是非常必要的。
HTML5作为一系列开发网络应用的新技术集合体，科学、合理的应用到移动互联网开发中，可以增强移动互联网的标准性、应用性，使移动互联网可以有效应用，满足人们网络需求。
所以，将HTML5应用到移动互联网开发中是非常有意义的。
1 HTML5技术的新特性分析从广义的角度来讲，HTML5是指一系列用于开发网络应用的最新技术的结合，其中包括HTML、CSS3以及一系列全新的API。
基于此点，可以将HTML5看作为移动设备的开发工具，应用在移动设备开发过程中，体现以下特点：1.1 为移动平台制定表单元素目前流行的、应用流畅的移动设备都具备触摸屏幕、虚拟键盘。
如若不能合理设计触摸屏幕、虚拟键盘，将会影响用户体验效果。
而HTML5技术的应用，利用为移动平台制定的表单元素，设定标准的触摸屏幕、虚拟键盘，可以提高移动设备的应用效果。
1.2 Canvas绘图利用Canvas绘图来代替Flash插件，可以摆脱Flash插件在移动设备上表现的不稳定性，同时提高绘图效果，使用户体验多功能绘图。
1.3 音频、视频HTML5技术新增了视频、音频元素，并且配备了一套通用的、集成的、脚本式的处理音频与视频的API，将其设置在移动设备中，可以提高音频、视频处理、应用，使用户更加灵活的、方便的运用移动设备的视频功能、音频功能。
HTML5开发者生态调查报告
Whoever you admire most in your heart, don't have to become that person, but use that person's spirit andmethods to become yourself.通用参考模板（页眉可删）20__年HTML5开发者生态调查报告本次调查主要以前端开发工程师为主，总共回收520份有效问卷，覆盖北京、广东、上海、浙江等全国热门城市。
报告显示，由于HTML5前端开发在国内兴起时间不长，我国HTML5开发从业者普遍偏年轻，但是他们仍然普遍看好HTML5技术在未来的发展，并且愿意通过各种途径加深有关HTML5的学习。
HTML5前端开发年轻化，薪资成长空间大报告显示， 44%拥有1-3年前端开发经验，其次是一年以内工作经验的占比29%;而在薪资待遇方面，工作3年左右是前端开发工程师薪资的一个重要分水岭，3年工作经验以内，平均月薪资在10K以下占一半以上，而拥有3-5年工作经验的人群中，将近80%的人待遇在10-15K。
并且，随着工作时间越长，相应薪资待遇具有较大的上升空间。
当然，从区域分布上来看，地域影响也呈现比较大的差异，来自北京、上海、杭州的前端开发者待遇较高，武汉前端开发存在很大的潜力。
另外，值得一提的是，3年以内前端开发的薪资相对其它后端和全栈开发工程师较弱。
这和HTML5近两年需求旺盛，前端开发入门相对容易，同一岗位竞争激烈存在一定的关系。
HTML5跨平台优势明显期望接入更多行业标准《20__年中国HTML5企业应用状态调查报告》显示，有71.8%的人了解并使用过HTML5, 而本次调查却发现，75%的人对与HTML5的应用和熟练程度为一般，只有20%的人表示非常熟悉。
由此可见，大部分人前端开发者对于HTML5的使用和掌握仍然处于比较初级阶段。
不过，在利用HTML5技术开发上，58%的人采用基于HTML5的混合式开发，有30%的人选择纯HTML5开发。
2016 H5数据报告
2016 H5数据报告国内H5在线创作平台MAKA发布《2016年度H5数据报告》。
基于平台庞大的企业用户，通过多维度的数据对比分析，对2016年H5行业进行复盘。
数据表明，H5已然称为互联网广告的主力军，用户对H5的热度仍呈上升趋势。
对比2015年数据发现，创作者更注重H5的商业价值，对转化有着更高的需求。
报告筛选平台10万个浏览量较高的作品，剔除部分个人及鸡汤类项目，数据结果可供商业H5创作者和运营者作为参考。
H5传播分析2016年，H5作品平均PV1208，高于去年的954。
这也说明，用户对翻页H5的热度非但没有减少，反而呈现出良好的上升趋势。
显然，“H5已死”的理论是不成立的。
1. H5读者城市分布北上广深四个城市是H5访问的主要来源地，在这四个一线城市中，首都人民对互联网的关心程度遥遥领先，是全国人民的榜样。
重庆、成都紧随其后，川渝群众的互联网氛围“雄起”了。
2. H5访问时间分布用户访问高峰集中在午休11:00-14:00和晚上20:00-23:00，与微信公众号的阅读曲线比较一致。
什么时间发布H5效果最佳，你get到了吗？3. H5推广渠道排行榜从阅读来源分析，59.6%的用户通过朋友圈进入H5，得朋友圈者得天下。
微信公众号来源占比较去年7.9%明显提升，成为一次传播的主要战场。
4. 高访问量H5作品页数分布图通过对访问量最高的1000个作品分析，发现高访问量的H5页数多集中在6-10页，其中9页最多，占比高达21.0%。
H5虽好，可不要贪页哦~5. 用户爱看的H5内容类型1000个高访问量的H5中，以故事营销为主题的H5作品最受用户亲睐，其中包括品牌故事、人生哲学等鸡汤软文的形式展现。
内容仍是王道，好的内容更容易被用户接受。
6. 2016年最热H5关键词H5标题关键词集中了2016年大部分热点词汇和网络用语。
里约奥运会期间，傅园慧的“洪荒之力”在作品中出现超3000次。
7. 违规作品标题关键词2016年，MAKA平台累计处理违规H5链接68375条，坚决打击谣言、政治敏感、色情、欺诈、诱导等违规行为，主动承担维护微信生态安全的责任。
2017年HTML5游戏行业深度分析报告
2017 年 HTML5 游戏行业深度分析报告投资要点细分行业趋势明朗,迈入“后用户红利时代”:16 年端游和页游收入同比分别下降 4.8%和 14.8%,移动游戏收入取得较高增速,同比增长 59.2%,达到 819.2 亿,一跃成为最大细分行业,但是同样面临着产能过剩的问题｡随着用户导入成本的上升,以及 IP 作用效应凸显,龙头的竞争优势得到放大,未来行业集中度将进一步提高,过去人口红利带来的整体增长已经结束,游戏行业迈入“后用户红利时代”,未来看两条主线:1.存量博弈下,“剩者为王”;2.寻找新的增量市场,挖掘用户需求｡盈利模式逐渐清晰,IP 化和重度化成行业主旋律:16 年白鹭科技发布第四代引擎,行业技术升级带动整体用户体验上升,带领行业走向更高平台; H5 游戏领军企业蝴蝶互动打造《传奇世界H5》最高月流水超 4000 万元,为行业发展指明方向｡技术革新和盈利模式的清晰化推动行业进入发展新阶段,过去占比最大的益智休闲 H5 游戏将逐渐让位给中重度 H5 游戏,IP 化和重度化成为 H5 游戏发展的主旋律｡手游市场外打造新蓝海,H5 游戏有望成第四大细分行业:H5 游戏以“快消”产品扮演手机页游的角色,满足移动端用户缺失的“快､爽”需求,同时通过双屏联动,无缝衔接的特点创造了新需求,实现新蓝海的打造｡根据白鹭时代统计, 60%H5 游戏用户为新的增量用户｡根据我们测算,H5 游戏行业 17 年的市场规模在 30-40 亿元,随着用户认知度提高和消费升级完成,H5 游戏活跃用户的比例和 ARPU 将继续增长,未来潜在市场空间在 300 亿元以上,有望成为游戏行业除端游､页游､移动游戏外的第四大细分行业｡产业链上首推强 CP,超级IP 的获取与运营成胜负关键手:移动端游戏进入产品为王时代,对于渠道多元化的 H5 游戏而言,渠道作用被进一步弱化,游戏研发商将重掌主动,成为产业链上的主导者,目前研发发行与渠道分成为 55 分成,其中研发的分成比例为 3 成,相比页游研发商,H5 游戏的 CP 更具话语权｡同时,H5 游戏的“快消”､用户曝光时间短等特点决定其对 IP 的要求更高,超级 IP 储备以及强大 IP 运营实力将成为打造爆款产品的关键｡打造泛娱乐新版图,坚定看好页游､手游巨头切入新蓝海:页游､手游巨头纷纷进行泛娱乐布局,16 年影游联动实现移动游戏收入 89.2 亿元,占移动游戏收入的 10.9%,在泛娱乐化背景下将继续提升｡H5 游戏具有开发周期短､开发成本低､传播渠道多的特点,将成为泛娱乐版图中的重要一环,实现 IP 价值的多重变现｡页游､手游巨头具有丰富IP 储备,研运实力强大,泛娱乐布局实现IP 价值最大化,坚定看好页游､手游巨头切入 H5 游戏蓝海市场｡目录1. 游戏行业:细分行业趋势明朗,迈入“后用户红利时代”.71.1.细分行业发展趋势渐明朗,移动游戏市场规模跃居第一 7 1.2.资源继续向龙头集中,游戏行业迈入“后用户红利时代”82. “后用户红利时代”寻找新增量,H5 游戏有望成第四大细分市场 112.1.HTML5 概述112.2.产业生态逐步完善,技术升级刷新行业平台.122.2.1.生态改善催熟市场,引擎商成背后驱动 122.2.2.引擎升级助推行业发展,用户体验再度提高 152.3.爆款为发展指明方向,盈利模式清晰化.182.3.1.蝴蝶互动打造现象级作品,为行业发展指明方向 182.3.2.盈利模式逐渐清晰,IP 化､重度化成行业主旋律 192.4.填补空白+创造需求,手游外开辟新蓝海 222.4.1.填补空白,“快消”类 H5 游戏切中用户痛点 222.4.2.双屏联动无缝连接,创造用户新需求 232.4.3.行业起飞在即,未来市场空间超页游 243. 围绕 IP 打造泛娱乐新版图,消费升级打开想象空间 26 3.1.重新定义重度,H5 与IP 互为“最佳拍档” 263.2.优秀品质加优质 IP,莽荒纪成 H5 游戏新标杆 273.3.产业链首推CP,IP 获取与运营成胜负关键手303.4.打造泛娱乐新版图,坚定看好页游､手游巨头切入蓝海市场.314. 投资建议.344.1.游族网络:强产品矩阵夯实业绩,定位轻娱乐实现IP 价值多重变现34 4.1.1.“后用户红利时代”竞争优势扩大,强产品矩阵夯实业绩 344.1.2.IP 与实力兼具,定位轻娱乐实现 IP 价值多重变现364.2.三七互娱:内生高增长确定,泛娱乐布局打开成长空间 374.2.1.长线精品战略保障业绩持续性,研运一体化格局稳定 374.2.2.坚持重IP 运作,泛娱乐布局打开成长空间38图表目录图表 1:2012—2016 年中国游戏市场收入规模及增长趋势(单位:亿元)7 图表2:2012—2016 年中国游戏市场格局 7图表3:2012—2016 年中国客户端游戏市场收入规模及增长趋势(单位:亿元)7 图表4:2012—2016 年中国网页游戏市场收入规模及增长趋势(单位:亿元)7 图表5:2012—2016 年中国移动游戏市场收入规模及增长趋势(单位:亿元)8 图表6:2012—2016年中国移动游戏用户规模及增长趋势(单位:百万人)8 图表7:2016 中国游戏出版类型分布8图表 8:2016 年中国移动游戏收入占比 9图表9:官方规范的四种新特性.11图表10:HTML5 游戏11图表 11:HTML5 的优势 12图表 12:HTML5 游戏产业生态链12图表 13:H5 游戏内容研发商列表13图表 14:HTML5 游戏的六大流量入口13图表 15:主流渠道 H5 游戏引擎占比(单位:款)14图表 16:H5 游戏随引擎的发展历程 15图表 17:引擎优化前后测试(测试用机小米 2.16图表18:优化前的多动画性能测试.16图表19:优化后的多动画性能测试.16图表 20:主流机型 FPS 测试(测试游戏《莽荒纪之无尽疆域》) 17图表 21:白鹭时代 Egret3D 的渲染和游戏功能模块18图表22:蝴蝶互动的自研游戏.19图表 23:2016 年上半年 HTML5 游戏类型分布 20 图表 24:2016 年上半年 HTML5 新游类型分布 20 图表25:2016Q2HTML5 游戏留存情况 20图表 26:2016Q2H5 游戏付费率与 IOS 移动游戏､Android 移动游戏对比 21图表 27:2015 年 HTML5 游戏的收入方式21图表28:中国网页游戏市场规模(单位:亿元).22图表 29:2012-2016 中国移动游戏用户 ARPU(总收入/总用户数,单位:元)24 图表 30:中国 H5 游戏市场空间测算(单位:亿元) 25图表 31:定义 HTML5 重度游戏26图表32:蝴蝶互动的三款主打产品.27图表 33:《莽荒纪之无尽疆域》游戏战斗画面截图.28图表 34:《莽荒纪之无尽疆域》游戏界面截图.28图表 35:《莽荒纪》起点中文网数据.28图表 36:莽荒纪数据与 2016Q2HTML5 游戏数据对比 29图表 37:手游 3.0 时代即将到来 30图表 38:新游戏渠道分布比例.30图表 39:HTML5 游戏的渠道端商业模式 31图表 40:泛娱乐生态下 IP 与 H5 游戏的结合32图表 41:2016 部分影游联动移动游戏产品 32图表42:建议关注的公司.34图表43:游族网络的主营构成.34图表 44:游族网络的工作室制度.35图表 45:游族网络现有 IP 36图表46:游族网络盈利预测.36图表 47:2016 年 Q3 中国网页游戏研发厂商竞争格局.38图表 48:2016 年 Q3 中国网页游戏运营平台竞争格局38图表49:三七互娱盈利预测.391.游戏行业:细分行业趋势明朗,迈入“后用户红利时代”1.1.细分行业发展趋势渐明朗,移动游戏市场规模跃居第一根据 2016 中国游戏产业报告,中国游戏市场增速有所放缓,增量仍然保持稳定｡16 年增量部分来自移动游戏的高速增长,移动游戏 2016 年实际销售收入同比增长 59.2%,达到 819 亿,一举超过 PC 客户端游戏的占比达到 49.5%,成为中国游戏行业的最大细分市场｡图表1:2012—2016年中国游戏市场收入规模及增长趋势(单位:亿元)图表 2:2012—2016 年中国游戏市场格局除了移动游戏保持高速增长外,2016 年页游市场和 PC 客户端游市场规模分别为 187.1 亿元和 582.8 亿元,同比分别下降 14.8%和 4.8%｡自此中国游戏三大细分行业的发展趋势已逐渐明朗｡图表3:2012—2016年中国客户端游戏市场收入规模及增长趋势(单位:亿元)图表4:2012—2016年中国网页游戏市场收入规模及增长趋势(单位:亿元)PC 客户端游戏方面,16 年 PC 客户端游戏依靠电子竞技热,用户规模同比增长1.4%,重回正向增长,但是由于目前电子竞技的变现能力较传统 RPG 类端游稍弱,另一方面在端游 IP 改编手游的趋势下,市场出现分流,因此整体销售收入依然呈现下降趋势;网页游戏方面,在巨头纷纷转型手游的潮流下, 16 年上新品的节奏有所减缓,因此销售收入出现了一定幅度的下降,17 年随着新产品的逐步到位,未来市场收入有望回到 200 亿元以上｡至于目前最大的细分游戏行业——移动游戏方面,根据最新的统计数据,移动游戏用户规模在经历了 2014 年和 2015 年两年的缓慢增长后,2016 年迎来了将近 30%的增长,整体移动游戏用户规模已达 5.28 亿｡图表5:2012—2016年中国移动游戏市场收入规模及增长趋势(单位:亿元)图表6:2012—2016年中国移动游戏用户规模及增长趋势(单位:百万人)我们判断新的增量用户主要来自于 2016 年精品游戏､影视 IP 改编游戏对原本非游戏用户的转化,特别是女性用户的转化｡以网易推出的爆款手游《阴阳师》为例,百度指数中女性搜索的比例高达 44%,相比普通游戏中女性玩家比例低于20%的情况,性别构成发生了较大变化｡移动互联网时代,手机成为了女性用户接触互联网的首要工具,她们不再需要那些“传统印象中属于男人的电子工具” 来上网了,游戏门槛的降低､游戏精品化以及“二次元”等文化渗透让更多的女性用户参与进来｡在消费升级的大背景下,结合移动端的便捷性和影游联动效应, 未来移动游戏用户规模仍然有提升空间,主要的增量依然来自于传统的非游戏用户｡1.2. 资源继续向龙头集中,游戏行业迈入“后用户红利时代”从国家新闻出版社广电总局批准出版的国产游戏数量分布来看, 16 年广电总局共批准出版国产游戏约 3800 款,其中移动游戏占比约为 92%,网页游戏占比约为 6%,PC 客户端游戏占比约为 2%｡图表 7:2016 中国游戏出版类型分布通过国产游戏数量分布来判断行业目前的竞争格局:PC 客户端游戏的行业整合度最高,上线新游集中在行业龙头上;网页游戏经过过去几年的洗牌,目前竞争环境在逐步改善,资源将进一步向行业巨头集中;移动游戏虽然在 16 年实现了用户规模和销售收入的高速增长,但是由于资本的大量涌入,市场出现产能过剩的局面,16 年国产移动游戏上线约 3500 款,远高于其他细分市场的产品数量｡进一步对 16 年移动游戏收入进行拆分,其中腾讯和网易移动游戏销售收入分别占据中国移动游戏收入的 46%和 20%,合计达到 66%,总计达 541 亿｡对比2015 年,腾讯和网易的移动游戏占比分别为 41.39%和14.99%,合计实际收入为290 亿｡也就是说,在 16 年中国移动游戏收入 305 亿的增幅中有 251 亿来自腾讯和网易的移动游戏收入增长,占比高达 82.4%｡图表 8:2016 年中国移动游戏收入占比从移动游戏行业生态布局的情况来看,除了腾讯和网易两家巨无霸外,A 股上市的游戏巨头如游族网络､三七互娱等企业也进行产业链上下游延伸,通过自行研发及控股优质研发团队,同时储备优质 IP 等方式,进一步挤压了中小研发商的生存空间｡另一方面,通过流量购买等营销方式维持用户供给也越来越普及, 获取用户的成本进一步提高,在投资回报率持续下降的情况下,中小公司的盈利愈发困难｡移动游戏行业将呈现产能过剩和存量竞争的发展态势,行业面临洗牌, 既有的竞争优势将得到放大｡不管是端游､页游,还是热火朝天的移动游戏,过去单纯依靠用户人口红利实现增长的时代已经过去,游戏行业整体已迈入“后用户红利时代”,依托于优质IP,具有强大研运实力的龙头企业将扩大竞争优势,行业资源也将进一步集中｡未来游戏行业主要关注两条发展路线:1.存量市场博弈下,“剩者为王”｡提前进行产业链卡位,掌握优质资源的公司将放大竞争优势,在行业洗牌中占据优势地位,抢占更多的市场份额,从竞争中脱颖而出｡同时,三大细分行业的持续发展将依赖于消费升级下,单用户价值的提升｡2.寻找新的增量市场,填补空白需求+创造新需求｡早在 2013 年,移动互联网时代已全面铺开,至今 2017 年,VR 等新型媒介走上舞台,移动终端已成为旧媒介的代名词,端游､页游和移动游戏三大细分市场的需求逐渐饱和｡游戏作为当下最热门的娱乐形态之一,需要寻找新的增量市场以维持发展｡H5 游戏对于开发者具有开发成本低､周期短等优势,对于渠道有帮助闲置流量变现等,对于用户有“快消”､多屏联动等特性,我们认为H5 游戏行业涵盖新的增量市场,有望成为游戏行业中与端游､页游､移动游戏并列的第四大细分市场｡2.“后用户红利时代”寻找新增量,H5 游戏有望成第四大细分市场HTML5 概述HTML5,第五版超文本标记语言,于2014 年 10 月由万维网联盟(W3C)发布为正式推荐标准,是 HTML 自1991 年问世以来,最具变革价值的技术规范｡从发展的角度而言,HTML5 不仅仅是 HTML4 的下一个版本,而是首个将Web 作为应用开发平台的HTML 标准｡图表9:官方规范的四种新特性总体而言,HTML5 是一系列制作网页互动效果的技术集合,它能在移动端做出Flash 做不出的动画效果,即HTML5 就是移动端的 web 页面｡在PC 上,H5 游戏的对应是客户端游戏,而移动端对应的则是原生 APP 游戏｡图表 10:HTML5 游戏HTML5 游戏的终极目标是成为移动端的 Web 游戏:高频且变现能力强｡HTML5 本身具有几大优势:1.网络标准;2.多设备跨平台;3.自适应网页设计;4.即时更新;5.无需安装/卸载｡其中“多设备跨平台”对于开发商而言,不需要为了适应多个平台而进行相应代码调整和修改,因此无论是开发费用,还是开发周期都要低于原生移动游戏｡另一方面,无需安装和卸载以及即时更新的优势也有助于提高用户体验,是未来应用的发展方向｡图表 11:HTML5 的优势2.2. 产业生态逐步完善,技术升级刷新行业平台2.2.1. 生态改善催熟市场,引擎商成背后驱动H5 游戏的历史可以追溯到 2010 年,当时乔布斯宣布全球进入 HTML5 时代｡并随即 Zynga､Facebook 等社交网站纷纷展开 H5 游戏布局｡然而由于当时WIFI 普及率低､H5 游戏自身技术不够成熟､缺乏合适的分发渠道和传播途径等多重原因,这些H5 游戏公司纷纷倒闭,HTML5 神话宣告破灭｡2014 年 H5 游戏《围住神经猫》在微信爆红,访问量过亿,但是变现能力不足,导致市场的认可度一度跌至冰点｡2015 年,被寄予众望的移动游戏市场虽然持续火爆,但是增速开始放缓, H5游戏经过一段时间的冷却,H5 游戏开发者和专注游戏领域的引擎开发商开始重整旗鼓,从引擎､研发到运营平台都受到投资人士的追捧｡在资本､开发资源和大公司流量都开始深度介入后,H5 产业链正逐步完善,H5 游戏市场也正在被快速催熟｡图表 12:HTML5 游戏产业生态链H5 游戏目前的产业链已经相当完整,包含从研发商——发行商——渠道的游戏行业传统环节,除此之外,H5 游戏引擎商作为技术服务商为前三者服务, 在产业链中作用明显｡H5 游戏内容研发商目前以蝴蝶互动和中手游为龙头,其中蝴蝶互动研发的《传奇世界 H5》成为 H5 游戏首款月流水破千万产品,最高月流水突破 4000 万元,蝴蝶互动成为行业中的领军企业｡继蝴蝶互动之后,中手游开发的《决战沙城 H5》月流水也突破三千万元｡两款月流水超 3000 万元的游戏一方面证明 H5 游戏具有较强的变现能力,另一方面也试探了 H5 游戏行业的天花板,空间依旧充足,有待从业者继续开发｡图表 13:H5 游戏内容研发商列表在发行商和渠道方面,H5 游戏的发行平台主要包括玩吧､1758､5 秒轻应用､萝卜玩､爱微游､9G､7K7K､4399､火舞､鱼丸互动､火速轻应用等游戏平台｡除此之外,H5 游戏还能通过热门 APP､应用商店､视频网站､浏览器和线下渠道等方式进入｡多渠道广传播是 H5 游戏的一大优势,对于 H5 游戏接触用户具有天然优势,截至 2015 年底,H5 游戏用户规模已经达到 1.75 亿;而对于具有大量闲置流量的渠道,也有助于渠道通过流量变现｡图表 14:HTML5 游戏的六大流量入口引擎商作为技术服务商,给 H5 行业搭建更好的平台｡从 HTML5 技术萌芽开始,H5 游戏的性能与兼容性问题便如影随形,一直是游戏研发商的痛点｡性能约束直接影响游戏品质,与原生 App 品质上的落差让玩家产生挫折感,大大限制了玩家的付费意愿,最直接的表现是 HTML5 游戏的用户付费率和 ARPU 值较原生App 游戏明显偏低｡性能桎梏因而成为行业发展的限制,也是过去 H5 游戏变现能力弱的重要原因｡在这个时间段,引擎公司应运而生,在产业中逐渐形成了面向不同开发者阵营的三大引擎技术提供商格局,分别是面向原 FlashAS3 开发者的 Layabox､面向Cocos2d-xC++开发者的 Cocos 和面向 Type 开发者的 Erget｡截至 2016 年 4 月,从国内 HTML5 游戏四大典型渠道的统计数据看,上线的 193 款游戏中,使用白鹭Erget 引擎的游戏产品达 109 款,占比达到 7 成｡图表 15:主流渠道 H5 游戏引擎占比(单位:款)白鹭时代是目前国内领先的 HTML5 引擎开发商和技术提供商,2016 年3 月, 成功登陆新三板( 股票代码 836615 )｡白鹭时代自主研发了白鹭引擎(EgretEngine.､白鹭加速器(EgretRuntime.､骨骼动画工具(DragonBones)､可视化编辑器(EgretWing)等产品｡其核心产品白鹭引擎已占据国内超七成的手机页游引擎市场份额,白鹭加速器已植入超 5 亿台移动设备｡目前白鹭全球活跃开发者超 13 万人,并与小米､360､腾讯､百度､猎豹､微软等数百家公司达成深度合作｡白鹭时代的三款产品:引擎､工具和加速器,每款产品在产业链中扮演的角色都不同｡引擎服务 CP,用于开发游戏;工具整合云服务和支付等公司;加速器则对接操作系统､浏览器和超级 APP,植入小米､腾讯､360 和百度等渠道｡H5 游戏的发展伴随着引擎的升级换代,其中爆款产品《神经猫》､《愚公移山》､《传奇世界 H5》和最新的《莽荒纪之无尽疆域》分别采用白鹭不同时期的引擎进行开发｡在产业链的完善过程中,引擎商充当了行业发展的重要助推剂｡图表 16:H5 游戏随引擎的发展历程2.2.2. 引擎升级助推行业发展,用户体验再度提高2016 年12 月在北京举办的“第四届HTML5 移动生态大会”上,白鹭时代发布了白鹭引擎 4.0,意在解决CP 端开发同质化､量多质少的痛点｡截至2015 年底,白鹭引擎的市占率已经达到 70%,是行业内 HTML5 游戏引擎的绝对领跑者｡相比过去的白鹭引擎 3.0,最新发布的白鹭引擎 4.0 在开发效率､运行效率和减少流量消耗上都有了大幅提升｡其中运行效率直接影响 HTML5 游戏的用户体验,也是过去最让研发商头疼的地方｡运行效率的提升主要有两处:1.优化 WebGL 渲染核心性能,使纹理内存消耗降低40%;2.骨骼动画矩阵运算性能提升 2 倍,相应内存消耗降低 70%｡两处提升的效果具体表现在平均每秒帧数(FPS)的大幅提高｡目前率先应用白鹭 4.0 引擎的 H5 新游《莽荒纪之无尽疆域》,在画面素材未作任何改动下,实测运行性能得到明显提升,优化前后的平均每秒帧数分别为32 和54｡图表 17:引擎优化前后测试(测试用机小米 2.白鹭时代在 2014 年把最初由 Adobe 公司主导开发的游戏骨骼动画制作插件DragonBones 纳入 Egret 产品序列,接过了DragonBones 维护､运营和更新迭代的任务｡最新引擎搭配新版DragonBones,多动画的性能有大幅度的提升｡我们以IPhone6Plus 为样机在白鹭开发者中心进行性能测试,以相同的 100 个动画效果为例,优化前的平均每秒帧数为 9,范围在8-10FPS;优化后的平均每秒帧数达到 29,范围在 26-30FPS,为优化前的 3 倍｡图表18:优化前的多动画性能测试图表19:优化后的多动画性能测试受益于渲染效率的提升,未来 HTML5 游戏得以添加更多游戏动画及特效,从而满足更重度 HTML5 游戏的开发需求;同时,内存消耗降低将有助于减少卡顿和闪退现象,提高用户体验｡伴随着设备的更新换代,目前市面上主流的智能手机已经可以完美支持中重度化 HTML5 游戏的运行｡图表 20:主流机型 FPS 测试(测试游戏《莽荒纪之无尽疆域》)随着 HTML5 游戏的重度化趋势的发展,3DHTML5 游戏也划入了未来 H5 游戏行业的发展规划｡而白鹭引擎 4.0 版本全新的 Egret3D,无论功能还是性能,以及配套的 IDE 和插件体系,都能切实帮助开发者研发制作重度化 3DHTML5 游戏, 开拓全新的领域｡图表 21:白鹭时代 Egret3D 的渲染和游戏功能模块主流引擎的升级提高了 H5 游戏的整体优化水平,用户体验得以再上一个台阶,我们认为技术的提高带领 H5 游戏行业走向更高的平台,过去 H5 游戏给用户的固有印象将被打破,H5 游戏得以在保持现有优势的同时在体验上逐渐向原生APP 靠拢,就画面表现而言,原生 APP 与 H5 游戏之间的界限将逐渐模糊｡2.3. 爆款为发展指明方向,盈利模式清晰化2.3.1. 蝴蝶互动打造现象级作品,为行业发展指明方向过去 H5 游戏的变现能力一直受人诟病,《围住神经猫》等休闲益智类游戏依靠社交媒体的病毒式传播方式,短时间内已达到过亿的访问量,然而有限的盈利能力让从业者和投资者都怀疑起了 H5 游戏的变现能力,直到 2015 年底,H5 行业从业者仍然就未来能否出现月流水过千万的游戏而进行激烈辩论｡然而 16 年一款现象级产品打破了争论,同时打开了新的想象空间｡蝴蝶互动研发的《传奇世界 H5》在 16 年初全渠道上线,16 年 2 月份的月流水已超 1500 万,成为首款月流水超千万的 H5 游戏,最高月流水突破 4000 万｡蝴蝶互动是H5游戏行业的领军企业,公司创始人凌海､王峰都曾出任盛大集团核心高管,在业界拥有极为丰富的互联网产品经验｡凌海曾任盛大集团高级副总裁,盛大游戏总裁,韩国上市公司 ACTOZ 董事长｡王峰曾任盛大游戏技术副总裁｡公司主要从事 H5 游戏的研发和发行,游戏产品包括:《传奇世界 H5》､《幻城 H5》､《鬼吹灯》､《天天赚钱》等｡蝴蝶互动的自研游戏,游戏类型多元化, 公司创始人对 IP 经营有独到见解｡自研游戏中,《传奇世界 H5》和《幻城 H5》属于放置类大型 ARPG 游戏,具有超级 IP,是流水中最主要的贡献部分｡图表22:蝴蝶互动的自研游戏在 16 年中小研发商都苦苦支撑的情况下,蝴蝶互动可谓是行业的绝对龙头｡蝴蝶互动打造的《传奇世界 H5》不但作为行业标杆打破了过去对 H5 游戏的质疑, 同时为行业发展指明了方向:1.超级 IP 为基础:公司的产品立足端游《传奇》IP,用户对《传奇》的品牌认知度极高,对于提高用户转化率至关重要;2.“快消”模式:H5 游戏具有无需安装､即点即玩的特点,H5 游戏面向的用户同样具有不同的特征:追求“快爽”､“性价比”等,因此在H5 游戏改编时, 必须进行量体裁衣,如果一味追求复杂,希望还原原生手游乃至端游的系统和玩法,反而得不偿失;3.快速版本迭代:公司创始人认为游戏生命周期的维持需要通过快速的版本迭代实现,《传奇世界 H5》从 16 年初全渠道上线至今月流水依然保持良好,就。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
２０１６年ＨＴＭＬ５行业深度分析报告目录1HTML5, 最新一代网页标准通用标记语言 (5)1.1专为移动互联网而生的HTML5 (5)1.1.1HTML5动态多媒体交互特性契合移动互联网标准 (5)1.1.2国际互联网组织、移动厂商与各大浏览器巨头积极参与推动HTML5标准的最终确立 (6)1.2HTML5搭载微信平台实现二次爆发 (8)1.2.1首次国外投资失利，却借国内微信平台实现二次爆发 (8)1.2.2二次爆发成功时机俱备 (12)1.3HTML5改变网页前端内容呈现形式及产品分发渠道 (15)1.3.1网页内容形式由动态图片向视频制作演变 (15)1.3.2应用商店渠道商角色弱化 (16)2移动互联网端多场景应用 (17)2.1HTML5营销助推移动营销新增长 (17)2.1.1移动营销新形态---HTML5营销 (17)2.1.2HTML5的网页多媒体交互特征契合移动营销 (19)2.1.3营销传播路径实现病毒式营销闭环 (20)2.1.4行业格局初显，内容端由动态图片交互视频转换 (23)2.1.5HTML5营销企业：易企秀与兔展 (24)2.2HTML5游戏是游戏行业新的绿洲 (25)2.2.1手游后的新蓝海----HTML5游戏 (25)2.2.2HTML5游戏占巨大流量渠道，即点即玩即分享解决用户痛点 (27)2.2.3中重度和社交化发展方向，多渠道分发 (28)2.2.4新一轮游戏行业市场启动 (33)2.2.5HTML5游戏企业：白鹭科技--引擎平台联运商 (33)2.2.6国外HTML5游戏厂商研发先行，发行商数量集中 (35)2.3HTML5视频有效替代FLASH，实现跨平台网页视频直接调用 (36)2.3.1移动互联网视频增长迅速，流量占比过半 (36)2.3.2FLASH是PC视频编码霸主，HTML5从移动端实现逆转 (37)2.3.3HTML5契合移动互联网视频需求，巨头支持 (40)2.3.4HTML5除占领FLASH存量市场，还形成新的增量市场 (42)2.4HTML5嵌入APP实现HYBRID APP与轻应用平台结合的形式 (43)2.4.1类似PC端桌面应用向浏览器转换，移动端也经由native app向web app的转换 (43)2.4.2Web app实现hybrid app与轻应用平台相结合的形式 (44)2.4.3微信小程序是仿HTML5语言改编的特殊封闭系统 (46)3HTML5是移动终端新绿洲，WEB领域新蓝海 (48)3.1HTML5发展趋势展望 (48)3.1.1设备端由移动设备终端向物联网设备渗透,跨多种平台终端 (48)3.1.2垂直领域细化 (49)3.1.3与3D/VR/无人驾驶新技术结合，提升用户体验 (50)3.2HTML5资源整合企业 (51)3.2.1云适配：移动办公领域全平台方案解决商 (51)3.2.2火速轻应用：全平台资源整合 (54)图表目录图表1：从桌面应用到移动端互联网应用发展历程 (5)图表2：HTML发展历程 (7)图表3：W EB APP开发语言 (7)图表4：HTML5开发博弈过程 (8)图表5：2010-2012年HTML5第一次投资状况 (8)图表6：“围住神经猫”HTML5游戏上线表现 (9)图表7：2014-2015年HTML5游戏数量 (9)图表8：HTML5在美国的关注度趋势 (9)图表9：HTML5在中国的关注度趋势 (9)图表10：HTML5国外投资状况（按融资时间排序） (10)图表11：HTML5国内投资状况（按融资时间排序） (11)图表12：中国移动网民规模 (12)图表13：月度微信用户数 (12)图表14：智能设备出货量 (13)图表15：年均移动网速 (13)图表16：季度互联网市场规模 (14)图表17：移动互联网流量与用户数 (14)图表18：HTML5二次开发环境成熟 (14)图表19：HTML5相关特征嵌入产业链上下游环节 (15)图表20：HTML5实现网页内容呈现形式的多样化 (15)图表21：HTML5表现形式发展 (16)图表22：HTML5与NATIVE APP 比较 (16)图表23：N ATIVE APP分发渠道 (17)图表24：2016年第2季度中国全渠道应用分发市场份额 (17)图表25：移动营销发展历程 (18)图表26：中国移动营销市场规模及增长率 (18)图表27：中国移动营销占网络营销比重 (18)图表28：宝马HTML5营销酷炫效果 (19)图表29：用HTML5实现的水面特效实验 (20)图表30：移动端二维码入口 (20)图表31：病毒式营销与传统营销 (21)图表32：HTML5营销热门应用覆盖率 (21)图表33：HTML5营销效果玩法 (22)图表34：HTML5营销商业模型 (22)图表35：HTML5营销数据反馈闭环 (23)图表36：移动营销市场规模与占比 (23)图表37：易企秀和兔展 (24)图表38：易企秀C端用户多样化服务 (24)图表39：兔展2B端特色服务 (25)图表40：易企秀与兔展比较 (25)图表41：端游、页游与手游市占率 (26)图表42：移动游戏占比 (26)图表43：中国移动游戏市场规模 (26)图表44：中国移动游戏用户规模 (26)图表45：HTML5游戏数量与用户规模 (27)图表46：HTML5游戏与移动游戏用户规模 (27)图表47：HTML5游戏融资热潮 (28)图表48：HTML5游戏产业链及环节变化 (29)图表49：HTML5游戏产业链公司规模分布 (29)图表50：2016Q1HTML5游戏付费及ARPU值 (30)图表51：2016Q1HTML5游戏留存率 (30)图表52：HTML5游戏流量入口 (31)图表53：HTML5用户游戏会话载体分布 (32)图表54：HTML5游戏渠道占比 (32)图表55：中国移动游戏渠道玩家覆盖率 (32)图表56：移动游戏市场规模 (33)图表57：白鹭时代产品 (34)图表58：白鹭科技营收数据 (34)图表59：SOFTGAMES现状 (35)图表60：SPILGAMES发展历程 (36)图表61：全球月均移动网络流量 (36)图表62：互联网视频用户规模 (37)图表63：移动领域活跃用户规模规模TOP10 (37)图表64：移动领域用户访问时长TOP10 (37)图表65：FLASH辉煌史 (39)图表66：A DOBE公司停止对FLASH的支持 (39)图表67：HTML5与FLASH比较 (40)图表68：V IDEO元素支持的三种视频格式 (41)图表69：A UDIO元素支持的三种音频格式 (41)图表70：巨头纷纷抛弃FLASH，拥抱HTML5 (41)图表71：各浏览器对HTML5支持情况 (42)图表72：HTML5视频新形式：内容、跨屏、互动 (43)图表73：N ATIVE A PP下载量 (44)图表74：原生、HTML5、混合APP比较 (45)图表75：应用程序分类 (46)图表76：轻应用平台对象 (46)图表77：小程序核心概念P AGE (47)图表78：全球手机/智能手机出货量 (48)图表79：全球月均移动网络流量 (49)图表80：M2M月均移动网速的提升 (49)图表81：医学图像浏览器 (50)图表82：护理业务信息系统 (50)图表83：NU T ONOMY推出的全球首台无人驾驶出租车 (51)图表84：跨屏云的核心技术原理 (52)图表85：E NTERPLORER的跨屏应用 (53)图表86：火速轻应用公司业务体系 (54)1HTML5, 最新一代网页标准通用标记语言1.1专为移动互联网而生的HTML5HTML（Hyper Text Markup Language），超文本标记语言，是一种web语言，与之相对应的有编程语言（C、C++、C#、Java）和脚本语言（JavaScript、VBscript）。
HTML的构建基础有元素、属性和文字，页面内可设计表格、图片、音乐、视频和超链接等，是web编程基础，通过浏览器来表达，以此实现网页互连。
HTML5是HTML4的升级版本，它的制定推动力及特征都是为移动互联网而生。
HTML5是一个页面酷炫的移动端onepage网站解决方案，包括新增的audio/video标签，交互的canvas/拖拽特性，调用本地存储，实时双向的websocket通信，还有地理定位功能。
1.1.1HTML5动态多媒体交互特性契合移动互联网标准PC端的发展经历了由桌面应用为主到浏览器为主的转变，而流量的入口主要是浏览器，类别主要有搜索引擎、社交网站、门户网站、网址导航等等；而随着PC端到移动端的发展，移动端也经由着本地应用到互联网应用的转型，移动端流量的入口主要是APP、分发平台、浏览器、线下渠道等，APP端口主要有超级APP和垂直领域APP构成，超级APP以微信为代表，它从即时通讯切入，同时嵌入其他各种应用；而垂直领域的APP则分各类，如美化工具、地图、教育等。
图表1：从桌面应用到移动端互联网应用发展历程资料来源：方正证券研究所整理随着PC端向移动端的重点转移，以及移动端智能手机的快速发展，也就产生了制定一套关于移动互联网标准的需求。
移动互联网是以移动通信网作为接入网络的互联网及服务，它的特点是随时随地和个性化，网络个性化表现在移动网络对用户需求、行为信息的精确反映和提取能力，用户与网络的交互性增强，视觉感要求提升。
HTML5是HTML历史发展中的一个奇点，它实现了一次完美的跳跃，新增了audio、video等多标签，有着丰富的功能特征，可以在移动端呈现丰富的网页表现形式，不论从开发者还是用户角度，都契合移动互联网的需求。
(1) 开发者角度：低成本、易开发、广适用①向前兼容: HTML5兼容HTML4及之前版本，原网站可以留存，而不会消失；②编码容易: HTML5更新了编码语言，有大量开源库，使其更易懂，程序员开发更轻松、更敏捷、更灵活；③成本低廉: 相比于native app，HTML5的开发成本低，统一性强，改变用户习惯，绕开了传统分发渠道，有着更低的开发及维护成本。
④适用广泛：HTML5是网页语言，开发出来的一套代码只需微调即可适用于各种终端，而移动端APP则需开发专门的代码，安卓与IOS端的代码也不同，适用范围单一。
⑤快速迭代:HTML5是基于网页的，可以实时更新，打开即可使用最新版本，根据用户反馈实现快速迭代，开发者可以随时与用户沟通提高产品更新换代速率。
(2) 用户角度：多媒体交互、实时连接、跨平台①跨平台终端: HTML5的实质是web app，它的开放式架构使之能跨多个浏览器，跨多种终端设备持续运作而无需任何下载安装，它可在IOS、Windows、安卓或其他平台运行，不过实际场景应用时，不同浏览器对系统的兼容和功能实现的差异也会不一样，而目前HTML5主要是从移动设备端切入，该特性下用户即可实现不同终端的任意切换；②多媒体极致体验: HTML5新增了video、audio的功能，可实现网页上的视频及音频操作，它与Canvas和CSS3协同使用，可在浏览器上直接绘制矢量图，实现网页丰富性设计，三维多媒体逼真效果，有替代FLASH趋势，在移动端带给用户视觉听觉效果的极致享受；③交互便捷: HTML5配合Canvas API可简单绘制热点图收集用户体验资料，支持图片的移动、旋转、缩放等常规编辑，实现网站操作，提升互动能力，增强个性化，而且HTML5的动画播放与用户点击行为相配合，使用户实现与产品的交互；④双向实时通信: 通过WebSockests和Web Workers API实现真正的实时数据通信，它提供了更为简洁的数据传输平台，支持服务器主动向客户推送数据，而不用经过中间介，方便完成Web的双向通信功能，提升用户体验效果。