借助OSS搭建在线教育视频课程分享网站

本文涉及的产品
云服务器 ECS,每月免费额度200元 3个月
云服务器ECS,u1 2核4GB 1个月
简介: 本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。

借助OSS搭建在线教育视频课程分享网站

1. 创建资源

开始实验之前,您需要先创建相关实验资源。

  1. 在体验实验室,单击创建资源。
  2. (可选)在实验室页面左侧导航栏中,单击云产品资源列表,可查看本次实验资源相关信息(例如IP地址、用户信息等)。 说明:资源创建过程需要1~3分钟。


2. 连接ECS服务器

本步骤将指导您如何使用Workbench远程连接ECS服务器。

  1. 双击打开虚拟桌面的Chromium浏览器
  2. 在RAM用户登录框中单击下一步,并复制粘贴页面左上角的子用户密码用户密码输入框,单击登录
  3. 复制下方地址,在Chromium浏览器打开新页签,粘贴并访问云服务器ECS控制台。
https://ecs.console.aliyun.com
  1. 在左侧导航栏中,选择实例与镜像>实例

  1. 实例页面顶部,选择资源所在地域。例如下图中,地域切换为华东2(上海)。

说明:您可在云产品资源列表中查看ECS资源所在的地域。

  1. 实例页面,找到您的ECS实例,单击操作列下的远程连接

说明:您可在云产品资源列表中查看目标实例的实例ID。

  1. 连接与命令对话框的通过Workbench远程连接区域中,单击立即登录

  1. 登录实例对话框中,输入ECS服务器的密码,单击确定。

说明:您可以在云产品资源列表中查看到您的ECS服务器密码。

返回如下页面,表示您已经成功远程连接到ECS服务器。


3. 创建在线教育网站界面

本步骤将指导您创建HTML,创建完成后,通过浏览器访问相应地址,可看到在线教育网站。

  1. 在ECS命令行界面,执行如下命令,在/alidata/www/default目录下创建新目录edu。
mkdir /alidata/www/default/edu

  1. 执行如下命令,编辑index.html文件。
vim /alidata/www/default/edu/index.html
  1. 按下i键进入编辑模式,将如下代码复制并粘贴到文件中。
<!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>张佳佳</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>李文</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>王杰</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>刘子雯</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="aliyun.com"
          target="_blank">aliyun.com</a>
      </p>
      <p>电话号码:xxxxx;</p>
    </div>
  </div>
  <div style="text-align: center; margin: 0px; width: 100%; font-size: 14px; font-family: 'Microsoft JhengHei UI';">
    @
    <a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration:none">京ICP备15047403号-1</a>
  </div>
</body>
</html>

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

  1. 在浏览器打开新页签,在地址栏输入http://<ECS公网地址>/edu,访问在线教育网站。

说明:您可在云产品资源列表查看ECS公网地址。


4. 上传数据至OSS

OSS对象存储可上传数据进行存储。本步骤指导您如何在OSS中上传数据。

  1. 在Chromium浏览器中打开新页签,复制下方OSS地址到地址栏中,进入后可看到预览的视频。
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
  1. 在预览的视频上,右键单击视频另存为

  1. 所有文件对话框中,选择桌面,单击保存

说明:OSS视频数据将下载保存在桌面上。

  1. 复制下方地址,在Chromium浏览器打开新页签,粘贴并访问对象存储OSS控制台。
https://oss.console.aliyun.com/
  1. 在左侧导航栏中,单击Bucket列表

  1. Bucket列表页面,找到实验室提供的Bucket,单击Bucket名称

说明:您可在云产品资源列表中查看实验室提供的Bucket。

  1. 文件列表页面 ,单击上传文件

  1. 上传文件页面,单击扫描文件

  1. 在打开文件对话框中,选择刚刚下载的对象存储OSS产品视频 ,单击打开

  1. 上传文件页面,当上传文件的状态为已扫描待上传后,单击上传文件

返回如下页面,表示文件上传成功。


5. 开通并使用OSS传输加速

OSS传输加速功能,专门应对传输速度慢,传输距离远,跨境等场景使用,可以帮助用户提高OSS数据访问速度,提升用户体验。本步骤将指导您开通并使用OSS传输加速。

  1. 上传文件页面,单击左上角的Bucket列表,回到Bucket列表页面。

  1. Bucket列表页面,找到实验室分配的Bucket,然后在右侧的传输加速列表下,单击开启

  1. 注意事项对话框中,单击确定

