目錄

• 1 前言
• 1.1 關(guān)于視頻
• 1.2 關(guān)于圖片
• 2 搭建圖片服務(wù)器
• 2.1 配置文件
• 2.2 顯示效果
• 3 搭建視頻服務(wù)器
• 3.1 添加視頻模塊
• 3.2 配置文件
• 3.3 展示

1 前言

首先是倆故事：

1.1 關(guān)于視頻

好幾年前，我還在上上家公司就職的時(shí)候，工作電腦是不連外網(wǎng)的，內(nèi)網(wǎng)開發(fā)，真滴難受，查啥資料的時(shí)候，只能用手機(jī)。有啥不會(huì)的，查到代碼了，只能對(duì)著一個(gè)一個(gè)敲。

有一天，俺們接待了一個(gè)客戶，想給他看我們新產(chǎn)品的的宣傳視頻，但是視頻剛弄好，還在內(nèi)網(wǎng)，他們坐在會(huì)議室聊著天等著看視頻，俺們老大出來(lái)取視頻，拿著筆記本，傻愣愣的，視頻在內(nèi)網(wǎng)，臺(tái)式機(jī)又全部把usb口屏蔽了。忒緊急，不曉得咋辦，從內(nèi)網(wǎng)取東西，又需要郵件一層層審批。這個(gè)時(shí)候，俺站出來(lái)了，用nginx將視頻通過(guò)我們和三方聯(lián)調(diào)開放的端口轉(zhuǎn)發(fā)到外網(wǎng)了，客戶看完了，很高興。結(jié)果我挨了一頓批，說(shuō)我不符合公司流程啥的，最后俺老大把責(zé)任擔(dān)了。。。過(guò)程很美好，結(jié)果不咋地。

1.2 關(guān)于圖片

還有一次，是在之后一家公司，做車抵貸業(yè)務(wù)的，用戶信息頁(yè)面，顯示人的，車的，發(fā)票的，行駛證的，亂七八糟加起來(lái)要顯示50多張圖片，上傳是客戶上傳的，但是運(yùn)營(yíng)要在審批頁(yè)查看照片審批。現(xiàn)在的手機(jī)都賊好，相機(jī)拍攝的都7M，8M的。一個(gè)頁(yè)面光圖片顯示都要400M，這還是一個(gè)用戶的，當(dāng)時(shí)圖片是在阿里的OSS上存儲(chǔ)的，下載下來(lái)極慢。這時(shí)候，老大不高興了，運(yùn)營(yíng)人員審批一個(gè)人的資料得5分鐘，四分半在等圖片加載，技術(shù)是干什么吃的。然后壓力來(lái)到了前端哥們那邊，在上傳圖片的時(shí)候進(jìn)行壓縮。但是最多到2M3M左右，實(shí)在下不去了。苦苦研究了好幾天偶然被我聽到了，我就說(shuō)這用nginx不是很美嗎，直接搞一個(gè)本地靜態(tài)資源服務(wù)器，擱本地存圖片，直接內(nèi)網(wǎng)訪問(wèn)不是很快。 老大也很開心，就這么搞出來(lái)也很舒服，但是問(wèn)題是，服務(wù)器1T磁盤，用戶量也不小，可能沒(méi)幾天就滿了。但是沒(méi)幾天，國(guó)家整治小貸公司，用戶不還款，沒(méi)等到服務(wù)器滿，公司沒(méi)了。過(guò)程也很美好，結(jié)果更不咋地，但這次不怪我。

下面我就簡(jiǎn)單介紹下這兩個(gè)部署步驟吧。

2 搭建圖片服務(wù)器

這個(gè)簡(jiǎn)單，配置一下就好，但要注意gzip的壓縮對(duì)圖片視頻等資源是沒(méi)用的，開啟了不但不會(huì)減小還占用cpu資源。這里為了演示，直接將圖片文件放在html下了。

2.1 配置文件

server {    listen       8081;    server_name  somename  alias  another.alias;location /image {    root   html;    autoindex on;}}

2.2 顯示效果

直接地址加端口加文件名訪問(wèn)

139.155.71.11:8081/image/test1.jpeg

3 搭建視頻服務(wù)器

這個(gè)就有幾點(diǎn)需要注意了

• 想要在chrome播放，視頻編碼必須是H264的，其他的都是黑屏，只有聲音，沒(méi)有圖像。
• 需要添加mp4模塊

3.1 添加視頻模塊

備份nginx的配置文件，注意，一定要備份，make的時(shí)候搞沒(méi)了你會(huì)傷心的。

在nginx的解壓目錄執(zhí)行如下命令，當(dāng)然，要是本來(lái)就有其他的模塊，也要一起添加上然后執(zhí)行。

./configure --with-http_mp4_module

然后

makemake install

將備份的配置文件放好，重啟nginx就行

3.2 配置文件

server {    listen       8082;    server_name  somename  alias  another.alias;    location /video {root   html;mp4;mp4_buffer_size 1m;#處理mp4初始內(nèi)存大小mp4_max_buffer_size 50m;#處理mp4最大內(nèi)存大小limit_rate 150k; #限速limit_rate_after 20m;   #在20m后限速    }}

3.3 展示

訪問(wèn)地址加端口加文件名就可以訪問(wèn)到想要的視頻了。

139.155.71.11:8082/video/test4.mp4

視頻效果如下：

到此這篇關(guān)于有關(guān)nginx搭建圖片視頻服務(wù)器的兩個(gè)親身小故事的文章就介紹到這了,更多相關(guān)nginx搭建圖片視頻服務(wù)器內(nèi)容請(qǐng)搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持！