从零开始搭建EasyDarwin环境——linux系统共享目录实现

EasyDarwin是一款高性能开源RTSP流媒体服务器,基于Go语言研发,维护和优化:RTSP推模式转发、RTSP拉模式转发、录像、检索、回放、关键帧缓存、秒开画面、RESTful接口、Web后台管理、分布式负载均衡。EasyDarwin从最初的c++到后面的nodejs再到现在的golang,也在一步步地实现自身的语言兼容。

下面我们就一步步从零开始介绍如何在Window、Linux系统中搭建部署起来,EasyDarwin在语言上服务端使用的是golang,前端网页是vue,因此我们需要有golang和node的开发环境。本文主要介绍一下Linux系统共享目录实现。

因为Linux的开发环境是基于虚拟机来实现的。因此为了方便操作我们将Linux虚拟机和Windows宿主机做一个共享磁盘,这样就可以实现不同环境,编译同一套代码。

一、配置虚拟机

1、打开VMware虚拟机,双击需要进行文件共享的虚拟机。如下图,双击CentOS 64位。

image.png

2、双击“硬盘” 或者点击“编辑虚拟机设置”,进入后选择“选项”窗口。

image.png

3、添加共享目录。按照下图步骤,依次选择:选项>共享文件夹>添加,将主机中的某个文件夹作为共享目录,既可以主机访问又可以虚拟机访问。

image.png

到此,虚拟机配置完成,下面是虚拟系统Linux的配置。

二、Linux配置

1、打开虚拟机,进入CentOS操作系统

2、如下图所示,选择虚拟机>更新VMware Tools(或者是安装VMware Tools)

image.png

3、打开CentOS的Home文件夹,可以看到左侧多了一个选项“VMware Tools”

image.png

4、将VMware Tools文件夹中的VMwareTools-10.1.6-5214329.tar.gz压缩工具包复制到Documents文件夹下或其他文件夹下。

image.png

打开命令行终端,使用管理员权限,cd进入Documents目录,解压VMwareTools-xxxx.tar.gz压缩工具包。

image.png

进入vmware-tools-distrib目录,运行vmware-install.pl ,然后一直单击y和回车

image.png

安装完成后,cd进根目录/mnt/hgfs,可以看到先前设置的主机共享目录

image.png

到此,Linux下面的共享目录设置完成,后面我们将具体介绍EasyDarwin的开发环境的搭建。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在前两篇文章中,我们已经搭建了一个基本的前端监控系统,但是我们发现,在监控页面嵌入的 iframe 中,用户无法进行前进后退操作,这对于用户体验来说是非常不友好的。因此,在本文中,我们将会实现控制 iframe 前进后退的功能。 ## 实现思路 实现控制 iframe 前进后退的功能,我们需要做以下几个步骤: 1. 在监控页面中添加前进和后退按钮 2. 监听前进和后退按钮的点击事件 3. 在 iframe 中执行前进和后退操作 4. 在监控页面中更新前进后退按钮的状态 ## 添加前进后退按钮 在监控页面的 HTML 中,我们添加两个按钮,一个用于前进操作,一个用于后退操作: ```html <button id="btn-back" disabled>后退</button> <button id="btn-forward" disabled>前进</button> ``` 这里我们给按钮设置了 `id` 属性,用于后面的 DOM 操作,同时设置了 `disabled` 属性,表示按钮默认是不可用状态。 ## 监听按钮点击事件 接下来,我们要监听按钮的点击事件,并在点击时执行相应的前进或后退操作。我们可以通过 `addEventListener` 方法来实现: ```javascript document.getElementById('btn-back').addEventListener('click', function() { window.frames['monitor-iframe'].history.back(); }); document.getElementById('btn-forward').addEventListener('click', function() { window.frames['monitor-iframe'].history.forward(); }); ``` 这里我们分别给两个按钮添加了点击事件的监听器,并在点击时分别调用了 `history.back()` 和 `history.forward()` 方法,这两个方法可以实现 iframe 的前进和后退操作。 注意,我们在调用 `history.back()` 和 `history.forward()` 方法时,使用了 `window.frames['monitor-iframe']` 来获取 iframe 对象。这里的 `monitor-iframe` 是我们在前面创建 iframe 时设置的 `name` 属性。 ## 更新按钮状态 最后,我们需要在监控页面中更新前进后退按钮的状态。我们可以通过 `history` 对象的 `length` 属性来判断当前是否可以进行前进或后退操作: ```javascript var btnBack = document.getElementById('btn-back'); var btnForward = document.getElementById('btn-forward'); window.frames['monitor-iframe'].addEventListener('load', function() { if (window.frames['monitor-iframe'].history.length > 0) { btnBack.removeAttribute('disabled'); } else { btnBack.setAttribute('disabled', true); } if (window.frames['monitor-iframe'].history.length < window.frames['monitor-iframe'].history.forward()) { btnForward.removeAttribute('disabled'); } else { btnForward.setAttribute('disabled', true); } }); ``` 这里我们通过 `addEventListener` 方法给 iframe 添加了 `load` 事件的监听器,在 iframe 加载完成后更新按钮状态。 对于前进按钮,如果当前历史记录中有可前进的记录,我们就把 `disabled` 属性移除,使按钮变为可用状态;否则,我们就把 `disabled` 属性设置为 `true`,禁用按钮。 对于后退按钮,我们需要判断当前是否可以进行后退操作。如果当前历史记录中有可前进的记录,我们就把 `disabled` 属性移除,使按钮变为可用状态;否则,我们就把 `disabled` 属性设置为 `true`,禁用按钮。 ## 总结 至此,我们已经成功实现了控制 iframe 前进后退的功能。通过本文的学习,我们不仅学会了如何在监控页面中添加前进后退按钮,还学会了如何通过 JavaScript 控制 iframe 的前进后退操作,以及如何更新按钮的状态。这些技能对于我们开发其他类似功能的应用也是非常有用的。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值