开通后传输加速状态为已开启。

  1. 开通之后,需要将域名替换成传输加速域名,才可使传输加速生效。传输加速域名格式为BucketName.oss-accelerate.aliyuncs.com。

您需要将下方地址中的BucketName替换为实验室分配的BucketName,然后输入到浏览器的新页签地址栏中,即可访问传输加速效果的OSS文件。

BucketName.oss-accelerate.aliyuncs.com/对象存储OSS产品视频.mp4

访问效果如下所示:

  1. 在浏览器中打开新页签,输入如下网址,可以查看使用传输加速前后的对比情况。
https://oss-accelerate-test.oss-accelerate.aliyuncs.com/acc/oss-transfer-acc-zh.html

网站如下所示:


6. 在服务器后台html中插入OSS视频源

在步骤3的html中插入OSS视频源,完成后,登录网站可浏览视频,达到网站教学视频的分享效果。

  1. 切换回ECS服务器命令行。
  2. 执行如下命令,编辑index.html文件。
vim /alidata/www/default/edu/index.html
  1. 按下i键进入编辑模式。按照如下所示找到实战视频2,将source src中的movie.mp4替换成如下域名,BucketName需替换成云产品资源列表中的BucketName。
http://BucketName.oss-accelerate.aliyuncs.com/对象存储OSS产品视频.mp4

替换后如下所示:

  1. 修改完成后,按下Esc键,输入:wq后按下Enter键保存并退出。
  2. 在浏览器打开新页签,在地址栏输入http://<ECS公网地址>/edu,访问在线教育网站。您可查看到网站中可播放相应视频源,并实现一定的加速效果。

备注:若您需要使用CDN加速,您可参照以下地址进行CDN配置。

https://help.aliyun.com/document_detail/123226.html

CDN内容分发服务可帮助您,在数据资源量重复下载的情况下,可有效缓存到CDN节点,并加速访问,同时可配置源站OSS,进行源数据读取。


7. OSS配置生命周期

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

  1. 在浏览器中回到OSS管理控制台中。在Bucket列表页面,找到实验室分配的Bucket,单击Bucket名称

  1. 在左侧导航栏中,选择数据管理>生命周期

  1. 生命周期页面,单击创建规则

  1. 本实验以最后一次修改时间为例,超过一定时间数据未修改的,数据将自动转换为低频访问。

如下图所示,将策略选择配置到整个Bucket,规则设置成修改时间 ,天数默认为30天,自动的转换类型设置成低频访问,单击确定

  1. 如下图所示,生命周期规则创建成功,状态为启动中。


8. 实验说明

在您开始实验前,请您务必看完如下说明再进行实验,以保证实验流畅性。

资源类型

  • 您可以选择领取免费试用额度来开启实验。

免费领用的资源或个人创建的资源都归属于您账号下,请您注意免费资源的到期时间,以及个人资源的费用使用情况。

  • 您也可以使用公共资源体验来开启实验。

公共资源体验使用的资源归属于平台,会为您预创建环境,实验体验完成后资源会被释放。

如何开始实验

您可以单击右侧的领取免费试用额度,在下方卡片中领用免费资源。具体产品领用步骤,请查看下方。无论您是否领用了免费试用额度,您都可单价我已开通,进入实验,从而开始实验。您未领取的资源,将使用你个人的资源进行创建,请注意费用。

您也可以单击右侧的公共资源体验,单击确认开启实验即可开始。

您单击的资源不同,实验的具体步骤也会有所不同,如您需要更详细的步骤,推荐您进入领取免费试用额度的实验环节。

2.1 ECS领用步骤:

  • 单击卡片中的立即试用
  • 在ECS领取界面,操作系统选择CenOS 7.9 64位地域选择北京,到期释放设置您可按照实际需求选择,勾选协议。
  • 单击立即试用即可领用。

2.2 OSS领用步骤:

  • 单击卡片中的立即试用
  • 默认配置,勾选服务协议。
  • 单击立即试用即可领用。


9. 配置ECS服务器

本步骤将指导您配置ECS服务器。

若您领用了ECS免费资源,请按照2.1步骤进行实验。

若您未领用ECS免费资源,请按照2.2步骤进行实验。

