uniapp播放海康威视rtsp格式的监控
使用uniapp播放海康威视rtsp://admin:123456@127.0.0.1/Streaming/Channels/101格式的视频.利用萤石云开放平台[传送门](https://open.ys7.com/console/device.html)
·
使用uniapp播放海康威视rtsp://admin:123456@127.0.0.1/Streaming/Channels/101格式的视频.
利用萤石云开放平台
[传送门](https://open.ys7.com/console/device.html)
1、注册账户并添加设备
2、查看信息
- 选择对应的通道号,点击监控地址
- 然后就可以得到accesstoken及ur
3、hbuilder中写法
<iframe
src="https://open.ys7.com/ezopen/h5/iframe?url=你的url&autoplay=1&accessToken=你的token"
width="100%"
height="100%"
id="ysOpenDevice"
allowfullscreen
>
</iframe>
4、打包apk后效果实现
5、获取accessToken
- 由于accessToken6天过期,所以需要定时重新获取:https://open.ys7.com/doc/zh/book/index/user.html
- 接口需要的secret及appkey在我的账号-应用信息中可以查看
getvideotoken(){
// uniapp写法
uni.removeStorageSync('videotoken')
uni.request({
url: "https://open.ys7.com/api/lapp/token/get",
data:{
appKey:'你的appkey',
appSecret:'你的secret'
},
header:{
"Content-Type": "application/x-www-form-urlencoded"
},
method:'POST',
success: (res) => {
// console.log(res.data.data.accessToken);
// 拿到token
if(res.data.code == 200){
uni.setStorageSync('videotoken',res.data.data.accessToken)
// this.videotoken = res.data.data.accessToken
}
},
fail: (err) => {
console.error(err)
}
})
}
更多推荐
已为社区贡献2条内容
所有评论(0)