HarmonyOS开发者限时福利来啦!最高10w+现金激励等你拿~ 了解详情
写点什么

如何搭建小型视频点播网站

  • 2019-10-21
  • 本文字数:3448 字

    阅读完需:约 11 分钟

如何搭建小型视频点播网站

视频点播是二十世纪 90 年代在国外发展起来的,英文称为“Video on Demand”,所以也称为“VOD”。顾名思义,就是根据观众的要求播放节目的视频点播系统,把用户所点击或选择的视频内容,传输给所请求的用户。视频点播业务是近年来新兴的传媒方式,是计算机技术、网络通信技术、多媒体技术、电视技术和数字压缩技术等多领域融合的产物。目前,在完善的技术平台支持下,通过互联网向用户在线流畅的发布视频作品成为主流,常用的视频点播网站有爱奇艺、腾讯视频等。

视频点播网站建设分为域名的注册、服务器的准备、视频资源的准备和网站的搭建几个部分,本文将以京东云的产品和服务为基础,进行小型视频点播网站的搭建,为小型企业或个人用户提供帮助。

一、注册域名

购买域名

京东云域名服务是集域名注册、解析、监控和保护为一体的综合域名管理平台。域名服务帮助您实现以下需求: - 域名注册:提供丰富的域名种类供您选择。 - 域名保障:基于隐私保护、安全锁等安全服务,全面保障您的注册信息和域名信息,免遭恶意骚扰。 - 品牌保护:用域名保护您的品牌,帮助集团及大型企业安全、高效的管理品牌和域名。 - 域名解析:依托京东云解析,提供免费、高效、安全的 DNS 服务器,保障域名即买即用。


打开京东云官网,进入控制台


  • 选择域名服务:域名具有全球唯一性,注册之前需要查询您的域名是否可注册。



  • 加入购物车:选择想要注册的域名,点击“立即结算”前往购物车,在购物车中,选择注册年限并勾选域名注册协议。



  • 完成支付:域名属于即时产品,无法预订,只有最终付款成功才算注册成功,所以下单后请尽快结算。付款方式有多种,推荐通过网银支付,支付成功后,您可以在会员中心-域名管理中找到域名并进行管理。


如果注册的是.cn 等国内域名,注册成功后还需要提交与域名注册信息相同的资料,进行实名制认证,成功后域名才能正常使用;如果在注册过程中,选择已实名认证的信息模板,则可以省略此步骤。

域名备案

网站备案是指向主管机关报告事由存案以备查考。行政法角度看备案,实践中主要是《立法法》和《法规规章备案条例》的规定。网站备案的目的就是为了防止在网上从事非法的网站经营活动,打击不良互联网信息的传播,如果网站不备案将会被拦截。


备案是域名指向国内 IP 时,在服务器提供商处的备案系统提交备案申请。如您购买了京东云服务器(有效期必须为 3 个月以上的包年/包月类型),且域名有使用备案的需求,即可按照如下图示操作:



备案详细流程请见京东云帮助文档

域名解析

初期网站小,内容较少,可以使用京东云云解析免费版,后期随着网站的扩容再根据情况选择企业版或企业高级版。详细操作流程见京东云帮助文档

二、准备服务器

域名注册后,则需要购买云上资源,根据网站规模选择购买云上资源,云上资源涉及到云主机、云存储(云硬盘、对象存储)和公网 IP&带宽,京东云按需配置云主机的操作系统、CPU、内存、硬盘及网络带宽,快速创建和释放,合理分配资源,并可根据需求进行横向和纵向的伸缩,避免资源浪费,初期可以先购买较低配置,后续根据业务需要再进行扩容。


本文使用 centos 服务器作为网站服务系统,创建 linux 实例详见京东云帮助文档

三、使用京东视频云建立视频资源库

开通视频点播服务

打开京东云官网,进入产品-视频点播,点击开通服务,按指引开通视频点播服务。

上传视频文件

服务开通后,进入京东云控制台,进入视频服务-视频点播页面,选择“视频上传”,上传视频文件,如下图:



上传文件的同时,可根据需要选择转码:



上传完毕后,可以在视频管理页面查看已经上传的视频文件:



在全局配置界面可以进行转码设置、水印设置、分类设置、回调设置和域名设置,可以根据实际需要选择。