2.1 领用资源,配置ECS服务器

  1. 进入云服务器ECS控制台,在左侧导航栏中,单击实例,选择上方的地域为北京

  1. 实例ID/名称找到创建的ECS,并点击进入。

  1. 实例详情页面,单击重置实例密码

  1. 选择离线重置密码,输入新密码,并确认密码,点击保存密码

选择重启,点击立即重启。

稍等一会,会看到实例显示运行中。此时密码已更改完成。

  1. 选择安全组,在所属安全组中,单击配置规则

  1. 在如下页面中,选择入方向,单击手动添加

  1. 按照如下两图所示配置两个规则,并单击保存

2.2 未领用资源,直接创建ECS资源

  1. 单击ECS购买链接,进入购买页面。
  2. 在如下界面中,选择配置:
  • 付费类型:您可按照需求选择包年包月或按量付费,此处选择按量付费。
  • 地域:本实验选择北京。
  • 网络及可用区:选择专有网络。选择默认专有网络,默认交换机。

注意:如您之前创建过专有网络和交换机,可选择已有专有网络和交换机,您实际选择的地域和交换机中的可用区会影响您实例资源的选择,本示例中选择北京,因此可选择下方的2vCPU,8GiB,u1,您可参照本示例进行实验。若您选择其它地域其它可用区,可能没有此资源,您可选用其它资源,本实验OSS使用公网,因此无需保证ECS和OSS创建的地域一致。

  • 在实例中,筛选2vCPU,8GiB,u1,如下所示选择规格:

  • 在镜像中,选择公共镜像,选择CentOS,选择CentOS 7.9 64位。

在系统盘中,配置默认即可:

  • 公网IP:选择分配公网IPv4地址;
  • 带宽计费模式:选择按使用流量;
  • 带宽峰值:选择1;
  • 安全组:选择新建安全组;
  • 安全组类型:普通安全组;
  • 开通IPv4端口:选择SSH(22),HTTP(80),RDP(3389)。

登录凭证选择自定义密码,请输入登录密码,以及确认密码。

  1. 单击确认下单,即可创建ECS。


10. 创建在线教育网站界面

本步骤将指导您创建HTML,创建完成后,通过浏览器访问相应地址,可看到在线教育网站。

  1. 返回ECS控制台,在实例界面中,找到创建的实例,点击远程连接。

如下所示,在通过Workbench远程连接中,点击立即登录。

在如下所示中,输入之前ECS设置的密码,单击确定

  1. 进入命令行,复制如下命令并粘贴:
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

出现下图,点击确定。

如图所示,出现make install,此时点击回车按钮:

如图所示,表明成功。

  1. 输入如下命令 cd /usr/local/nginx/sbin ,并点击回车

输入如下命令 ./nginx ,并点击回车

  1. 复制如图所示红框中的地址,打开浏览器并粘贴地址。

出现如图所示,表明nginx安装成功,此时可以访问网站。

  1. 在命令行中,执行以下命令在根目录下创建新目录:
mkdir usr/local/nginx/html/edu
  1. 执行以下命令,编辑index.html文件
vim usr/local/nginx/html/edu/index.html

按下 i 键进入编辑模式。

将如下代码复制到命令行中:

<!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>张佳佳</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>李文</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>王杰</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>刘子雯</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="aliyun.com"
          target="_blank">aliyun.com</a>
      </p>
      <p>电话号码:xxxxx;</p>
    </div>
  </div>
  <div style="text-align: center; margin: 0px; width: 100%; font-size: 14px; font-family: 'Microsoft JhengHei UI';">
    @
    <a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration:none">京ICP备15047403号-1</a>
  </div>
</body>
</html>

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

  1. 在浏览器打开新页签,在地址栏输入http://<ECS公网地址>/edu,访问在线教育网站。创建的网站如图所示:


11. 上传数据至OSS

OSS对象存储可上传数据进行存储。本步骤指导您如何在OSS中上传数据。

  1. 在浏览器中打开新页签,复制下方OSS地址到地址栏中,进入后可看到预览的视频。
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
  1. 在预览的视频上,右键单击视频另存为

  1. 在对话框中,选择桌面,单击保存

说明:OSS视频数据将下载保存在桌面上(系统不同,您可按照实际的情况将视频保存到桌面)。

  1. 前往对象存储OSS控制台
