更新记录

1.0.1(2020-06-17)

对于没有云台的设备,新增了直接全屏播放的调用函数

1.0.0(2020-06-12)

修改插件采集的数据、发送的服务器地址、以及数据用途说明

查看更多

平台兼容性

Android

iOS

适用版本区间:6.0 - 9.0 支持CPU类型:armeabi-v7a,arm64-v8a,x86

×

原生插件通用使用流程:

购买插件,选择该插件绑定的项目。

在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。

根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。

打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。

开发完毕后正式云打包

注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

插件使用说明:

1.确保设备可以通过ip地址直接访问

2.已知设备的ip地址、账号、密码、端口号、通道号即可直接连接设备

3.示例代码:

实时视频预览

直接全屏预览

```javascript

//导入本地插件

const hk = uni.requireNativePlugin('hk-preview');

export default {

data() {

return {

title: 'Hello'

}

},

onLoad() {

},

methods: {

hkPreview() {

//有云台设备,显示操作云台菜单

//ip地址,用户名,密码,端口号,通道号

hk.startActivity("192.168.1.102","admin","123456","8000","1")

},

hkFullPreview() {

//无云台设备直接全屏播放

//ip地址,用户名,密码,端口号,通道号

hk.startFullActivity("192.168.1.102","admin","123456","8000","1")

}

}

}

html 预览海康实时视频,海康视频实时预览插件相关推荐

  1. 不同手机型号图文预览_使用Adobe Preview 在手机上实时预览设计图

    当你做完设计稿,还要一张张发送到手机查看效果,这些琐事大大降低了设计师的工作效率.Adobe Preview 正是为了解决这个问题而生. 作为设计师,熬夜赶稿成了加成便饭.可是时间要花在刀刃上.要不然 ...

  2. html上传头像及预览,JS实现上传头像并实时预览

    说起各大网站的用户中心功能,其中就少不了用户头像上传这个小小的功能,如果我们依托框架来编写的的话,相信非常的容易,但如果我们自己来单纯的使用JS来实现头像上传,并在选择本地头像的时候,实现预览我想也是 ...

  3. 基于 WebRTC 的 RTSP 视频实时预览

    WebRTC相关视频讲解: 什么是WebRTC WebRTC入门到精通该怎么学? WebRTC框架剖析 音视频流媒体高级开发:FFmpeg/WebRTC/RTMP/NDK/Android音视频流媒体高 ...

  4. html 实时预览在线,用HTML+CSS做一个实时预览的markdown编辑器

    markdown编辑器 *{margin:0;padding:0;outline:none;border-radius:0; } html,body{width:100%;height:100%;fo ...

  5. vue2实现海康威视根据海康插件进行监控实时预览和回放功能,全套代码,开箱即用。

    这是一套拿到手就能直接用的根据海康提供的摄像机节点实时预览和回放的全步骤代码,开箱即用. 前言 我的是基于vue2写的,vue3可以看我下一篇文章.  点击跳转至vue3关于海康视频开发文章. 很多人 ...

  6. 网络监控摄像头流媒体视频管理平台实时预览零延迟支持海康威视浙江大华宇视等解决方案分析

    方案简介 网络摄像头监控视频低延迟一直是一个比较难以解决的问题,很多非音视频开发专业的技术人员,花费了大量精力开发出来的各种集成网络监控摄像头在浏览器Web网页实时播放的程序,要么延迟非常高,要么及其 ...

  7. itextpdf中文不显示_LaTeX实时预览中文

    参考资料:http://blog.sina.com.cn/s/blog_6ea58f530101aizw.html 先说一下我的解决方案(Texpad + CJK packages) Texpad是m ...

  8. textedit实时显示位置_加什么地形就看什么等高线!等高线实时预览就是这么爽...

    做规划.做设计.选场地.水文分析.玩户外,哪个都不离开等高线地图. 目前能找到的等高线地图(OpenCycleMap.Garmin矢量地图等)都不太好用:加载速度慢.渲染效果不太好.无法对地形进行渲染 ...

  9. 如何实现H5可视化编辑器的实时预览和真机扫码预览功能

    往期精彩 基于NodeJS从零构建线上自动化打包工作流(H5-Dooring特别版) 在线IDE开发入门之从零实现一个在线代码编辑器 基于React+Koa实现一个h5页面可视化编辑器-Dooring ...

最新文章

  1. JSBridge深度剖析
  2. uart与usart区别
  3. zookeeper无故挂掉,启动不起来的问题
  4. 使用ANT打包Android应用
  5. ARC_xp_20160530
  6. 透析WINCE的控制面板
  7. 上班又能摸鱼啦!在M1芯片的macbook上刷朋友圈可还行?
  8. C语言输入中10A20B,C语言实验报告第3章答案.doc
  9. utl_file包的使用
  10. 使用nginx反向代理解决前端跨域问题
  11. Makefile教程(绝对经典,所有问题看这一篇足够了)
  12. c语言 函数-斐波那契数列,c语言斐波那契数列递归法(示例代码)
  13. 视频教程-网络工程师实战系列视频课程【VLAN专题】-网络技术
  14. nRF51822 官方 Blinky 工程(多彩 LED)
  15. 计算机中的数据(原码,反码,补码)
  16. 竞品分析—微博PK微信
  17. 使用itext和freemarker来根据Html模板生成PDF文件,加水印、印章
  18. jQuery带有动画的返回顶部
  19. 梳理chromium/chrome/谷歌浏览器对flash的支持
  20. USB3.0之高速视频传输测试 双目相机(mt9p031、mt9m001)带宽高达300M测试 配合isensor测试 500万像素15fps...

热门文章

  1. HarmonyOS JS UI
  2. c语言staticint的作用,c语言中static是什么意思?作用是什么
  3. ICML2018论文研讨会记录
  4. tomcat put方法任意写文件漏洞
  5. 《YOLACT:Real-time Instance Segmentation》论文阅读
  6. 蓝库云|制造业该如何利用WMS仓库管理系统赋能企业发展
  7. Whale帷幄 - saas营销推广策划 saas营销解决方案
  8. C语言margin的作用是,你真的懂margin吗?
  9. 微信视频号直播功能玩法详解:国仁楠哥
  10. 阿里的绩效考核:赏明星,杀白兔,野狗要示众