uniapp APP 接入萤石云

unipp App端接入萤石云

采用webview方法，我之前看各路大佬说的把html文件放到static文件夹里面，正常运行html文件可以正常运行并播放监控画面，但是集成到app中发现监控页面不能够展示出来，后来解决办法是把html文件放到了服务器上，webview的链接是个线上链接。

代码如下

vue

<template><view class="webview"><web-view :src="url" id="webcon"/></view>url = "http://xxx.html?url=" + this.videoUrl// videoUrl是监控的链接，html是线上地址</template>

html

<script type="text/javascript" src="http://static.yfpyx.com/bigdata_app/js/ezuikit.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<body><video id="myPlayer"autoplaysrc=""controlsplaysInline webkit-playsinline></video><script>window.onload=()=>{// 截取url中传递过来的监控链接var str = decodeURIComponent(window.location.search.substr(5))// str = decodeURIComponent(str)setTimeout(() => {$('#myPlayer').attr("src", str);// 日志var player = new EZUIKit.EZUIPlayer('myPlayer');// 测试时打印log// player.on('log', log);}, 500)function log(str) {console.log(str)var div = document.createElement('DIV');div.innerHTML = (new Date()).Format('yyyy-MM-dd hh:mm:ss.S') + JSON.stringify(str);document.body.appendChild(div);}}</script>
</body>

uniapp APP 接入萤石云相关推荐

【uniApp 接入萤石云】
uniApp 接入萤石云小记 vue页面 html页面 uniApp 不支持直接接入萤石云相关的 ezuikit.js 所以要用其uniApp支持的 web-view 属性 vue页面 <t ...
关于uni-app接入萤石云UIKit Javascript
记录一下工作中问题所在一.为什么选择UIKit Javascript 萤石云目前支持HLS,FLV,以及自带的EZOPEN协议,其中HLS有延迟,之前项目用的xgplayer播放FLV协议的视频,但 ...
python接入萤石云HLS直播流（海康威视摄像头4g连接条件下）
1.将插好4g流量卡海康威视摄像头添加到萤石云下载注册并登陆萤石云,点击添加设备,输入摄像头后部的序列号以及验证码(已改过设备密码的填写密码). 获取HLS直播流地址登陆萤石云开发平台(https ...
vue 接入萤石云，实现监控、多窗口监控、转向、放大缩小等
准备资料:文档概述 · 萤石开放平台API文档 vue 萤石云视频监控对接_谭CV的博客-CSDN博客_萤石云vue 1.接入萤石云 npm i ezuikit npm i ezuikit-js@0. ...
uniapp接入萤石云 webview
vue页面 <template><view class="u-wrap"><u-navbar class=&quo ...
vue接入萤石云_智能家居不香吗？萤石转型：或者臣妾做不到，或者费力不讨好...
作者|蒋杰升简称|单蒋让你们荡起就像有人说这个车「比较高级」一样,指不定在萤石看来,发布一个IOT平台这个姿势也「比较高级」. 于是说,萤石拟从智能家居向IOT开放转型这件事,越过传闻,实锤落地. ...
接入萤石云的踩坑问题
在引入萤石云的时候遇到好几个问题,给大家讲讲我怎么用的大家跟着我做,根据需求自己改动,应该都不会有什么问题环境 vue2 我做的监控模式模式不一样萤石云api需要传入的地址格式也是不一样的萤石云 ...
App接入阿里云号码认证服务一键登录 Java后端服务部分
下面是后台java部分,通过App端,用户确认授权后拿到的actoken来换取电话号码 Java服务端SDK <dependency><groupId>com.aliyun&l ...
海康的摄像机设备接入到萤石云
海康的视频设备接入到萤石云,然后将视频信号给出去可以看直播.下面就是将设备在接入的流程. 1.准备一根双绞线(一头568A,一头568B),用于连接设备修改 IP 地址将设备接入局域网(也可以使用路由 ...
EasyCVR平台基于萤石云SDK接入的设备播放流程及接口调用
EasyCVR视频融合云服务支持海量视频汇聚与管理.处理与分发.智能分析等视频能力,在功能上,可支持视频监控直播.云端录像.云存储.录像检索与回看.智能告警.平台级联.服务器集群等.EasyCVR平台 ...

uniapp APP 接入萤石云

unipp App端接入萤石云

代码如下

vue

html

uniapp APP 接入萤石云相关推荐

最新文章

热门文章