使用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

	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)
		  }
		})
	}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