具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明的目的是提供一种在安卓系统中通过js同步控制网页音乐播放状态的方法，以解决现有安卓系统在播放网页资源的音乐时，只能停留在网页播放器界面，无法同时浏览其他内容，且网页中音乐的播放状态无法通过安卓原生app同步状态和控制。

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

实施例1：

本实施例提供一种在安卓系统中通过js同步控制网页音乐播放状态的方法，如图1所示，方法包括以下步骤：

(1)创建Service；

(2)创建webview；

(3)加载网页url，并播放音乐；

(4)通过js获取并控制网页播放器状态。

具体地，步骤(1)具体为：

(11)启动安卓app；

(12)通过调用bindService的方法创建Service，并获取Srevice对象保存在app中，为后续的播放控制提供调用入口，app中绑定Service对象，Service的生命周期和application一致，即只要app存活，Service就存活，Service中的对象就存活。

进一步地，步骤(2)具体为：

(21)在Service中创建webview；

(22)开启webview的js支持功能，设置webview网页加载状态和重定向监听，开启js支持功能才可以通过js获取和控制音乐播放状态，网页加载状态监听可以获取网页加载完成，错误等信息，重定向监听，可以对网页跳转做过滤。

具体算法为：

WebView webView＝new WebView(getApplicationContext())；

WebSettings settings＝webView.getSettings()；

settings.setDomStorageEnabled(true)；

settings.setJavaScriptEnabled(true)；

settings.setLoadWithOverviewMode(true)；

settings.setUseWideViewPort(true)；

settings.setPluginState(WebSettings.PluginState.ON)；

settings.setMixedContentMode(0)；

settings.setMediaPlaybackRequiresUserGesture(false)；

webView.requestFocus()；

webView.setWebViewClient(new PlayWebViewClient())；

webView.setWebChromeClient(new PlayWebChromeClient())；

进一步地，步骤(3)具体为：

(31)调用webview的loadurl加载相应的网页，网页的加载结果会通过步骤(22)中的网页加载状态监听上报；

(32)当收到网页加载完成的回调时，获取当前音乐的播放时长。

具体算法为：

String javascriptStr＝"javascript:document.getElementById('h5audio_media').duration"；

webView.evaluateJavascript(javascriptStr,callback)；

进一步地，步骤(4)具体为：

(41)启动定时器每隔1秒钟通过js代码调用获取一次网页的播放器状态；具体算法为：

String javascriptStr＝"javascript:document.getElementById('h5audio_media').paused"；

webView.evaluateJavascript(javascriptStr,callback)；

(42)当获取的播放状态为正在播放，则获取当前的播放进度；对比当前播放进度与音乐的播放时长，当当前播放进度大于或者等于音乐的播放时长时，判断一首歌播放结束，切换至下一首歌；具体算法为：

String javascriptStr＝"javascript:document.getElementById('h5audio_media').currentTime"；

webView.evaluateJavascript(javascriptStr,callback)；

(43)通过js控制网页音乐的播放和暂停；

其中，播放的算法为：

String javascriptStr＝"javascript:document.getElementById('h5audio_media').play()"；

webView.evaluateJavascript(javascriptStr,callback)；

暂停的算法为：

String javascriptStr＝"javascript:document.getElementById('h5audio_media').pause()"；

webView.evaluateJavascript(javascriptStr,callback)；

通过viewgroup的addView方法，需要展示网页时，将webview添加到父布局中，界面销毁时通过removeView方法，将webview移除。

当webview不可以见时，可以通过步骤(4)中的js方法获取和控制音乐的播放状态。

本发明应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处。综上，本说明书内容不应理解为对本发明的限制。