萤石(海康视频)---vue中使用(ezuikit-js)

第一次使用萤石直播接入vue中使用,遇到了很多坑,在下面总结以下:

萤石官网:https://open.ys7.com/cn

这个是ezuikit-js的使用方法: https://www.npmjs.com/package/ezuikit-js

第一个坑:

    通过官网给的接口https://open.ys7.com/api/lapp/token/get获取accessToken,传入appKey和appSecret后,发现报‘10001’的错,但检查了格式都是正确的,结果发现他的请求头是这样的: 'Content-Type': 'application/x-www-form-urlencoded',所以手动弄成了FormData的形式:

async getToken () {
const data = new FormData( )
data . append( ' appKey','你的appkey' )
data . append( ' appSecret','你的appkey' )
const res = await getAccessToken( data)
this.accessToken = res. data.data.accessToken
},

第二个坑:

    在uni-app上引入直播,获取accessToken的方式一样,但是不用弄成FormData的形式;app上也可以不用引入ezuikit-js,直接使用web-view引入播放地址就可以正常播放了,但是布局样式我不知道能不能修改。

第三个坑:

    这个是业务上的坑,由于是在4G摄像头是放在树下面的,切换的时候需要调用stop()方法来清空,但是始终不能清空所以只好想了一个笨方法,先把渲染的数据置为空然后渲染后,再重新赋值数据进行渲染:

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 24
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值