https://oss.console.aliyun.com/
  1. 在左侧导航栏中,单击Bucket列表

  1. 在Bucket列表页面,单击创建Bucket

  1. 创建Bucket页面,根据页面引导进行创建Bucket,您可自定义Bucket名称,名称全局唯一,地域选择北京,其他配置保持默认即可,单击确定

  1. 创建完成后,在Bucket列表页面,找到创建的Bucket,单击Bucket名称

  1. 文件列表页面 ,单击上传文件

  1. 上传文件页面,单击扫描文件

  1. 在对话框中,选择刚刚下载的对象存储OSS产品视频 ,单击打开

  1. 上传文件页面,当上传文件的状态为已扫描待上传后,单击上传文件

返回如下页面,表示文件上传成功。


12. 开通并使用OSS传输加速

OSS传输加速功能,专门应对传输速度慢,传输距离远,跨境等场景使用,可以帮助用户提高OSS数据访问速度,提升用户体验。本步骤将指导您开通并使用OSS传输加速。

  1. 单击左上角的Bucket列表,回到Bucket列表页面。

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

  1. 注意事项对话框中,单击确定

开通后传输加速状态为已开启。

  1. 开通之后,需要将域名替换成传输加速域名,才可使传输加速生效。传输加速域名格式为BucketName.oss-accelerate.aliyuncs.com。

说明:您需要将下方地址中的BucketName替换为您自己创建的BucketName,然后输入到浏览器的新页签地址栏中,即可访问传输加速效果的OSS文件。

BucketName.oss-accelerate.aliyuncs.com/对象存储OSS产品视频.mp4

访问效果如下所示:


13. 在服务器后台html页面中插入OSS视频源

在步骤3的html中插入OSS视频源,完成后,登录网站可浏览视频,达到网站教学视频的分享效果。

  1. 切换回ECS服务器命令行。
  2. 执行如下命令,编辑index.html文件。
vim usr/local/nginx/html/edu/index.html
  1. 按下i键进入编辑模式。按照如下所示找到实战视频2,将source src中的movie.mp4替换成如下域名,BucketName需替换成您自己创建的BucketName。
http://BucketName.oss-accelerate.aliyuncs.com/对象存储OSS产品视频.mp4

替换后如下所示:

  1. 修改完成后,按下Esc键,输入:wq后按下Enter键保存并退出。
  2. 在浏览器打开新页签,在地址栏输入http://<ECS公网地址>/edu,访问在线教育网站。您可查看到网站中可播放相应视频源,并实现一定的加速效果。

备注:若您需要使用CDN加速,您可参照以下地址进行CDN配置。

https://help.aliyun.com/document_detail/123226.html

CDN内容分发服务可帮助您,在数据资源量重复下载的情况下,可有效缓存到CDN节点,并加速访问,同时可配置源站OSS,进行源数据读取。


14. OSS配置生命周期

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

  1. 回到OSS管理控制台。在Bucket列表页面,找到创建的Bucket,单击Bucket名称

  1. 在左侧导航栏中,选择数据管理>生命周期

  1. 生命周期页面,单击创建规则

  1. 本实验以最后一次修改时间为例,超过一定时间数据未修改的,数据将自动转换为低频访问。 如下图所示,将策略选择配置到整个Bucket,规则设置成修改时间 ,天数默认为30天,自动的转换类型设置成低频访问,单击确定

  1. 如下图所示,生命周期规则创建成功,状态为启动中。


15. 清理及后续

清理

完成教程后,请及时清理测试数据和试用资源。

1.ECS提供的试用实例有按量付费实例和包年包月实例。请在阿里云免费试用确认您试用的实例类型,并参考以下规则清理:

按量付费实例释放

  • 如果无需继续使用实例,可以登录ECS控制台,找到目标实例,在操作列单击,搜索并单击释放设置,根据界面提示释放实例。
  • 如果需要继续使用实例,请至少在试用到期1小时前为阿里云账号充值,确保账户金额不小于100.00元人民币。到期未续费的实例会因欠费而被自动停机,停机15天内实例将保留,15天后实例和数据都将被自动释放。

包年包月实例释放

  • 包年包月实例到期会自动释放,释放实例的同时释放数据。
  • 如果需要继续使用实例,请在试用到期前及时续费。到期未续费的实例会因欠费而被自动停机,停机15天内实例将保留,15天后实例和数据都将被自动释放。

