经过webview打开HTML5页面用本身的浏览器点直播MP4和M3U8

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

可是因为android 对HTML5种Video标签支持的不怎么友好,因此在不用android 浏览器(处理videod的类html5

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

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

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

只要在<video>标签的点击事件中调用myjsInterface的方法并经过这个方法把视频的URI传递过来就达到咱们的目的了,这样的话咱们就能够循序渐进的把得到的URI传给咱们的播放组件进行播放。myjsInterface在JS 中的调用方法能够简单的写成这样浏览器

{架构

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

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

}
this

 

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();
      
    }
}spa

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

相关文章
相关标签/搜索