基于OSS搭建在线教育视频课程分享网站

OSS对象存储服务是海量、安全、低成本、高持久的存储服务。适合于存储大规模非结构化数据,如图片、视频、备份文件和容器/虚拟机镜像等。

安装nginx

wget https://nginx.org/download/nginx-1.20.2.tar.gz

yum -y install zlib zlib-devel gcc-c++ pcre-devel openssl openssl-devel

tar -zxvf nginx-1.20.2.tar.gz

cd nginx-1.20.2

./configure --prefix=/usr/local/nginx/ --with-http_ssl_module --with-http_stub_status_module

make

make install

执行如下命令,进入/usr/local/nginx/sbin目录。

cd /usr/local/nginx/sbin

执行如下命令,启动nginx。

./nginx

通过浏览器访问

http://localhost。返回如下页面,表明nginx安装成功。

创建前端页面

执行如下命令,在/usr/local/nginx/html/目录下创建新文件夹edu。

mkdir /usr/local/nginx/html/edu

执行以下命令,编辑index.html文件。

vim /usr/local/nginx/html/edu/index.html

示例代码

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>在线教育</title><meta name="keywords" content="在线教育"><meta name="description" content="在线教育"><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"><!--Favicon--><link rel="shortcut icon" href="" title="Favicon"><style>@media all and (orientation : portrait) {/*竖屏*/.mypic {width: 80%;}}@media all and (orientation : landscape) {/*横屏*/.mypic {width: 40%;}}a {color: #000000;}a:link {color: #000000;}a:visited {color: #000000;}a:hover {color: #000000;}a:active {color: #000000;}</style></head><body style=" font-family: 'Microsoft JhengHei UI';"><div id="wrapper" style=" margin: 0 15px; padding: 15px 0; position: relative;"><div style="padding:20px;"><p><font size="10" color="green">在线教育网</font></p><p><font size="3" >您贴身的教育管家</font></p></div><p style="text-align:center"><font size="6" color="green">您可在此获取到丰富的教学视频,充分满足学习要求</font></p><div style="padding:50px;"><h1 style="text-align:center">精选课程</h1><p style="text-align:center">口碑好,效益佳</p><div><table style="float: center;"><tbody><tr><td><b><center>        <div class="video"><video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"></video><p>实战视频1</p><p>您可以在此视频学习相关内容1</p></div>   </center></b></td><td><b></b><center><b>       <div class="video"><video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"></video><p>实战视频2</p><p>您可以在此视频学习相关内容2</p></div></b></center></td><td><b><center><div class="video"><video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"></video><p>实战视频3</p><p>您可以在此视频学习相关内容3</p></div></center></b></td><td><b><center><div class="video"><video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"></video><p>实战视频4</p><p>您可以在此视频学习相关内容4</p></div></center></b></td></tr></tbody></table></div><h1 style="text-align:center">观看金牌讲师直播</h1><p style="text-align:center">所有导师来自名企,有多年教学经验</p><div><table style="float: center;"><tbody><tr><td><b><center>        <div class="video"><video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"></video><p>张XX</p><p>擅长教学产品知识</p></div>   </center></b></td><td><b></b><center><b>       <div class="video"><video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"></video><p>李X</p><p>多年web开发经验</p></div></b></center></td><td><b><center><div class="video"><video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"></video><p>王X</p><p>专攻大数据计算</p></div></center></b></td><td><b><center><div class="video"><video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"></video><p>刘XX</p><p>运营专家</p></div></center></b></td></tr></tbody></table></div><p style=" margin: 0 auto; text-align: center; "><img class="mypic" src=""style=" vertical-align: middle;  text-align: center;"></p><p>更多:<a style=" font-size:14px; font-family: 'Microsoft JhengHei UI'" href="https://www.aliyun.com"target="_blank">aliyun.com</a></p><p>电话号码:xxxxx;</p></div></div></body></html>

添加完成后,按下Esc键,输入:wq后按下Enter键保存并退出。

通过浏览器访问

http://localhost/edu,访问在线教育网站。

在您的本机浏览器地址栏中,访问下方地址链接,进入后可看到预览的视频。

https://labfileapp.oss-cn-hangzhou.aliyuncs.com/storage/%E5%AF%B9%E8%B1%A1%E5%AD%98%E5%82%A8OSS%E4%BA%A7%E5%93%81%E8%A7%86%E9%A2%91.mp4

在预览的视频上,右键单击视频另存为,然后将视频保存在本地电脑中。

配置OSS存储

云小站_专享特惠_云产品推荐-阿里云

后续用了阿里云的对象存储产品,本地测试的同学可以自行搭建开源oss产品,如minio

云产品资源列表的对象存储OSS区域,单击管理

