展会信息港展会大全

通过webview打开HTML5页面用自己的浏览器点直播MP4和M3U8
来源:互联网   发布日期:2015-10-02 21:16:33   浏览:2779次  

导读:如标题所示,借用webview的功用,我们可以快速的开发一款功能不是太多的视频点直播客户端但是由于android 对HTML5种Video标签支持的不怎么友好,所以在不用android 浏览器(处理videod的类只支持浏览器,可以看......

如标题所示,借用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();

}

}

赞助本站

人工智能实验室

相关热词: webview HTML5 浏览器

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港