码迷,mamicode.com
首页 > Web开发 > 详细

WebView中音视频自动播放与退出时停止播放

时间:2016-05-12 14:32:21      阅读:330      评论:0      收藏:0      [点我收藏+]

标签:

背景:
项目需求是进入页面自动播放音频或者视频(非本地资源),页面关闭时音频或视频关闭。现在实现情况是:自动播放功能在有些手机上可以自动播放并有声音,有的手机上也播放但没有声音,当用户点击或者产生触发条件下才会有声音;退出关闭当前Activity,音频或视频并没有关闭,还在播放。

解决方法:

1、Activity退出时关闭音频或视频

重写Activity的onDestroy()方法,在方法里添加webView.destroy()方法。

@Override
protected void onDestroy() {
    super.onDestroy();
    //为了使WebView退出时音频或视频关闭
    webView.destroy();
}

2、音频或视频自动播放

写一个自动播放的方法,分别在Activity的onCreate()方法、WebViewClient的onPageFinished()中执行该方法。

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.webview_activity);
    ......
    autoPlay();
}

private class MyWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
       ......
    }

    @Override
    public void onPageFinished(WebView view, String url) {
       ......
        autoPlay();
    ......
    }

    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        ......
    }
}

/**
 * 使视频或音频自动播放,默认播放第一条
 */
public void autoPlay() {
    //音频自动播放js方法
    String audioJs = "javascript: var v = document.getElementsByTagName(‘audio‘); v[0].play();";
    webView.loadUrl(audioJs);
    //视频自动播放js方法
    String videoJs = "javascript: var v = document.getElementsByTagName(‘video‘); v[0].play();";
    webView.loadUrl(videoJs);
}

不足:

如果WebView中既有音频也有视频的话,会导致它们同时播放;如果音频播放过程中要播放视频,音频要暂停,视频播放完音频要接着播放;还有一些更加复杂的场景这个并没有实现。

以上仅是个人见解,有问题请大家多多指教。

WebView中音视频自动播放与退出时停止播放

标签:

原文地址:http://blog.csdn.net/zhangshan9247/article/details/51360662

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!