[发明专利]网页音频播放方法、装置、计算机设备及存储介质

说明书

本发明公开了一种网页音频播放方法、装置、计算机设备及存储介质，该方法包括：当接收到网页跳转请求时，响应网页跳转请求，获取网页标识唯一标记的目标网页的目标元素，采用目标元素替换原始网页中的其他元素，当网页跳转请求为直接网页跳转请求时，采用原始网页中的音频组件对目标音频进行播放，当网页跳转请求为间接网页跳转请求时，根据原始网页中存储层的播放记录，采用音频组件对目标音频进行播放或暂停，将等待界面删除指令、输出方式、目标网页和正在播放或暂停的目标音频发送至客户端，从而可以保证当从一个网页跳转至另一个网页时，正常地播放或暂停音频，避免了在每个网页中都添加音频组件的情况，降低了人力成本。

技术领域

本发明涉及数据处理领域，尤其涉及一种网页音频播放方法、装置、计算机设备及存储介质。

背景技术

随着WEB技术的不断发展，网页的功能愈加完善，尤其，在网页中播放音频的这项功能越来越得到完善。

在采用HTML5技术的网页中，实现了让客户端不安装任何音频软件播放器便能播放音频的功能，但是，当从一个正在播放音频的网页跳到另一个网页时，音频便不能正常播放。在现有技术中，可以采用IFRAME技术实现音频继续正常播放，但是会破坏网页的原有结构，对稳定性带来不可预料的影响，从而导致音频播放的稳定性低下，同时需要在每个网页中添加音频组件，导致人力成本过高。

因此，寻找一种稳定及低人力成本的音频播放方法成为本领域技术人员亟需解决的问题。

发明内容

基于此，有必要针对上述技术问题，提供一种可以提高稳定性及降低人力成本的音频播放方法、装置、计算机设备及存储介质。

一种网页音频播放方法，包括：

接收用户在原始网页中发起的网页跳转请求，其中，所述原始网页包括用于播放目标音频的音频组件、用于存储所述目标音频及所述目标音频的播放记录的存储层和其他元素，所述其他元素为所述原始网页中除所述网页存储层和所述音频组件之外的元素，所述网页跳转请求包括所述播放记录和待跳转的目标网页的网页标识；

响应所述网页跳转请求，同时将网页跳转等待指令和跳转等待界面发送至所述客户端，以使得所述客户端根据所述网页跳转等待指令，对所述跳转等待界面进行显示处理；

调用react-router路由系统，并采用所述react-router路由系统获取所述网页标识唯一标记的所述目标网页的目标元素；

采用所述目标元素替换所述原始网页中的所述其他元素，得到替换后的所述原始网页作为所述目标网页；

确定所述网页跳转请求为直接网页跳转请求或间接网页跳转请求；

当所述网页跳转请求为所述直接网页跳转请求时，按照所述目标音频的开始节点至结束节点的先后顺序，采用所述音频组件对所述目标音频进行播放；

当所述网页跳转请求为所述间接网页跳转请求时，根据所述播放记录，采用所述音频组件对所述目标音频进行播放或暂停；

将等待界面删除指令、预设的输出方式、所述目标网页和正在播放或暂停的所述目标音频发送至所述客户端，以使得所述客户端根据所述等待界面删除指令将所述跳转等待界面进行删除处理，同时按照所述输出方式，对所述目标网页和正在播放或暂停的所述目标音频进行输出处理。

一种网页音频播放装置，包括：

接收模块，用于接收用户在原始网页中发起的网页跳转请求，其中，所述原始网页包括用于播放目标音频的音频组件、用于存储所述目标音频及所述目标音频的播放记录的存储层和其他元素，所述其他元素为所述原始网页中除所述网页存储层和所述音频组件之外的元素，所述网页跳转请求包括所述播放记录和待跳转的目标网页的网页标识；