按钮背景的设置方法、装置、电子设备及可读存储介质制造方法及图纸

本申请公开了一种按钮背景的设置方法、装置、电子设备及可读存储介质，涉及电子技术领域及医疗健康领域，其中，方法包括：响应于启动浏览器页面的操作，加载预设弹窗页面，其中，预设弹窗页面用于申请摄像头权限；在用户授权摄像头权限的情况下，调用预设接口实时获取视频图像；获取浏览器页面中的至少一个按钮；将视频图像作为每个按钮的背景图像。通过上述方式，将实时采集到的视频图像映射到按钮背景中，可在按钮上呈现一种随摄像头采集视频变化的动态效果，增加了按钮的可视化体验，从而提高了按钮的视觉效果，同时增强了页面与用户之间的互动效果，提高了用户的使用体验，进而提升浏览器的使用率。升浏览器的使用率。升浏览器的使用率。

【技术实现步骤摘要】
按钮背景的设置方法、装置、电子设备及可读存储介质


[0001]本申请涉及电子
及医疗健康领域，特别是涉及一种按钮背景的设置方法、装置、电子设备及可读存储介质。

技术介绍

[0002]UI(User Interface，用户界面)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI包含了人机交互与图形用户接口，可以通过组件的形式进行展示。
[0003]现有的页面UI中，如医疗领域下的浏览器页面内的所有按钮，通常为统一的纯色背景图，使得按钮的背景样式过于单一。用户在浏览页面时，很难吸引用户继续浏览页面，用户体验感较差，进而导致浏览器使用率较低。

技术实现思路

