‘Uni-app’ Articles at 小果冻之家

uniapp接入并播放海康摄像头监控画面

最近项目上有个需求，使用uniapp开发的APP需要接入海康威视的摄像头并播放监控画面，后期可能还要在微信小程里实现同样的功能，所以采用的接入方案最好是同时支持APP和小程序。

海康摄像头的型号就先不放了，中间经历了联系海康的客服、自己激活、尝试各种接入方式，没少浪费时间，现将最终的接入方法总结如下，以最省事的方式来。

### 有线接入方式

UniApp中可以使用`plus`对象中的`contacts`获取手机通讯录。

话不多说，直接给出代码。

视图层：

使用UniApp可以很方便地进行直播App/小程序的开发，但有一些注意点。

前提

最近用UniApp做了一个聊天App，语音视频通话这块儿，测试了两家的方案，AnyRTC和腾讯家的。

1. AnyRTC

由于项目需求，需要针对uni-app开发原生的Android插件，以便调用微信小程序支付。

主要参考了两篇文章。

uni-app在APP端可以很方便地调起微信APP支付，官方给出的调用代码：

其中`orderInfo`字段是由后台返回的。

uni-app H5页面会有跨域的问题。

解决方法需要服务器端和前端配合。

服务器端，以PHP为例:

ThinkPHP5默认不允许跨域，需要修改下header项。

在 `public/index.php`中，`define`之前加上