网上银行页面的朗读方法及系统与流程

1.本发明涉及人工智能技术领域，尤其是一种网上银行页面的朗读方法及系统。


背景技术：

2.随着电子产品及业务的普及，针对电子银行的无障碍提出了要求，尤其是针对视觉障碍群体要求实现页面要素朗读辅助功能。
3.目前实现页面朗读借助市面三方的读屏软件进行定制化开发实现。
4.适配三方的读屏设计有的页面去逐一修改，增加指定标签，整体页面都需要去调整适配，对于已经生产稳定运行的系统改造影响较大，网上银行页面数量多达几千个页面，逐一修改的工作量也非常大。


技术实现要素：

5.本发明提供了网上银行页面的朗读方法及系统，用于解决现有借助三方应用实现读屏时工作量大的问题。
6.为实现上述目的，本发明采用下述技术方案：
7.本发明第一方面提供了网上银行页面的朗读方法，所述方法包括以下步骤：
8.获取页面上的鼠标悬停事件，根据所述鼠标悬停事件获取页面要素，并确定朗读对象；
9.对所述朗读对象进行文字处理，将处理后的文字上传至后端语音合成服务区，进行浏览器语音播报。
10.进一步地，所述获取页面上的鼠标悬停事件之前包括步骤：
11.解析页面元素，将鼠标悬停事件设置为拦截事件。
12.进一步地，对所述鼠标悬停事件设置防抖处理，具体为：
13.增加鼠标悬停的延迟时间，若在所述延迟时间内，对同一元素出现多次悬停操作，则将所述多次悬停操作绑定为一次拦截事件。
14.进一步地，所述获取页面要素的具体过程为：
15.获取当前鼠标悬停事件触发的事件元素，若所述事件元素的父级元素中包含预设属性，则所述页面要素含有所述预设属性的元素；
16.若事件元素的父级元素中不包含所述预设属性，则获取当前鼠标悬停事件触发的事件对象，遍历事件对象的子节点，得到页面要素。
17.进一步地，对所述朗读对象进行文字处理包括：
18.识别所述文字对应的dom对象，根据dom对象的类型进行对应描述。
19.进一步地，所述dom对象包括按钮、输入框、图片、文本域、下拉框和标题。
20.进一步地，所述将处理后的文字上传至后端语音合成服务区后，包括：
21.后端返回语音文件流；
22.接收所述语音文件流，并转化为blob对象，获取所述blob对象在内存中的url地
址，将所述url地址发送给audio对象的src属性。
23.本发明第二方面提供了网上银行页面的朗读系统，所述系统包括：
24.对象获取单元，用于获取页面上的鼠标悬停事件，根据所述鼠标悬停事件获取页面要素，并确定朗读对象；
25.朗读处理单元，用于对所述朗读对象进行文字处理，将处理后的文字上传至后端语音合成服务区，进行浏览器语音播报。
26.进一步地，所述系统还包括预处理单元，所述预处理单元用于解析页面元素，将鼠标悬停事件设置为拦截事件。
27.本发明第三方面提供了一种计算机存储介质，所述计算机存储介质中存储有计算机指令，所述计算机指令在所述的朗读系统上运行时，使所述朗读系统执行所述朗读方法的步骤。
28.本发明第二方面的所述网上银行页面的朗读系统能够实现第一方面及第一方面的各实现方式中的方法，并取得相同的效果。
29.发明内容中提供的效果仅仅是实施例的效果，而不是发明所有的全部效果，上述技术方案中的一个技术方案具有如下优点或有益效果：
30.本发明通过对鼠标悬停事件设置拦截，得到需朗读的对象，并进行文字处理后上传至后端语音合成服务，实现浏览器的语音播报，整个工程无需依赖三方设计，简化操作流程，且在对悬停事件设置防抖处理，保证朗读对象的准确性且避免无效操作，提高工作效率。
附图说明
31.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
32.图1是本发明所述方法实施例的流程示意图；
33.图2是本发明所述系统实施例的结构示意图。
具体实施方式
34.为能清楚说明本方案的技术特点，下面通过具体实施方式，并结合其附图，对本发明进行详细阐述。下文的公开提供了许多不同的实施例或例子用来实现本发明的不同结构。为了简化本发明的公开，下文中对特定例子的部件和设置进行描述。此外，本发明可以在不同例子中重复参考数字和/或字母。这种重复是为了简化和清楚的目的，其本身不指示所讨论各种实施例和/或设置之间的关系。应当注意，在附图中所图示的部件不一定按比例绘制。本发明省略了对公知组件和处理技术及工艺的描述以避免不必要地限制本发明。
35.考虑到通用修改方案的影响范围较大同时依赖系统读屏技术，语音朗读环节不可控。本发明实施例设计了针对页面操作事件的统一监听、拦截，页面要素的自动捕获、自动添加标签，再结合浏览器已具备的语音合成服务，捕获页面朗读文本信息后调用语音合成引擎实现语音合成，再返回播放，从而整体实现了页面朗读的功能。
36.如图1所示，本发明实施例提供了网上银行页面的朗读方法，该方法包括以下步
下拉框、title-标题等。
51.步骤s2中，所述将处理后的文字上传至后端语音合成服务区后，包括：
52.后端返回语音文件流；接收所述语音文件流，并转化为blob对象，获取所述blob对象在内存中的url地址，将所述url地址发送给audio对象的src属性。
53.如图2所示，本发明实施例提供了网上银行页面的朗读系统，所述系统包括对象获取单元1和朗读处理单元2。
54.对象获取单元1用于获取页面上的鼠标悬停事件，根据所述鼠标悬停事件获取页面要素，并确定朗读对象；朗读处理单元2用于对所述朗读对象进行文字处理，将处理后的文字上传至后端语音合成服务区，进行浏览器语音播报。
55.本发明系统实施例的其一实现方式中，所述系统还包括预处理单元3，所述预处理单元3用于解析页面元素，将鼠标悬停事件设置为拦截事件。
56.本发明实施例还提供了一种计算机存储介质，所述计算机存储介质中存储有计算机指令，所述计算机指令在所述的朗读系统上运行时，使所述朗读系统执行所述朗读方法的步骤。
57.上述虽然结合附图对本发明的具体实施方式进行了描述，但并非对本发明保护范围的限制，所属领域技术人员应该明白，在本发明的技术方案的基础上，本领域技术人员不需要付出创造性劳动即可做出的各种修改或变形仍在本发明的保护范围以内。