[0004]有鉴于此，本申请提供了一种按钮背景的设置方法、装置、电子设备及可读存储介质，主要目的在于解决现有技术中页面按钮的背景图较为单调，用户体验感较差，很难吸引用户继续浏览页面，进而导致浏览器使用率较低的问题。
[0005]依据本申请第一方面，提供了一种按钮背景的设置方法，该方法包括：
[0006]响应于启动浏览器页面的操作，加载预设弹窗页面，其中，预设弹窗页面用于申请摄像头权限；
[0007]在用户授权摄像头权限的情况下，调用预设接口实时获取视频图像；
[0008]获取浏览器页面中的至少一个按钮；
[0009]将视频图像作为每个按钮的背景图像。
[0010]可选地，该方法还包括：
[0011]响应于调用预设接口获取视频图像的操作，触发图像处理指令；
[0012]响应于图像处理指令，对视频图像进行图像处理。
[0013]可选地，将视频图像作为每个按钮的背景图像的步骤，具体包括：
[0014]对于任一按钮，获取按钮对应的背景属性代码中的默认SRC属性参数；
[0015]获取视频图像对应的获取路径；
[0016]将获取路径替换默认SRC属性参数，生成第一目标背景属性代码；
[0017]执行第一目标背景属性代码，以将视频图像作为按钮的背景图像。
[0018]可选地，该方法还包括：
[0019]在用户未授权摄像头权限的情况下，对于任一按钮，获取按钮的功能类型；
[0020]根据功能类型，确定按钮对应的目标图片的图片地址；
[0021]根据图片地址，生成按钮的第二目标背景属性代码；
[0022]执行第二目标背景属性代码，以将目标图片作为按钮的背景图像。
[0023]可选地，根据功能类型，确定按钮对应的目标图片的图片地址的步骤，具体包括：
[0024]根据功能类型，在多个目标背景图片中，确定功能类型对应的目标图片；
[0025]获取目标图片的图片地址。
[0026]可选地，该方法还包括：
[0027]获取多个预设按钮的多个功能类型；
[0028]根据多个功能类型，为多个预设按钮配置多个背景图片；
[0029]对多个背景图片进行图像处理，生成多个目标背景图片；
[0030]存储多个目标背景图片。
[0031]可选地，图像处理包括以下至少一种：模糊处理和镜像处理。
[0032]依据本申请第二方面，提供了一种按钮背景的设置装置，该装置包括：
[0033]加载模块，用于响应于启动浏览器页面的操作，加载预设弹窗页面，其中，预设弹窗页面用于申请摄像头权限；
[0034]第一获取模块，用于在用户授权摄像头权限的情况下，调用预设接口实时获取视频图像；
[0035]第二获取模块，用于获取浏览器页面中的至少一个按钮；
[0036]设置模块，用于将视频图像作为每个按钮的背景图像。
[0037]可选地，该装置还包括：
[0038]触发模块，用于响应于调用预设接口获取视频图像的操作，触发图像处理指令；
[0039]处理模块，用于响应于图像处理指令，对视频图像进行图像处理。
[0040]可选地，设置模块，具体用于：
[0041]对于任一按钮，获取按钮对应的背景属性代码中的默认SRC属性参数；
[0042]获取视频图像对应的获取路径；
[0043]将获取路径替换默认SRC属性参数，生成第一目标背景属性代码；
[0044]执行第一目标背景属性代码，以将视频图像作为按钮的背景图像。
[0045]可选地，该装置还包括：
[0046]第三获取模块，用于在用户未授权摄像头权限的情况下，对于任一按钮，获取按钮的功能类型；
[0047]确定模块，用于根据功能类型，确定按钮对应的目标图片的图片地址；
[0048]第一生成模块，用于根据图片地址，生成按钮的第二目标背景属性代码。
[0049]可选地，设置模块，还用于执行第二目标背景属性代码，以将目标图片作为按钮的背景图像。
[0050]可选地，确定模块，具体用于：
[0051]根据功能类型，在多个目标背景图片中，确定功能类型对应的目标图片；
[0052]获取目标图片的图片地址。
[0053]可选地，该装置还包括：
[0054]第四获取模块，用于获取多个预设按钮的多个功能类型；
[0055]配置模块，用于根据多个功能类型，为多个预设按钮配置多个背景图片；
[0056]第二生成模块，用于对多个背景图片进行图像处理，生成多个目标背景图片；
[0057]存储模块，用于存储多个目标背景图片。
[0058]可选地，图像处理包括以下至少一种：模糊处理和镜像处理。
[0059]依据本申请第三方面，提供了一种电子设备，包括存储器和处理器，所述存储器存
储有计算机程序，所述处理器执行所述计算机程序时实现第一方面中任一项所述方法的步骤。
[0060]依据本申请第四方面，提供了一种可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现第一方面中任一项所述的方法的步骤。
[0061]借由上述技术方案，本申请提供的一种按钮背景的设置方法、装置、电子设备及可读存储介质，具体地，当获取到用户启动浏览器页面的操作时，在浏览器页面上弹出预设弹窗，以供用户对摄像头权限进行授权。若获取用户的摄像头权限，利用摄像头实时采集视频图像，并将采集到的视频图像替换掉浏览器页面中每个按钮的默认背景图像，使得采集到的视频图像能够实时映射到浏览器页面中每个按钮的背景上。相较于现有技术中，采用统一颜色的静态图片作为浏览器页面中所有按钮的背景图，存在比较固定，导致按钮背景单一，视觉效果较差的问题，本申请将实时采集到的视频图像映射到按钮背景中，可在按钮上呈现一种随摄像头采集视频变化的动态效果，增加了按钮的可视化体验，从而提高了按钮的视觉效果，同时增强了页面与用户之间的互动效果，提高了用户的使用体验，进而提升页面的使用率。
[0062]上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种按钮背景的设置方法，其特征在于，包括：响应于启动浏览器页面的操作，加载预设弹窗页面，其中，所述预设弹窗页面用于申请摄像头权限；在用户授权摄像头权限的情况下，调用预设接口实时获取视频图像；获取所述浏览器页面中的至少一个按钮；将所述视频图像作为每个按钮的背景图像。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于调用所述预设接口获取所述视频图像的操作，触发图像处理指令；响应于所述图像处理指令，对所述视频图像进行图像处理。3.根据权利要求1所述的方法，其特征在于，所述将所述视频图像作为每个按钮的背景图像的步骤，具体包括：对于任一按钮，获取按钮对应的背景属性代码中的默认SRC属性参数；获取所述视频图像对应的获取路径；将所述获取路径替换所述默认SRC属性参数，生成第一目标背景属性代码；执行所述第一目标背景属性代码，以将所述视频图像作为所述按钮的所述背景图像。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：在用户未授权摄像头权限的情况下，对于任一按钮，获取按钮的功能类型；根据所述功能类型，确定所述按钮对应的目标图片的图片地址；根据所述图片地址，生成所述按钮的第二目标背景属性代码；执行所述第二目标背景属性代码，以将所述目标图片作为所述按钮的所述背景图像。5.根据权利要求4所述的方法，其特征在于...

【专利技术属性】
技术研发人员：孙万浩，
申请(专利权)人：康键信息技术深圳有限公司，
类型：发明
国别省市：