上传完毕后,可以在视频管理页面,对视频文件进行管理:



点击管理,如下:



点击 web 播放器代码,复制代码备用。


四、网站搭建

综述

网站需要 web 服务器来架构,网页设计美工人员(使用 flash、dreamweaver、firework、photoshop 等设计工具),网页开发人员(使用 ASP、JavaScript、PHP、HTML、ASPX&.net 等语言)。本文使用 Apache 进行网站搭建,不包括 html 开发。


Apache HTTP Server(简称 Apache)是 Apache 软件基金会的一个开放源码的网页服务器,可以在大多数计算机操作系统中运行,由于其多平台和安全性被广泛使用,是最流行的 Web 服务器端软件之一。它快速、可靠并且可通过简单的 API 扩展,将 Perl/Python 等解释器编译到服务器中。


Apache HTTP 服务器是一个模块化的服务器,源于 NCSAhttpd 服务器,经过多次修改,成为世界使用排名第一的 Web 服务器软件。它可以运行在几乎所有广泛使用的计算机平台上。

服务搭建

云主机购买后,我们使用 SSH 工具连接主机,进行配置,本文使用 putty 工具(putty 是一个开源的 Telnet、SSH、rlogin、纯 TCP 以及串行接口连接软件,可访问https://www.putty.org/进行下载)。


登录京东云控制台,选择弹性计算-云主机-实例,可看到购买的主机实例:



打开 putty 进行连接:




使用 root 账户登录:



使用 yum 包安装 Apache 软件


1# yum -y install httpd*     -安装Apache软件2# rpm -qa | grep httpd     --查看安装的http包
复制代码



显示如上图,安装成功。


安装成功后,会产生下面两个文件:


1    /etc/httpd/conf/httpd.conf  # 主配置文件2/var/www/html                # 网站根目录
复制代码


配置 Apache 服务开机启动:


1# systemctl enable httpd
复制代码



启动 Apache 服务:


1# systemctl start httpd2    # lsof -i:80         --查看httpd服务是否启动
复制代码



如上图则表示服务启动成功。


打开浏览器,输入云主机公网 IP,显示下图:


网站内容建设

本文使用 HTML 搭建一个简单的网页结构。


HTML 由 N 个标签(节点、元素、标记)组成,语法非常松散。常见的 HTML 标签:


  • 标题:h1,h2,h3,h4,h5…

  • 段落:p

  • 换行:br

  • 容器:div,span(用来容纳其他标签)

  • 表格:table,tr,td

  • 列表:ul,ol,li

  • 图片:img

  • 表单:input

  • 链接:a


一个最简单 html 页面代码如下:


 1<!DOCTYPE html> 2<html> 3    <head> 4        <title>这是个标题</title> 5    </head> 6    <body> 7        <h1>这是一个一个简单的HTML</h1> 8        <p>Hello World!</p> 9    </body>10</html>
复制代码


我们做一点简单的内容填充、格式布置,之后嵌入本文《3.2 上传视频文件》章节中生成的播放器代码,如下:


 1<!DOCTYPE html> 2<html> 3<head> 4<mate charset="utf-8"/> 5<title>视频网</title> 6</head> 7<body> 8    <center><h1>示例视频网</h1></center> 9    <center><h2>Powered by JDcloud</h2></center>10    <center>11    <!DOCTYPE html>12<html lang="en">13<head>14    <meta charset="UTF-8">15    <meta name="viewport" content="width=device-width, initial-scale=1.0">16    <meta http-equiv="X-UA-Compatible" content="ie=edge">17    <title>Document</title>18    <link href="https://j.jdcloud.com/video/player/css/jdplayer.css?v20190524" type="text/css" rel="stylesheet" />19    <script src="https://j.jdcloud.com/video/player/js/jdplayer.min@v1.0.0.js?v20190524"></script>20    <script src="https://j.jdcloud.com/video/player/js/flv.min.js?v20190524"></script>21    <script src="https://j.jdcloud.com/video/player/js/jdplayer-flvjs.min.js?v20190524"></script>22</head>23  <body>24    <video id='my-video' class='jdplayer' controls preload='auto' width='640' height='360'>25    </video>2627    <script>28      var options = {29            autoplay: true,30            muted: true,31            userPin: 'jdc-40',32            videoId: 'a80bc4d9-0a34-4d57-8079-393cc6429a7d'33        };34      var player = JDplayer('my-video', options);35     </script>36  </body>37</html>38    </center>39</body>40</html>
复制代码


将该文件保存为 index.html

上传网页至云服务器

我们使用 putty 官方提供的 PSCP 来上传文件。打开 putty 安装目录,查看是否有 PSCP:



如果没有可以去官网下载。


我们以广泛使用的 windows 系统系统为例,进行网页文件上传。打开 cmd,使用 cd 命令行访问到 putty 安装目录:



把本地文件上传到 LINUX 服务器的目录中。命令格式:pscp 文件 用户名 @LINUXIP:目录



输入用户名密码后,显示如上图则复制成功。

五、网站展示

打开浏览器,输入云主机公网 IP,网站显示如下,我们在视频云中上传的视频文件可以在网页中点击播放,注册域名后,将服务器 IP 绑定至域名,可以实现域名登录网站。



2019-10-21 18:351851

评论

发布
暂无评论
发现更多内容

python scrapy极细拆解,打开Spider类看内容,顺手爬了一下优设网

梦想橡皮擦

12月日更

【量化】实战获取资产组合理论模型的数据源

恒生LIGHT云社区

资源 量化投资 量化

Go语言逆向技术:恢复函数名称算法

华为云开发者联盟

二进制 函数 go语言 逆向分析 恢复函数名称

了解 Flutter 的Timer类和Timer.periodic【Flutter专题19】

坚果

flutter 28天写作 签约计划第二季 12月日更

2.react心智模型(来来来,让大脑有react思维吧)

buchila11

React

数据分析从零开始实战专栏导航@老表

老表

Python 数据库 数据分析 pandas 数据分析从零开始实战

管人理事

张老蔫

28天写作

Perforce用户文章转载:用了P4这一招,九成问题能自救

龙智—DevSecOps解决方案

报错 perforce

大厂面试算法题之链表

程序员学长

好习惯影响孩子的一生

Tiger

28天写作

年度重磅!华为云2021应用构建技术实践精选集,免费下载!

华为云开发者联盟

数据库 大数据 云原生 数字化 华为云

通过接口上传文件到百度网盘

为自己带盐

28天写作 百度网盘 签约计划第二季 12月日更

Flutter 详解 CupertinoSegmentedControl 分段控制器

阿策小和尚

28天写作 0 基础学习 Flutter 内容合集 签约计划第二季 12月日更

java开发之java开发环境的快速构建

@零度

Java java开发环境

模块一课程作业

李晓笛

【LeetCode】二叉搜索树中的搜索Java题解

Albert

算法 LeetCode 12月日更

Go语言学习查缺补漏ing Day6

恒生LIGHT云社区

golang 编程语言

万众提供素材,万众联合创作

mtfelix

28天写作

如果TGO是经纪人,我们会怎么办?(9/28)

赵新龙

28天写作

架构师实战营模块一作业

圈圈gor

「架构实战营」

第三天用 Mac,我安装了这些玩意

悟空聊架构

Mac 28天写作 悟空聊架构 12月日更

给弟弟的信第7封|离开大学的喜与悲

大菠萝

28天写作

人人都能读懂的react源码解析(大厂高薪必备)

buchila11

React React Hooks

李飞飞力荐:阿里巴巴高可用数据库解决方案

博文视点Broadview

高效设计一个LRU

bigsai

数据结构 算法 LRU

Android C++系列:Linux网络(二)通信过程

轻口味

c++ android 28天写作 12月日更

基于MRS-Hudi构建数据湖的典型应用场景介绍

华为云开发者联盟

数据仓库 数据湖 华为云 Apache Hudi MRS-Hudi

dart系列之:浏览器中的舞者,用dart发送HTTP请求

程序那些事

flutter 浏览器 dart 程序那些事 12月日更

【报名中】我们把你对 ShardingSphere 的好奇,都放在这场 Meetup 中

SphereEx

数据库 开源社区 ShardingSphere Meetup SphereEx

前端面试题之模块化开发

@零度

大前端 模块化

API标准化对Dapr的重要性

行云创新

如何搭建小型视频点播网站_架构_吴世超_InfoQ精选文章