h5嵌入android的视频播放器

我是个小菜鸟,这是第一次接触视频行业,这次的项目要求h5页面嵌入android里面在webview的环境下做视频播放器,我的js水平不是很n,开始的想法是自己用js写个原生的播放器,最终放弃了,因为有好多细节待处理和优化。后来就从网上搜了好多插件,比如:video.js...等等,这些都是用浏览器的控件做的不可取,然后又试了下jPlayer.js插件,感觉不好用,样式也不怎么高大上。废话不多说了进入正题:

于是乎意外发现腾讯家出的一款视频插件zyMedia,功能齐全,上手容易,样式也显得高大上。这个插件的简介地址:https://github.com/ireaderlab/zyMedia

1.刚开始我没给video标签加source  type="video/mp4" 结果视频出不来,一直显示不支持此视频,加上就好用了

2.视频的上方显示的标题,实例是这样写的data-config='{"mediaTitle": "《疯狂动物城》"}';mediaTitle后面的值写死了好用,写成动态的不好用,最后研究发现

zymedia('video',{"mediaTitle":moviename,"autoplay": "true"});
最后大功告成了,分享给小伙伴们,不用谢我哦...哈哈

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 若想将H5页面嵌入到APP中并实现扫码功能,需要先导入相关的库文件,如Zxing库。 1.导入Zxing库 在工程目录下的build.gradle文件中加入如下代码: dependencies { ... implementation 'com.google.zxing:core:3.3.0' implementation 'com.journeyapps:zxing-android-embedded:3.6.0' ... } 2. 创建扫码功能 在H5页面中,创建一个按钮或其他触发扫码的元素,并调用APP中的扫码功能。 例如: <button onclick="scan()">扫码</button> <script> function scan() { window.android.scanQRCode(); } </script> 其中,window.android.scanQRCode()是调用APP中封装好的扫码方法。 3. 在APP中实现扫码功能 在APP的Java文件中创建一个WebViewClient类,并重写shouldOverrideUrlLoading()方法,通过判断H5中发出的请求,执行相应的操作(如打开扫码页面)。 例如: public class MyWebViewClient extends WebViewClient { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { if (url.startsWith("app://scanQRCode")) { scanQRCode(); return true; } return false; } } 其中,scanQRCode()方法即为执行扫码功能的方法。 至此,就可以实现在H5页面中调用APP中的扫码功能了。 ### 回答2: 在将H5嵌入到App中后,扫码功能的调用可以通过以下三种方式完成: 1.使用WebViewJavaScriptBridge 此方法需要在H5页面和原生App之间建立一个消息桥梁(WebViewJavaScriptBridge),并在App中注册一个方法来响应H5页面的调用,在H5页面中调用该方法即可触发App中的扫码功能。 2.APP开发时提供通用接口 在App开发时可以提供一些通用接口,例如扫码功能的接口,在H5页面中进行调用,App则会自动响应并执行相应的功能。 3.使用第三方扫码工具 在App中集成第三方扫码库,例如ZBar或ZXing等扫码库,并在H5页面中加入相应的调用方法,通过调用这些第三方库实现扫码功能。 总之,H5嵌入到App中后,调用扫码功能的实现方法取决于App开发者的需求以及技术实现能力。需要注意的是,在实现过程中应充分考虑到安全性和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值