通过webview打开HTML5页面用自己的浏览器点直播MP4和M3U8

如标题所示,借用webview的功用,我们可以快速的开发一款功能不是太多的视频点直播客户端

但是由于android 对HTML5种Video标签支持的不怎么友好,所以在不用android 浏览器(处理videod的类

只支持浏览器,可以看看API)或者你没有自己对video进行详细处理{有兴趣的朋友可以看看一下的框架主要包含三种类型的类对象
  一类是video元素类(HTMLElement, HTMLMediaElement,HTMLVideoElement)

  第二类是架构类和接口(MediaPlayerClient,MediaPlayer,MediaPlayerPrivateInterface);

  第三类是具体实现播放功能的类(MediaPlayerPrivate, HTML5VideoviewProxy ).该部分是我可以移植的,可以添加自己的播放类.}的话,最可能出现的情况是我们点击页面中video的的时候,它变一下色然后就不鸟你了,你想见的视频画面只能停留在下一秒的想象中了,况且我们是想用自己的播放组件播放M3u8这种在android中比较麻烦的视频格式,我们可能需要从页面中单击video后获的视频资源的URI地址就可以了,那么现在我们面对的问题就是简单的页面传值到播放组件的问题了,这样就简单一些了,我采用的方式是,采用JS,在页面中用简单的JS代码获得以下视频的URI,然后作为参数传到后台,android中webview可以让你添加自定义的JavascriptInterface(如: webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(myjsInterface, "JSInterface"))

只要在<video>标签的点击事件中调用myjsInterface的方法并通过这个方法把视频的URI传递过来就达到我们的目的了,这样的话我们就可以按部就班的把获得的URI传给我们的播放组件进行播放。myjsInterface在JS 中的调用方法可以简单的写成这样

{

<video onclick="playVideo('http://192.168.121.121/test.m3u8')"/>

function playVideo(video){ window.JSInterface.startVideo(video);}

}

 

public class MyJSInterface {
    private Activity activity;

    public MyJSInterface (Activity activiy) {
        this.activity = activiy;
    }

    public void startVideo(String videoAddress){
        Toast.makeText(activity, videoAddress, Toast.LENGTH_LONG).show();
      
    }
}

具体可以看http://stackoverflow.com/questions/1711078/html5-video-element-on-android

你可能感兴趣的:(js,html5,video,webView)