文件列表页面,单击上传文件扫描文件扫描文件夹,上传刚刚保存至本地电脑中的视频。

Bucket列表页面,找到创建的Bucket,然后在右侧的传输加速列下,单击开启

详情面板,将过期时间改为7200,单击复制URL,后续步骤要用。

在您的本机浏览器地址栏中,访问下方地址链接,然后选择任意地域,单击立即检测,可以查看不同区域使用传输加速前后的对比情况。

https://oss.console.aliyun.com/velocity-tool

替换视频内容为OSS

执行如下命令,编辑index.html文件。

vim /usr/local/nginx/html/edu/index.html

将其上方source src中的movie.mp4替换成修改后的文件URL

在您的本机浏览器地址栏中,输入http://ECS公网IP地址/edu,访问在线教育网站。

您可在网站中查看到播放相应的视频源,并实现一定的加速效果。

测试验证

OSS生命周期配置

OSS生命周期功能可按照规则将部分冷数据转储到低频或者归档中,可有效降低客户音视频存储成本。本步骤将指导您如何配置生命周期。

本实验以最后一次修改时间,超过一定时间数据未修改的,数据将自动转换为低频访问为例。 如下图所示,策略选择配置到整个Bucket文件时间策略选择指定天数生命管理周期选择修改时间,天数默认为30天,数据自动转换类型选择低频访问,单击确定

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/460639.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

研究轮腿运动学方案的看法

本文学习自电科中山柳同学的方案分享 遇到的问题&#xff1a; 1、轮毂输出力矩不足以配合腿部收敛机体姿态&#xff08;即腿部关节输出和轮毂输出都被LQR拉大了&#xff0c;但是轮毂最大力矩不够用了&#xff09; 可以引入MPC对LQR输出的反馈增益矩阵K 进行反向增益&#xf…

Linux学习_11

第十章管理Linux的联网 主要包括配置网络&#xff0c;通过域名访问主机&#xff0c;从网站瞎子啊文件&#xff0c;VMware三种网络模式 配置网络 概念 网络接口是指网络中的计算机或网络设备与其他设备实现通讯的进出口&#xff0c;一般是指计算机的网络接口即网卡设备 从RHEL7开…

VBto Converter是一款功能强大的工具,可让您快速轻松地将Microsoft Visual Basic 6.0项目转换

VBto Converter是一款功能强大的工具&#xff0c;可让您快速轻松地将Microsoft Visual Basic 6.0项目转换 1、简介2、官方网站3、本站下载&#xff08;已汉化&#xff09; 1、简介 VBto Converter V2.90 版本&#xff0c;是一款功能强大的工具&#xff0c;可让您快速轻松地将M…

巨好看的登录注册界面源码

展示效果 源码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta http-equiv"X-UA-Compatible" content"IEedge" /><meta name"viewport" content"widthdevic…

突破挑战,创新前行 | 生信科技SOLIDWORKS 2025新品发布会·合肥站精彩回顾

2024年10月18日&#xff0c;由生信科技举办的首场SOLIDWORKS 2025新产品发布会在安徽合肥圆满落幕。现场邀请到制造业的专家学者们一同感受SOLIDWORKS 2025最新功能&#xff0c;探索制造业数字化转型之路。 合肥站活动日&#xff0c;由生信科技副总经理徐建开场。他以智造无界&…

【解决方案】微信小程序如何使用 ProtoBuf 进行 WebSocket 通信

前言 故事背景 简单说下背景&#xff0c;项目中需要用 ProtoBuf 协议转换请求参数&#xff0c;并通过 WebSocket 进行双向通信。重点&#xff01;一个是 web端&#xff08;Vue3 TS&#xff09;&#xff0c;一个是微信小程序端&#xff08;原生 JS&#xff09;。 剧情发展 …

Copilot一又成编程助手Top1,GitHub官宣接入Claude+Gemini!OpenAI的Canvas沦为备胎

Copilot一又成编程助手Top1&#xff0c;GitHub官宣接入ClaudeGemini&#xff01;OpenAI的Canvas沦为备胎 &#x1f31f; &#x1f44b; 大家好&#xff0c;我是猫头虎&#xff01;今天带大家来深度解读GitHub Copilot 的最新动态&#xff01;在第十届 GitHub 开发者大会上&…

三周精通FastAPI:24 OAuth2 实现简单的 Password 和 Bearer 验证

官网文档&#xff1a;https://fastapi.tiangolo.com/zh/tutorial/security/simple-oauth2/ OAuth2 实现简单的 Password 和 Bearer 验证 本章添加上一章示例中欠缺的部分&#xff0c;实现完整的安全流。 获取 username 和 password 首先&#xff0c;使用 FastAPI 安全工具获…