技术特征：
1.网上银行页面的朗读方法，其特征是，所述方法包括以下步骤：获取页面上的鼠标悬停事件，根据所述鼠标悬停事件获取页面要素，并确定朗读对象；对所述朗读对象进行文字处理，将处理后的文字上传至后端语音合成服务区，进行浏览器语音播报。2.根据权利要求1所述网上银行页面的朗读方法，其特征是，所述获取页面上的鼠标悬停事件之前包括步骤：解析页面元素，将鼠标悬停事件设置为拦截事件。3.根据权利要求2所述网上银行页面的朗读方法，其特征是，对所述鼠标悬停事件设置防抖处理，具体为：增加鼠标悬停的延迟时间，若在所述延迟时间内，对同一元素出现多次悬停操作，则将所述多次悬停操作绑定为一次拦截事件。4.根据权利要求1所述网上银行页面的朗读方法，其特征是，所述获取页面要素的具体过程为：获取当前鼠标悬停事件触发的事件元素，若所述事件元素的父级元素中包含预设属性，则所述页面要素含有所述预设属性的元素；若事件元素的父级元素中不包含所述预设属性，则获取当前鼠标悬停事件触发的事件对象，遍历事件对象的子节点，得到页面要素。5.根据权利要求1所述网上银行页面的朗读方法，其特征是，对所述朗读对象进行文字处理包括：识别所述文字对应的dom对象，根据dom对象的类型进行对应描述。6.根据权利要求5所述网上银行页面的朗读方法，其特征是，所述dom对象包括按钮、输入框、图片、文本域、下拉框和标题。7.根据权利要求1所述网上银行页面的朗读方法，其特征是，所述将处理后的文字上传至后端语音合成服务区后，包括：后端返回语音文件流；接收所述语音文件流，并转化为blob对象，获取所述blob对象在内存中的url地址，将所述url地址发送给audio对象的src属性。8.网上银行页面的朗读系统，其特征是，所述系统包括：对象获取单元，用于获取页面上的鼠标悬停事件，根据所述鼠标悬停事件获取页面要素，并确定朗读对象；朗读处理单元，用于对所述朗读对象进行文字处理，将处理后的文字上传至后端语音合成服务区，进行浏览器语音播报。9.根据权利要求8所述网上银行页面的朗读系统，其特征是，所述系统还包括预处理单元，所述预处理单元用于解析页面元素，将鼠标悬停事件设置为拦截事件。10.一种计算机存储介质，所述计算机存储介质中存储有计算机指令，其特征是，所述计算机指令在权利要求8或9所述的朗读系统上运行时，使所述朗读系统执行权利要求1-7任一项所述朗读方法的步骤。

技术总结
本发明提供了网上银行页面的朗读方法及系统，方法包括获取页面上的鼠标悬停事件，根据所述鼠标悬停事件获取页面要素，并确定朗读对象；对所述朗读对象进行文字处理，将处理后的文字上传至后端语音合成服务区，进行浏览器语音播报。本发明通过对鼠标悬停事件设置拦截，得到需朗读的对象，并进行文字处理后上传至后端语音合成服务，实现浏览器的语音播报，整个工程无需依赖三方设计，简化操作流程，且在对悬停事件设置防抖处理，保证朗读对象的准确性且避免无效操作，提高工作效率。提高工作效率。提高工作效率。


技术研发人员：杨建福 王向东 李扬 王月亭 张帅 袁明杰
受保护的技术使用者：山东省城市商业银行合作联盟有限公司
技术研发日：2022.01.27
技术公布日：2022/5/10