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

news2024/12/22 18:13:56

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.coloradmin.cn/o/2230445.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

C++ | Leetcode C++题解之第520题检测大写字母

题目&#xff1a; 题解&#xff1a; class Solution { public:bool detectCapitalUse(string word) {// 若第 1 个字母为小写&#xff0c;则需额外判断第 2 个字母是否为小写if (word.size() > 2 && islower(word[0]) && isupper(word[1])) {return false;…

SpringBoot中@Validated或@Valid注解校验的使用

文章目录 SpringBoot中Validated或Valid注解校验的使用1. 添加依赖2. 使用示例准备2-1 测试示例用到的类2-2 实体Dto&#xff0c;加入校验注解2-2 Controller 3. 示例测试4. Valid 和 Validated注解详解4-1 常用规则注解4-2 分组验证4-2-1 示例准备4-2-2 Controller接口4-2-3 P…

Rust 力扣 - 1297. 子串的最大出现次数

文章目录 题目描述题解思路题解代码题目链接 题目描述 题解思路 越短的子串出现的次数越多&#xff0c;我们只需要求某个长度为min_size的子串出现的次数&#xff0c;并且该子串中不重复字符小于等于max_letters的数量 遍历长度长度为min_size的子串&#xff0c;然后将不重复…

【机器学习】25. 聚类-DBSCAN(density base)

聚类-DBSCAN-density base 1. 介绍2. 实现案例计算 3. K-dist4. 变化密度5. 优缺点 1. 介绍 DBSCAN – Density-Based Spatial Clustering of Applications with Noise 与K-Means查找圆形簇相比&#xff0c;DBSCAN可以查找任意形状和复杂形状的簇&#xff0c;如S形、椭圆、半圆…

yocto中bitbake -e的作用

bitbake -e > bb.log是Yocto项目中一个常用的命令操作&#xff0c;以下是对它的详细解释&#xff1a; 1. 命令的组成部分 -e&#xff1a;这是bitbake命令的一个选项。-e选项的作用是让bitbake输出环境变量信息。这些环境变量包含了与当前构建任务相关的大量参数&#xff0…

如何在Apple Vision Pro上打造成功的沉浸式叙述应用

随着科技的进步,沉浸式叙述应用正在成为一种全新的娱乐方式。Apple Vision Pro的发布,标志着空间计算技术迈上了新的台阶。本文将探讨如何在Vision Pro上构建一款类似Encounter Dinosaur的沉浸式叙述应用,具体通过分析《Out There》这款作品,总结出一系列关键点,帮助创作者…

android定时器循环实现轮播图

说明&#xff1a; android定时器加for循环实现轮播图 效果&#xff1a; step1: package com.example.iosdialogdemo;import android.os.Bundle; import android.os.Handler; import android.widget.ImageView; import android.widget.TextView;import androidx.appcompat.ap…

使用onnxruntime-web 运行yolov8-nano推理

ONNX&#xff08;Open Neural Network Exchange&#xff09;模型具有以下两个特点促成了我们可以使用onnxruntime-web 直接在web端上运行推理模型&#xff0c;为了让这个推理更直观&#xff0c;我选择了试验下yolov8 识别预览图片&#xff1a; 1. 跨平台兼容性 ONNX 是一种开…

一键AI换衣-可图AI试衣

我们的真的实现了穿衣自由了吗&#xff1f;上传一张人物图片和衣服的图片&#xff0c;就能实现一键换衣。 这就是可图AI试衣项目 魔塔地址&#xff1a;https://www.modelscope.cn/studio ... lors-Virtual-Try-On 参考&#xff1a; 一键AI换衣-可图AI试衣 https://www.jinsh…

【elkb】创建用户和角色

在使用中我们不能把超管的用户信息给到所有者&#xff0c;我们需要为不用的使用场景创建不同的用户。 登录管理员用户 打开管理页面 创建角色 点击角色&#xff0c;创建角色 填写角色信息 设置Kibana 权限 最后点击创建角色 创建用户 点击用户--->创建用户 填写信息 登录…