2.OSS提供3个月的免费资源包,包含每月20 GB的标准(LRS)存储、每月2 GB的下行流量、每月20万次的请求数。完成教程后,请参考以下场景处理OSS资源:

  • 如果无需继续使用OSS Bucket,您可以登录对象存储OSS控制台,在文件列表页面,找到视频课程文件,然后在文件右侧操作列,选择 >彻底删除,根据界面提示删除文件。然后在左侧导航栏,选择删除Bucket,在删除Bucket页面,单击删除Bucket,然后根据界面提示删除Bucket。
  • 如果需继续使用OSS Bucket,请务必至少在资源包试用到期1小时前为您的阿里云账号充值或购买新的资源包。欠费后如果在延期免停权益额度内,您的服务将不会受到停服影响。欠费后如果超出了延期免停权益额度,OSS服务将自动停止。如果您在OSS停服后15天内未补足欠款,将视为您主动放弃OSS存储服务,阿里云将终止本产品服务条款并停止为您继续提供服务,您保存在阿里云的全部数据将会被清理删除,清理后数据不可恢复。

后续

在试用有效期期间,您还可根据希望测试的其它业务场景继续使用OSS Bucket

实验链接:https://developer.aliyun.com/adc/scenario/be2b2fb7045a4de7b35d1a3a1f65e466

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
相关文章
|
11天前
|
存储 小程序 API
对象存储OSS产品常见问题之前端直传视频获取视频的长度获得多少秒如何解决
对象存储OSS是基于互联网的数据存储服务模式,让用户可以安全、可靠地存储大量非结构化数据,如图片、音频、视频、文档等任意类型文件,并通过简单的基于HTTP/HTTPS协议的RESTful API接口进行访问和管理。本帖梳理了用户在实际使用中可能遇到的各种常见问题,涵盖了基础操作、性能优化、安全设置、费用管理、数据备份与恢复、跨区域同步、API接口调用等多个方面。
31 0
|
7月前
|
存储 弹性计算 网络安全
搭建基于OSS的图片分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个图片分享网站。
337 0
|
1月前
|
机器学习/深度学习 编解码 API
视觉智能平台常见问题之如何将融合后的视频上传至oss
视觉智能平台是利用机器学习和图像处理技术,提供图像识别、视频分析等智能视觉服务的平台;本合集针对该平台在使用中遇到的常见问题进行了收集和解答,以帮助开发者和企业用户在整合和部署视觉智能解决方案时,能够更快地定位问题并找到有效的解决策略。
33 3
|
6月前
|
Java 对象存储
【工具类】使用阿里oss实现图片、视频、文档上传
【工具类】使用阿里oss实现图片、视频、文档上传
228 0
|
4月前
|
对象存储
uniapp对接oss视频上传+压缩
uniapp对接oss视频上传+压缩
282 0
|
4月前
|
vr&ar 对象存储
oss视频截封面
oss视频截封面
243 0
|
7月前
|
存储 弹性计算 数据管理
云上有“数”系列实验(1)——利用OSS搭建在线教育视频课程分享网
本场景将基于一台配置了CentOS 7.7的ECS实例(云服务器)和OSS资源。通过本教程的操作,您可以在ECS实例上搭建在线教育网站,从OSS中上传数据,可以开通OSS传输加速对OSS数据进行加速访问,并且可以设置生命周期对OSS进行降本增效。
|
1月前
|
Java API 开发工具
如何用阿里云 oss 下载文件
阿里云对象存储服务(OSS)提供了多种方式下载文件,以下讲解下各种方式的下载方法
942 1
|
1月前
|
存储 安全 对象存储
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
本文详细介绍了怎样帮助新手小白从注册,购买阿里云OSS,到一步一步配置OSS做为图床,和PicGo、Typora软件连接,配置好关联之后,在使用Typora写文章时,如果需要插入图片,只需要将图片复制粘贴到Typora的编辑区域,就会自动通过PicGo上传到指定图床,自动复制外网能访问的URL并展示,简直不要太方便,极大的解决了编辑文章时复制处理图片链接的痛点。
188 2
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
|
2月前
|
对象存储
minio临时凭证直传切换到阿里云oss
minio临时凭证直传切换到阿里云oss
180 1