基于HTML5的增强现实内容展示方法及装置制造方法及图纸

本发明专利技术提供一种基于HTML5的增强现实内容展示方法，包括以下步骤：获取增强现实内容；根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容。本发明专利技术同时提供一种基于HTML5的增强现实内容展示装置。本发明专利技术基于HTML5的增强现实内容展示方法及装置，用户可以通过扫描二维码，在HTML5页面中便捷地预览增强现实内容，有效地拓展了增强现实内容的体验方式，显著地提升了用户体验。

An augmented reality content display method and device based on HTML5

The invention provides an augmented reality content display method based on HTML5, including the following steps: acquiring the content of augmented reality, and rendering the augmented reality content in the HTML5 page according to the page information of the HTML5 page. The invention also provides an augmented reality content display device based on HTML5. The invention is based on HTML5's augmented reality content display method and device. Users can conveniently preview the content of augmented reality in HTML5 pages by scanning the two-dimensional code, effectively expand the experience mode of augmented reality content, and significantly enhance the user experience.

【技术实现步骤摘要】
基于HTML5的增强现实内容展示方法及装置
本专利技术涉及移动互联网与多媒体内容展示
，尤其涉及一种基于HTML5的增强现实内容展示方法及装置。
技术介绍
移动增强现实(MobileAugmentedReality)，即基于移动终端的增强现实技术，是增强现实(AugmentedReality，AR)技术与移动计算技术相结合而产生的研究课题，是近年来计算机视觉与人机交互领域备受关注的热点之一。移动增强现实既具有增强现实系统的基本特征，能够在真实环境呈现的场景中，借助计算机图形技术和可视化技术，将虚拟信息进行实时“无缝”地融合，利用虚拟信息对真实场景进行内容信息的补充与视觉效果的增强；同时虚拟现实技术与移动终端平台相结合，可以最大限度的发挥增强现实技术“可移动性”的特点，给予用户完全区别于传统PC平台的全新的感知体验和交互模式。然而，现有技术中的移动增强现实系统，增强现实内容创建后，用户需要下载特定的应用程序扫描对应的识别图或者实物，才能够预览增强现实内容，适用的场景范围有限。如何便捷地实现增强现实内容的分享及展示，提升用户使用体验，是移动增强现实技术发展中亟待解决的技术问题之一。
技术实现思路
本专利技术的目的是提供一种基于HTML5的增强现实内容展示方法及装置，通过在HTML5页面中渲染增强现实内容，使用者能够在HTML5页面中预览增强现实内容，实现增强现实内容的分享及展示。有鉴于此，本专利技术一方面提供一种基于HTML5的增强现实内容展示方法，包括以下步骤：获取增强现实内容；根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容。优选地，所述增强现实内容包括：文字、图片、视频、动画、音乐中的至少一项。优选地，所述增强现实内容还包括交互控件。优选地，所述基于HTML5的增强现实内容展示方法，还包括：获取HTML5页面的页面信息，所述HTML5页面的页面信息包括页面尺寸、页面布局和/或页面显示比例。优选地，所述基于HTML5的增强现实内容展示方法，所述根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容的步骤，具体为：根据所述HTML5页面的页面信息，在所述HTML5页面中分页渲染所述增强现实内容。本专利技术另一方面提供一种基于HTML5的增强现实内容展示装置，包括：内容获取模块：用于获取增强现实内容；内容渲染模块：用于根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容。优选地，所述增强现实内容包括：文字、图片、视频、动画、音乐中的至少一项。优选地，所述增强现实内容还包括交互控件。优选地，所述基于HTML5的增强现实内容展示装置，还包括：页面获取模块：用于获取HTML5页面的页面信息，所述HTML5页面的页面信息包括页面尺寸、页面布局和/或页面显示比例。优选地，所述内容渲染模块，还用于根据所述HTML5页面的页面信息，在所述HTML5页面中分页渲染所述增强现实内容。本专利技术基于HTML5的增强现实内容展示方法及装置，获取增强现实内容，根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容。用户可以通过扫描二维码，在HTML5页面中便捷地预览增强现实内容，有效地拓展了增强现实内容的体验方式，显著地提升了用户体验。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图：图1示出了本专利技术第一实施例的基于HTML5的增强现实内容展示方法的流程示意图；图2示出了本专利技术第二实施例的基于HTML5的增强现实内容展示装置的结构示意图。具体实施方式为了能够更清楚地理解本专利技术的目的、特征和优点，下面结合附图和具体实施方式对本专利技术做进一步的详细描述。需要说明的是，在不冲突的情况下，本申请的实施例及实施例中的特征可以相互结合。在下面的描述中阐述了很多具体细节以便于充分理解本专利技术，但是，这仅仅是本专利技术的一些实施例，本专利技术还可以采用其他不同于在此描述的其他方式来实施，因此，本专利技术的保护范围并不受下面公开的具体实施例的限制。实施例一图1示出了本专利技术第一实施例的基于HTML5的增强现实内容展示方法的流程示意图。根据本专利技术实施例的基于HTML5的增强现实内容展示方法，如图1所示，包括：步骤S101，获取增强现实内容；步骤S102，根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容。在上述技术方案中，优选地，所述步骤S101，具体为：获取增强现实内容，确定增强现实内容的相关参数，例如，名称、尺寸。所述增强现实内容包括：文字、图片、视频、动画、音乐中的至少一项。在上述技术方案中，优选地，所述增强现实内容还包括交互控件，通过所述交互控件接收用户的操控指令，实现对增强现实内容的交互操控。在上述技术方案中，优选地，所述基于HTML5的增强现实内容展示方法，还包括：获取HTML5页面的页面信息，所述HTML5页面的页面信息包括页面尺寸、页面布局和/或页面显示比例。在上述技术方案中，优选地，所述步骤S102，具体为：根据HTML5页面的页面信息，计算确定增强现实内容在页面中的位置、缩放比例等，在所述HTML5页面中渲染所述增强现实内容。具体地，根据移动终端浏览器的尺寸，计算确定增强现实内容的缩放比例，同时根据HTML5页面的页面信息，确定增强现实内容在HTML5页面中的显示位置。在上述技术方案中，进一步地，所述步骤S102，具体为：根据所述HTML5页面的页面信息，在所述HTML5页面中分页渲染所述增强现实内容。具体地，当所述增强现实内容包含多个分页内容时，根据所述HTML5页面的页面信息，在所述HTML5页面中分页渲染所述增强现实内容。例如，当增强现实内容包含多个分页的动画内容时，渲染增强现实内容第一页到所述HTML5页面，并调用动画内容进行展示，同时接收用户的操作指令进行内容翻页，渲染并展示下一页的动画内容。本专利技术实施例的基于HTML5的增强现实内容展示方法，获取增强现实内容，根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容。通过本专利技术实施例的基于HTML5的增强现实内容展示方法，用户可以通过扫描二维码，在HTML5页面中便捷地预览增强现实内容，有效地拓展了增强现实内容的体验方式，显著地提升了用户体验。实施例二图2示出了本专利技术第二实施例的基于HTML5的增强现实内容展示装置的结构示意图。根据本专利技术实施例的基于HTML5的增强现实内容展示装置200，如图2所示，包括：内容获取模块201：用于获取增强现实内容；内容渲染模块202：用于根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容。在上述技术方案中，优选地，内容获取模块201，用于获取增强现实内容，确定增强现实内容的相关参数，例如，名称、尺寸。所述增强现实内容包括：文字、图片、视频、动画、音乐中的至少一项。在上述技术方案中，优选地，所述增强现实内容还包括交互控件，通过所述交互控件接收用户的操控指令，实现对增强现实内容的交互操控。在上述技术方案中，优选本文档来自技高网...

