视频录像我们之前也说过不少,RTSP视频平台EasyNVR有支持视频录像的版本,能够随时调取录像进行观看。如果想查看以前关于录像的博客,大家可以点击这里:云端录像能够永久保存吗?录像为什么呈现每小时一段?视频录像打开缓慢延迟问题解决。
除了以上这些对视频录像功能的介绍之外,我们在测试录像功能的时候,偶尔也会出现一些BUG,比如下面这个:EasyNVR录像回看列表删除录像的提示信息日期出错。
列表显示的录像时间是7月7日的录像,而点击删除后却提示删除7月10日的录像,我们上图的情况是录像文件较少的情况,不易混淆,一旦录像文件增加,且每天都有录像,这样的错误提示很容易让运营人员混淆。
因此我开始快速排查该问题。先从源码找到此页面,通过按钮的点击事件找到对应的函数。
代码语言:javascript复制<div
class="Button"
@click.prevent="removeDaily"
v-if="videos.length > 0 && userInfo.name === 'easynvr' || userInfo.name === 'admin'"
style="margin-left:10px"
>
<i class="fa fa-remove"></i> 删除当天录像
</div>
从函数可以看到是我们代码编译的时候,让程序错误认为是删除当天录像,因此我们把代码稍作修改:
代码语言:javascript复制removeDaily() {
this.$confirm(
`确认删除 ${this.name} ${moment(this.day).format(
'YYYY-MM-DD'
)} 当天所有录像?`,
'提示'
)
.then(() => {
$.get('api/v1/record/removedaily', {
id: this.id,
period: this.day
}).always(() => {
this.updateVideos()
this.$refs['datePicker'].update()
})
})
.catch(() => {})
},
修改过后,视频录像删除的提示恢复正常,正常的版本将不会出现此类问题。