# 视频查看器/进程

视频查看器窗口,代码和图片查看器相似。具体逻辑,比如关闭,参考的图片查看器窗口。

# 代码定位

TIP

代码定位于 src\main.jscreatePreviewVideoWindow() 函数

# 逻辑说明

  • 加载本地的视频查看器页面 src\modules\page_videoView\index.html,但配置为不显示,在后台隐藏运行。
  • 等待主窗口发出视频查看器显示事件,主窗口还会传一个包含视频 URL 的数组对象过来。

# 涉及到的相关函数,代码、代码文件

# 事件监听

// 显示视频查看器窗口
ipcMain.on('show-videoView', (event, message, messageList) => {
  if(videoWindow){
    videoWindow.webContents.send('showVideoView', message, messageList);
    videoWindow.show()
  }
})

// 隐藏视频查看器窗口
ipcMain.on('hide-videoView', (event, url, type) => {
  videoWindow && videoWindow.hide()
  mainWindow.show();
})

# WEB端调出视频查看器

主要是下面的代码,WEB端代码文件 src\components\chatMessage\video.vue 可以看到

// 调出视频查看器
ZX_CLIENT.showVideoWin(message, messageList);
  • message 当前视频查看器的消息体
  • messageList 视频消息体列表