[发明专利]一种页面布局方法和装置

说明书

本发明公开了一种页面布局方法和装置，方法包括：向机器学习平台加载预设的模型库，并据此在机器学习平台中确定功能函数；获取并将外部环境信息流传输到页面的指定标签，使用功能函数在机器学习平台中处理指定标签中的外部环境信息流，以获得参考数据并将其写入层叠样式表；基于层叠样式表而响应式地确定或调整页面布局中的多个显示属性。本发明能够基于用户自身及所处环境确定用户偏好并个性化地提供响应式网页布局，提升浏览体验。

技术领域

本发明涉及网页领域，更具体地，特别是指一种页面布局方法和装置。

背景技术

长久以来，开发人员主要使用CSS(层叠样式表)媒体查询进行响应式的Web(网页)页面开发，这种方式向不同设备提供不同样式，为不同设备的用户提供相应最佳的体验。但是这种方式只能针对用户所使用的设备及屏幕来提升用户体验，缺乏更多信息的支持，无法满足实际生活中用户的个性化需求和浏览体验。

针对现有技术中CSS页面不支持面向不同用户的个性化需求的问题，目前尚无有效的解决方案。

发明内容

有鉴于此，本发明实施例的目的在于提出一种页面布局方法和装置，能够基于用户自身及所处环境确定用户偏好并个性化地提供响应式网页布局，提升浏览体验。

基于上述目的，本发明实施例的第一方面提供了一种页面布局方法，包括执行以下步骤：

向机器学习平台加载预设的模型库，并据此在机器学习平台中确定功能函数；

获取并将外部环境信息流传输到页面的指定标签，使用功能函数在机器学习平台中处理指定标签中的外部环境信息流，以获得参考数据并将其写入层叠样式表；

基于层叠样式表而响应式地确定或调整页面布局中的多个显示属性。

在一些实施方式中，向机器学习平台加载预设的模型库包括：向机器学习平台加载人脸识别模型库、实时手势检测模型库、人体姿势评估模型库。

在一些实施方式中，方法还包括：基于人脸识别模型库确定的功能函数确定用户与屏幕的距离和用户的表情；基于实时手势检测模型库确定的功能函数确定用户的手势；基于人体姿势评估模型库确定的功能函数确定用户的肢体动作。

在一些实施方式中，获取并将外部环境信息流传输到页面的指定标签包括：获取用户摄像头的访问权限，并基于访问权限从用户摄像头采集视频数据流作为外部环境信息流传输到页面的视频标签。

在一些实施方式中，使用功能函数在机器学习平台中处理指定标签中的外部环境信息流，以获得参考数据包括：使用功能函数在机器学习平台中对视频数据流持续执行数据分类，并将获得的数据分类结果作为参考数据。

在一些实施方式中，写入层叠样式表包括：将数据分类结果写入层叠样式表的自定义属性。

在一些实施方式中，基于层叠样式表而响应式地确定或调整页面布局中的多个显示属性包括：确定或调整页面布局中使用的可变字体的类型、属性参数、和层叠样式表样式。

在一些实施方式中，可变字体的属性参数包括以下至少之一：粗细、宽度、光学尺寸、倾斜度、和斜体。

在一些实施方式中，方法还包括：在确定或调整页面布局中的多个显示属性时，还相应地调整页面布局中的多个声音属性。

本发明实施例的第二方面提供了一种装置，包括：

处理器；

控制器，存储有处理器可运行的程序代码，处理器在运行程序代码时执行以下步骤：

向机器学习平台加载预设的模型库，并据此在机器学习平台中确定功能函数；