【技术保护点】
一种基于HTML5的增强现实内容展示方法，其特征在于，包括以下步骤：获取增强现实内容；根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容。

【技术特征摘要】
1.一种基于HTML5的增强现实内容展示方法，其特征在于，包括以下步骤：获取增强现实内容；根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容。2.根据权利要求1所述的基于HTML5的增强现实内容展示方法，其特征在于，所述增强现实内容包括：文字、图片、视频、动画、音乐中的至少一项。3.根据权利要求2所述的基于HTML5的增强现实内容展示方法，其特征在于，所述增强现实内容还包括交互控件。4.根据权利要求1至3中任一项所述的基于HTML5的增强现实内容展示方法，其特征在于，还包括：获取HTML5页面的页面信息，所述HTML5页面的页面信息包括页面尺寸、页面布局和/或页面显示比例。5.根据权利要求4所述的基于HTML5的增强现实内容展示方法，其特征在于，所述根据HTML5页面的页面信息，在所述HTML5页面中渲染所述增强现实内容的步骤，具体为：根据所述HTML5页面的页面信息，在所述HTML5页面中分页渲染所述增强...

【专利技术属性】
技术研发人员：刘文龙，付娟，张敏，
申请(专利权)人：北京易讯理想科技有限公司，
类型：发明
国别省市：北京,11