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

  次阅读 作者:智能小宝 来源:互联网 2015-10-02 21:16 我要评论(0)

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

}

}

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...