LeetCode --- 421周赛

题目列表 3334. 数组的最大因子得分 3335. 字符串转换后的长度 I 3336. 最大公约数相等的子序列数量 3337. 字符串转换后的长度 II 一、数组的最大因子得分 数据范围足够小&#xff0c;可以用暴力枚举移除的数字&#xff0c;得到答案&#xff0c;时间复杂度为O(n^2)&#…

《Java核心技术 卷I》第4章 对象与类

第4章 对象与类 面向对象程序设计(Object-Oriented Programming&#xff0c;OOP)。 实现一个简单的Web浏览器可能2000个过程&#xff0c;采用面向对象设计风格大约100个类&#xff0c;每个类平均包含20个方法。 类 类(class)是构造对象的模板或蓝图&#xff0c;我们可以将类…

【JavaScript】axios 二次封装拦截器(接口、实例、全局)

学习 coderwhy 老师结合 ts 二次封装 axios 目录结构 config config\index.ts // export const BASE_URL "http://codercba.com:9002"; export const TIME_OUT 10000;// 1. 根据环境变量区分接口地址 // let BASE_URL: string; // if (process.env.NODE_ENV &qu…

c++:vector模拟实现

一、vector成员变量 库里实现用的就是这三个成员变量&#xff0c;咱们实现跟库里一样&#xff0c; namespace myvector {template<class T>class vector{public://vecttor的迭代器是原生指针typedef T* iterator;typedef const T* const_iterator; private:iterator _sta…

数字后端零基础入门系列 | Innovus零基础LAB学习Day8

###LAB15 Detail Routing for Signal Integrity, Timing, Power and Design for Yield 这个章节虽然标题有点长&#xff0c;但不要被它吓到&#xff0c;其实这个章节就是Innovus工具的绕线Routing。只不过这个阶段做Route不是仅仅是把所有的逻辑连接&#xff0c;用实际的金属层…

发现研究的组织是自己所在组织,有点慌

donnyhuang 2019-5-29 23:34 我们做业务建模研究的组织可以是自己所在的组织吗&#xff1f;例如&#xff0c;如果我想做一个组件来来提高研发效能&#xff0c;那我研究的组织是我们部门的研发线可以吗&#xff1f; 因为最近做一个设备管理的建模&#xff0c;发现研究的组织是自…

将数学学生搞糊涂的糊涂话:面积(路程)是一种对应规则(关系)

黄小宁 将一种关系与构成此关系的成员、要素混为一谈是非常低级的常识性错误。问题是学生们做梦都不敢怀疑课本会有这样的错误。有战士与班长之间构成一种上下级关系&#xff0c;战士必须服从上级的指挥。将构成此关系中的班长说成是关系本身显然是概念性错误。同样&#xff0c…

(九)JavaWeb后端开发3——Servlet

目录 1.Servlet由来 2.Servlet快速入门 3.Servlet执行原理 4.Servlet生命周期 1.Servlet由来 在JaveEE API文档中对Servlet的描述是&#xff1a;可以运行在服务器端的微小程序&#xff0c;但是实际上&#xff0c;Servlet就是一个接口&#xff0c;定义了Java类被浏览器访问…

【51单片机】矩阵键盘

学习使用的开发板&#xff1a;STC89C52RC/LE52RC 编程软件&#xff1a;Keil5 烧录软件&#xff1a;stc-isp 开发板实图&#xff1a; 文章目录 矩阵键盘 矩阵键盘 矩阵键盘位于开发板的右下角 在键盘中按键数量较多时&#xff0c;为了减少I/O口的占用&#xff0c;通常将按键…

特朗普概念股分析:DJT和Phunware股价大涨:买还是卖?

猛兽财经核心观点&#xff1a; &#xff08;1&#xff09;特朗普媒体科技集团的股价已经从9月份的低点上涨了280%。 &#xff08;2&#xff09;随着特朗普赢得大选的概率上升&#xff0c;Phunware的股价也在大幅上涨 &#xff08;3&#xff09;这些股票在大选后逆转的可能性越来…