视频流拉转推/网络穿透/视频上云/远程运维平台EasyNTS上云网关搜索框样式优化记录
最近TSINGSEE青犀视频团队对新版EasyNTS的更新改版已经完成的差不多了,期间我们把推流网关的功能融合进了EasyNTS中,实现了EasyNTS端口穿透+视频推流功能的一机两用,但是两种功能的操作方式不同,大家要区分开来。
EasyNTS视频拉转推实现流程:
EasyNTS网络穿透实现流程:
虽然大体上已经修复完毕,但还有一些细微的内容,在我们发现问题的时候,就会及时进行调整。最近我们就发现EasyNTS搜索框图标的盒子高度超出了搜素框的整体高度,导致搜索框很不协调,因此修复了这个错位。
应该图标的样式有问题,导致图标高度高于整体搜素框的高度。
先给整体搜索框加个独有的类名例如:search_contanter ,然后在此类名下写相应的样式,这是为了防止样式冲突,参考代码如下:
<div class="input-group search_contanter">
<input
type="text"
class="form-control"
placeholder="输入搜索内容"
v-model.trim="query"
@keydown.enter.prevent="doSearch"
/>
<div class="input-group-btn">
<button
type="button"
class="btn btn-default"
@click.prevent="doSearch"
>
<i class="iconfont iconjiansuo"></i>
</button>
</div>
</div>
.search_contanter {
height: 36px;
input {
height: 36px;
width: 100%;
}
.btn-default {
height: 36px;
&:hover {
border-color: #ddd;
}
}
}
调整之后搜索框恢复正常。
EasyNTS在功能融合之后,大家反应都是比之前的两套设备部署更加便捷了,所以如果是有网络穿透和视频流拉转推双重需求的用户,还是建议尝试一下该方案,更多视频相关内容,也欢迎大家和我们了解咨询。
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· 开发者新选择:用DeepSeek实现Cursor级智能编程的免费方案
· 【译】.NET 升级助手现在支持升级到集中式包管理
· 独立开发经验谈:如何通过 Docker 让潜在客户快速体验你的系统
· Tinyfox 发生重大改版
2019-12-02 安防摄像头监控视频流媒体开发中H264编码NALU结构介绍与I帧判断方法
2019-12-02 8K播放网络全终端播放器H5播放器网页直播/点播播放器EasyPlayer-Android Glide设置默认图片后失效问题解决方案
2019-12-02 支持Windows、Android、iOS三个平台的全功能安防视频流媒播放器EasyPlayerPro-IOS播放不成功问题解决方案
2019-12-02 获取海康威视实时流用平台支持的RTMP推流组件libEasyRTMP向服务器推流数据的处理方法
2019-12-02 RTSP播放器高起播低延时RTSP网页无插件流媒体播放器EasyPlayer-RTSP代码解析(C#版)
2019-12-02 NVR录像机RTSP协议实时流转RTMP协议直播流推送方案EasyRTMPLive运行报0xc000007b错误的原因解析