Hugging Face | 个人使用笔记

一、网站介绍 模型和数据集都是开源的 搜索模型是默认按照趋势排序的 二、模型具体页面 三、调用API小练习 模型网站&#xff1a;flux-RealismLora 1.点击View Code 获取参考代码 2.创建一个python文件复制进一个代码编辑器 注意&#xff1a;需要补充最后一行保存代码 …

用unity XR interaction Toolkit 制作垃圾分类虚拟仿真项目

项目效果演示&#xff1a; 垃圾分类虚拟仿真项目演示 1.环境配置 选择universal 3D(通用渲染管道)项目&#xff08;不然导入素材包会丢失材质&#xff09;。 选择Window->Package Manager,安装其中的XR interaction Toolkit。 选择其中的Samples,导入Starter Assets。 选择…

基于web的便捷饭店点餐小程序的设计与实现(lw+演示+源码+运行)

摘 要 互联网发展至今&#xff0c;无论是其理论还是技术都已经成熟&#xff0c;而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播&#xff0c;搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱&#xff0c;出错率高&#xff0c;信息安全…

快速入门HTML

欢迎关注个人主页&#xff1a;逸狼 创造不易&#xff0c;可以点点赞吗 如有错误&#xff0c;欢迎指出~ 目录 第一个html文件 标签 h1~h6 p >段落标签 br > 换行标签 img >图片标签 a >超链接标签 表格标签 表单标签 表单控件 form表单 ⽆语义标签:div&span 综…

【简道云 -注册/登录安全分析报告】

前言 由于网站注册入口容易被黑客攻击&#xff0c;存在如下安全问题&#xff1a; 暴力破解密码&#xff0c;造成用户信息泄露短信盗刷的安全问题&#xff0c;影响业务及导致用户投诉带来经济损失&#xff0c;尤其是后付费客户&#xff0c;风险巨大&#xff0c;造成亏损无底洞…

C#与C++交互开发系列(十七):线程安全

前言 在跨平台开发和多线程编程中&#xff0c;线程安全是不可忽视的重要因素。C和C#中提供了各自的线程同步机制&#xff0c;但在跨语言调用中&#xff0c;如何确保数据一致性、避免数据竞争和死锁等问题&#xff0c;是开发人员必须考虑的重点。 本文将介绍在C#和C交互开发中确…

docker-minio启动参数

完整命令 docker run -p 9000:9000 -p 9090:9090 -v /opt/minio/data:/data -d --name minio -d --restartalways -e "MINIO_ACCESS_KEYminio" -e "MINIO_SECRET_KEYminioadmin123" minio/minio server --console-address ":9090" -address &…

理解 CSS 中的绝对定位与 Flex 布局混用

理解 CSS 中的绝对定位与 Flex 布局混用 在现代网页设计中&#xff0c;CSS 布局技术如 flex 和绝对定位被广泛使用。然而&#xff0c;这两者结合使用时&#xff0c;可能会导致一些意想不到的布局问题。本文将探讨如何正确使用绝对定位元素&#xff0c;避免它们受到 flex 布局的…

书生大模型实战营 L0 入门岛

书生大模型训练营入门岛任务——训练营链接 1. Linux前置知识 任务&#xff1a;端口转发 当使用vscode远程连接服务器时&#xff0c;在服务器运行的任务&#xff0c;vscode会自动帮忙进行端口映射&#xff0c;方便本地进行访问。 2. Python前置知识 任务1&#xff1a;Leec…

网络搜索引擎Shodan(2)

声明&#xff1a;学习视频来自b站up主 泷羽sec&#xff0c;如涉及侵权马上删除文章 声明&#xff1a;本文主要用作技术分享&#xff0c;所有内容仅供参考。任何使用或依赖于本文信息所造成的法律后果均与本人无关。请读者自行判断风险&#xff0c;并遵循相关法律法规。 感谢泷…

Linux 练习三

1、建立用户组 shengcan&#xff0c;其id 为 2000 [rootlocalhost 桌面]# groupadd -g 2000 shengchan 2、建立用户组 caiwu&#xff0c;其id 为 2001 [rootlocalhost 桌面]# groupadd -g 2001 caiwu 3、建立用户组 jishu&#xff0c;其 id 为 2002 [rootlocalhost 桌面]#…

Docker Compose一键部署Spring Boot + Vue项目

目录 前提条件 概述 Compose简介 Compose文件 Compose环境 Compose命令 帮助命令 关键命令 Compose部署项目 初始化环境 查看代码文件 sql数据准备 nginx配置文件准备 创建 compose.yaml 一键启动compose多个容器 浏览器访问虚拟机ip:80(可省略默认的80端口) …