共 2 篇文章

标签:七猫小说怎么屏蔽广告-七猫小说屏蔽广告教程

如何在centos系统中使用SSH进行远程连接-国外主机测评 - 国外VPS,国外服务器,国外云服务器,测评及优惠码

如何在centos系统中使用SSH进行远程连接

在CentOS系统中,SSH(Secure Shell)是一种用于远程登录和管理服务器的安全协议,通过SSH,我们可以在不同的计算机之间进行安全的数据传输和命令执行,本文将详细介绍如何在CentOS系统中使用SSH进行远程连接。,在CentOS系统中,默认情况下是没有安装SSH服务的,我们需要先安装SSH服务,以下是安装SSH服务的步骤:, ,1、打开终端,输入以下命令更新系统软件包:,2、输入以下命令安装SSH服务:,3、安装完成后,启动SSH服务:,4、设置SSH服务开机自启:,默认情况下,CentOS系统的SSH服务是允许所有用户登录的,为了提高安全性,我们需要对SSH服务进行配置,以下是配置SSH服务的步骤:, ,1、修改SSH配置文件:,2、找到以下两行代码,将它们前面的注释符(#)去掉:,3、保存并退出文件。,为了实现加密通信,我们需要生成一对公钥和私钥,以下是生成密钥对的步骤:,1、在本地计算机上生成密钥对:, ,2、将公钥复制到远程服务器:,remote_ip_address是远程服务器的IP地址,执行此命令后,需要输入远程服务器的密码,如果一切正常,公钥将被复制到远程服务器的 ~/.ssh/authorized_keys文件中。,现在,我们可以使用SSH进行远程连接了,以下是使用SSH进行远程连接的步骤:,1、在本地计算机上输入以下命令连接到远程服务器:,在CentOS系统中,打开终端,输入 ssh 用户名@远程主机IP地址,按回车键即可进行SSH远程连接。,sudo yum update,sudo yum install opensshserver,sudo systemctl start sshd,sudo systemctl enable sshd,sudo vi /etc/ssh/sshd_config

技术分享
html中如何拖动视频进度条-国外主机测评 - 国外VPS,国外服务器,国外云服务器,测评及优惠码

html中如何拖动视频进度条

在HTML中,我们可以通过使用JavaScript和HTML5的 <video>标签来实现视频进度条的拖动功能,以下是详细的技术教学:,1、我们需要在HTML文件中创建一个 <video>标签,并为其添加一个 id属性,以便我们可以在JavaScript中引用它,我们还需要一个 <input>标签作为进度条,同样添加一个 id属性。,2、接下来,我们需要编写JavaScript代码来处理视频的播放和暂停以及进度条的更新,在这段代码中,我们将监听 <input>标签的 change事件,当用户拖动进度条时,我们将根据进度条的值来更新视频的播放时间,我们还需要监听 <video>标签的 timeupdate事件,当视频播放时,我们将根据当前播放时间来更新进度条的值。,3、我们需要在页面加载时调用上述函数,以便初始化视频和进度条的状态,为此,我们可以将上述JavaScript代码放在一个 <script>标签中,并将其放在HTML文件的底部,我们还需要为进度条设置一个初始值,以便在页面加载时显示正确的进度。,现在,您应该可以在HTML中看到一个可拖动的视频进度条了,当您拖动进度条时,视频将跳转到相应的时间点并开始播放,进度条也会根据视频的播放时间实时更新。, ,<video id=”myVideo” width=”320″ height=”240″ controls> <source src=”movie.mp4″ type=”video/mp4″> <source src=”movie.ogg” type=”video/ogg”> 您的浏览器不支持Video标签。 </video> <input type=”range” id=”progressBar” min=”0″ max=”100″ value=”0″>,const video = document.getElementById(‘myVideo’); const progressBar = document.getElementById(‘progressBar’); progressBar.addEventListener(‘change’, updateVideoTime); video.addEventListener(‘timeupdate’, updateProgressBar); function updateVideoTime() { const time = video.duration * (progressBar.value / 100); video.currentTime = time; } function updateProgressBar() { progressBar.value = (video.currentTime / video.duration) * 100; },<script> const video = document.getElementById(‘myVideo’); const progressBar = document.getElementById(‘progressBar’); progressBar.addEventListener(‘change’, updateVideoTime); video.addEventListener(‘timeupdate’, updateProgressBar); function updateVideoTime() { const time = video.duration * (progressBar.value / 100); video.currentTime = time; } function updateProgressBar() { progressBar.value = (video.currentTime / video.duration) * 100; } </script>,

技术分享