基于微信的H5页面的音频自动播放的方法及设备技术

本发明专利技术提供的基于微信的H5页面的音频自动播放的方法及设备，通过将微信的JS‑SDK文件引入至HTML5中；获取待播放的音频文件，并执行微信中的第一配置文件；通过微信中的第二配置文件进行监听，完成所述音频文件的自动播放，在iOS端中实现了音频文件的自动播放，提高用户体验。

【技术实现步骤摘要】
基于微信的H5页面的音频自动播放的方法及设备
本专利技术涉及计算机
，特别涉及基于微信的H5页面的音频自动播放的方法。
技术介绍
通常在移动端H5页开发时会遇到需要音频自动播放的需求，例如进入页面自动播放背景音乐/听书功能自动播放等。安卓手机浏览器可以直接支持音频自动播放，但iOS平台出于安全考虑在用户未进行任何操作时无法自动播放音频。
技术实现思路
(一)要解决的技术问题为了解决现有技术的上述问题，本专利技术提供的基于微信的H5页面的音频自动播放的方法，能够在iOS端中实现音频文件的自动播放，提高用户体验。(二)技术方案为了达到上述目的，本专利技术采用的一种技术方案为：基于微信的H5页面的音频自动播放的方法，包括步骤：S1、将微信的JS-SDK文件引入至HTML5中；S2、获取待播放的音频文件，并执行微信中的第一配置文件；S3、通过微信中的第二配置文件进行监听，完成所述音频文件的自动播放。为了达到上述目的，本专利技术采用的另一种技术方案为：基于微信的H5页面的音频自动播放的设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现以下步骤：S1、将微信的JS-SDK文件引入至HTML5中；S2、获取待播放的音频文件，并执行微信中的第一配置文件；S3、通过微信中的第二配置文件进行监听，完成所述音频文件的自动播放。(三)有益效果本专利技术的有益效果在于：通过将微信的JS-SDK文件引入至HTML5中；获取待播放的音频文件，并执行微信中的第一配置文件；通过微信中的第二配置文件进行监听，完成所述音频文件的自动播放，在iOS端中实现了音频文件的自动播放，提高用户体验。附图说明图1为本专利技术实施例的基于微信的H5页面的音频自动播放的方法流程图；图2为本专利技术实施例的基于微信的H5页面的音频自动播放的设备的结构示意图。【附图标记说明】1：基于微信的H5页面的音频自动播放的设备；2：存储器；3：处理器。具体实施方式为了更好的解释本专利技术，以便于理解，下面结合附图，通过具体实施方式，对本专利技术作详细描述。请参照图1，基于微信的H5页面的音频自动播放的方法，包括步骤：S1、将微信的JS-SDK文件引入至HTML5中；S2、获取待播放的音频文件，并执行微信中的第一配置文件；所述第一配置文件为wx.config配置文件。具体地，在获取到待播放音频文件后，执行wx.config({...})，配置信息可以为错误信息；S3、通过微信中的第二配置文件进行监听，完成所述音频文件的自动播放。所述第二配置文件为wx.ready配置文件。具体地，所述Wx.config和wx.ready是两个函数调用的，第一个调用是初始化，第二个调用是等待初始化完成后执行监听动作。步骤S3具体为：通过微信中的第二配置文件进行监听，并在回调函数中进行触发所述音频文件的加载和播放，完成所述音频文件的自动播放。具体地，通过wx.ready(function(){...})进行监听，在回调函数中触发音频加载和播放。另外，当加载新的音频文件时，只需要重复步骤S2和S3，音频文件的播放的效率高，提高了用户体验。实施例二请参照图2，基于微信的H5页面的音频自动播放的设备1，包括存储器2、处理器3及存储在存储器2上并可在处理器3上运行的计算机程序，所述处理器3执行所述程序时实现实施例一中的各个步骤。以上所述仅为本专利技术的实施例，并非因此限制本专利技术的专利范围，凡是利用本专利技术说明书及附图内容所作的等同变换，或直接或间接运用在相关的
，均同理包括在本专利技术的专利保护范围内。本文档来自技高网...

【技术保护点】
1.基于微信的H5页面的音频自动播放的方法，其特征在于，包括步骤：/nS1、将微信的JS-SDK文件引入至HTML5中；/nS2、获取待播放的音频文件，并执行微信中的第一配置文件；/nS3、通过微信中的第二配置文件进行监听，完成所述音频文件的自动播放。/n

【技术特征摘要】
1.基于微信的H5页面的音频自动播放的方法，其特征在于，包括步骤：
S1、将微信的JS-SDK文件引入至HTML5中；
S2、获取待播放的音频文件，并执行微信中的第一配置文件；
S3、通过微信中的第二配置文件进行监听，完成所述音频文件的自动播放。


2.根据权利要求1所述的基于微信的H5页面的音频自动播放的方法，其特征在于，所述第一配置文件为wx.config配置文件。


3.根据权利要求1所述的基于微信的H5页面的音频自动播放的方法，其特征在于，所述第二配置文件为wx.ready配置文件。


4.根据权利要求1所述的基于微信的H5页面的音频自动播放的方法，其特征在于，步骤S3具体为：
通过微信中的第二配置文件进行监听，并在回调函数中进行触发所述音频文件的加载和播放，完成所述音频文件的自动播放。


5.基于微信的H5页面的音频自动播...

【专利技术属性】
技术研发人员：林谋洪，
申请(专利权)人：福州掌中云科技有限公司，
类型：发明
国别省市：福建;35