如何搭建小型視頻點播網站

時間 2019-11-19

原文原文鏈接

視頻點播是二十世紀90年代在國外發展起來的，英文稱爲「Video on Demand」，因此也稱爲「VOD」。顧名思義，就是根據觀衆的要求播放節目的視頻點播系統，把用戶所點擊或選擇的視頻內容，傳輸給所請求的用戶。視頻點播業務是近年來新興的傳媒方式，是計算機技術、網絡通訊技術、多媒體技術、電視技術和數字壓縮技術等多領域融合的產物。目前，在完善的技術平臺支持下，經過互聯網向用戶在線流暢的發佈視頻做品成爲主流，經常使用的視頻點播網站有愛奇藝、騰訊視頻等。css

視頻點播網站建設分爲域名的註冊、服務器的準備、視頻資源的準備和網站的搭建幾個部分，本文將以京東雲的產品和服務爲基礎，進行小型視頻點播網站的搭建，爲小型企業或我的用戶提供幫助。html

1、註冊域名

購買域名

京東雲域名服務是集域名註冊、解析、監控和保護爲一體的綜合域名管理平臺。域名服務幫助您實現如下需求： - 域名註冊：提供豐富的域名種類供您選擇。 - 域名保障：基於隱私保護、安全鎖等安全服務，全面保障您的註冊信息和域名信息，免遭惡意騷擾。 - 品牌保護：用域名保護您的品牌，幫助集團及大型企業安全、高效的管理品牌和域名。 - 域名解析：依託京東雲解析，提供免費、高效、安全的 DNS 服務器，保障域名即買即用。linux

打開京東雲官網，進入控制檯web

選擇域名服務：域名具備全球惟一性，註冊以前須要查詢您的域名是否可註冊。windows
加入購物車：選擇想要註冊的域名，點擊「當即結算」前往購物車，在購物車中，選擇註冊年限並勾選域名註冊協議。centos
完成支付：域名屬於即時產品，沒法預訂，只有最終付款成功纔算註冊成功，因此下單後請儘快結算。付款方式有多種，推薦經過網銀支付，支付成功後，您能夠在會員中心-域名管理中找到域名並進行管理。瀏覽器

![(https://upload-images.jianshu.io/upload_images/16638459-7a10993c6ee5408a?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)安全

若是註冊的是.cn等國內域名，註冊成功後還須要提交與域名註冊信息相同的資料，進行實名制認證，成功後域名才能正常使用；若是在註冊過程當中，選擇已實名認證的信息模板，則能夠省略此步驟。服務器

域名備案

網站備案是指向主管機關報告事由存案以備查考。行政法角度看備案，實踐中主要是《立法法》和《法規規章備案條例》的規定。網站備案的目的就是爲了防止在網上從事非法的網站經營活動，打擊不良互聯網信息的傳播，若是網站不備案將會被攔截。網絡

備案是域名指向國內IP時，在服務器提供商處的備案系統提交備案申請。如您購買了京東雲服務器（有效期必須爲3個月以上的包年/包月類型），且域名有使用備案的需求，便可按照以下圖示操做：

備案詳細流程請見京東雲幫助文檔：https://docs.jdcloud.com/cn/icp-license-service/process

域名解析

初期網站小，內容較少，可使用京東云云解析免費版，後期隨着網站的擴容再根據狀況選擇企業版或企業高級版。詳細操做流程見京東雲幫助文檔：https://docs.jdcloud.com/cn/jd-cloud-dns/domainadd。

2、準備服務器

域名註冊後，則須要購買雲上資源，根據網站規模選擇購買雲上資源，雲上資源涉及到雲主機、雲存儲（雲硬盤、對象存儲）和公網IP&帶寬，京東雲按需配置雲主機的操做系統、CPU、內存、硬盤及網絡帶寬，快速建立和釋放，合理分配資源，並可根據需求進行橫向和縱向的伸縮，避免資源浪費，初期能夠先購買較低配置，後續根據業務須要再進行擴容。

本文使用centos服務器做爲網站服務系統，建立linux實例詳見京東雲幫助文檔：https://docs.jdcloud.com/cn/virtual-machines/create-linux-instance

3、使用京東視頻雲創建視頻資源庫

開通視頻點播服務

打開京東雲官網，進入產品-視頻點播，點擊開通服務，按指引開通視頻點播服務。

上傳視頻文件

服務開通後，進入京東雲控制檯，進入視頻服務-視頻點播頁面，選擇「視頻上傳」，上傳視頻文件，以下圖：

上傳文件的同時，可根據須要選擇轉碼：

上傳完畢後，能夠在視頻管理頁面查看已經上傳的視頻文件：

在全局配置界面能夠進行轉碼設置、水印設置、分類設置、回調設置和域名設置，能夠根據實際須要選擇。

上傳完畢後，能夠在視頻管理頁面，對視頻文件進行管理：

點擊管理，以下：

點擊web播放器代碼，複製代碼備用。

4、網站搭建

綜述

網站須要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