搜尋
首頁運維NginxNginx如何搭建圖片視訊伺服器

1 前言

首先是兩人故事:

1.1 關於影片

好幾年前,我還在上家公司就職的時候,工作電腦是不連外網的,內網開發,真滴難受,查啥資料的時候,只能用手機。有啥不會的,查到代碼了,只能對著一個一個敲。

有一天,俺們接待了一個客戶,想給他看我們新產品的的宣傳視頻,但是視頻剛弄好,還在內網,他們坐在會議室聊著天等著看視頻,俺們老大出來取視頻,拿著筆記本,傻愣愣的,視頻在內網,台式機又全部把usb口屏蔽了。忒緊急,不曉得咋辦,從內網取東西,又需要郵件一層層審核。這時候,俺站出來了,用nginx將影片透過我們和三方聯調開放的連接埠轉發到外網了,客戶看完了,很高興。結果我挨了一頓批,說我不符合公司流程啥的,最後俺老大把責任擔了。 。 。過程很美好,結果不咋地。

1.2 關於圖片

還有一次,是在之後一家公司,做車抵貸業務的,用戶資訊頁面,顯示人的,車的,發票的,行駛證的,亂七八糟加​​起來要顯示50多張圖片,上傳是客戶上傳的,但是營運要在審核頁面查看照片審核。現在的手機都賊好,相機拍攝的都7M,8M的。一個頁面光圖片顯示都要400M,這還是一個用戶的,當時圖片是在阿里的OSS上儲存的,下載下來極慢。這時候,老大不高興了,運營人員審批一個人的資料得5分鐘,四分半在等圖片加載,技術是做什麼吃的。然後壓力來到了前端哥們那邊,在上傳圖片的時候進行壓縮。但是最多到2M3M左右,實在下不去了。苦苦研究了好幾天偶然被我聽到了,我就說這用nginx不是很美嗎,直接搞一個本地靜態資源伺服器,擱本地存圖片,直接內網訪問不是很快。 老大也很開心,就這麼搞出來也很舒服,但是問題是,伺服器1T磁碟,用戶量也不小,可能沒幾天就滿了。但沒幾天,國家整治小貸公司,用戶不還款,沒等到伺服器滿,公司沒了。過程也很美好,結果更不咋地,但這次不怪我。

下面我就簡單介紹下這兩個部署步驟吧。

2 搭建圖片伺服器

這個簡單,設定一下就好,但要注意gzip的壓縮對圖片影片等資源是沒用的,開啟了不但不會減少還佔用cpu資源。這裡為了示範,直接將圖片檔案放在html下了。

Nginx如何搭建圖片視訊伺服器

2.1 設定檔

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

2.2 顯示效果

直接位址加埠加檔名存取

139.155.71.11:8081/image/test1.jpeg

Nginx如何搭建圖片視訊伺服器

3 建立視訊伺服器

這個就有幾點要注意了

  • 想要在chrome裡播放,影片編碼必​​須是H264的,其他的都是黑屏,只有聲音,沒有影像。

  • 需要新增mp4模組

3.1 新增影片模組

備份nginx的設定檔,注意,一定要備份,make的時候搞沒了你會傷心的。

在nginx的解壓縮目錄執行如下指令,當然,要是本來就有其他的模組,也要一起加入上然後執行。

./configure --with-http_mp4_module

然後

make
make install

將備份的設定檔放好,重啟nginx就行

3.2 設定檔

server {
    listen       8082;
    server_name  somename  alias  another.alias;

    location /video {
        root   html;
        mp4;
        mp4_buffer_size 1m;#处理mp4初始内存大小
        mp4_max_buffer_size 50m;#处理mp4最大内存大小
        limit_rate 150k; #限速
        limit_rate_after 20m;   #在20m后限速
    }
}

3.3 展示

#訪問地址加埠加檔名就可以存取到想要的影片了。

139.155.71.11:8082/video/test4.mp4

影片效果如下:

Nginx如何搭建圖片視訊伺服器

#

以上是Nginx如何搭建圖片視訊伺服器的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:亿速云。如有侵權,請聯絡admin@php.cn刪除
使用NGINX:優化網站性能和可靠性使用NGINX:優化網站性能和可靠性May 09, 2025 am 12:19 AM

NGINX可通过以下方式提升网站性能和可靠性:1.作为Web服务器处理静态内容;2.作为反向代理服务器转发请求;3.作为负载均衡器分配请求;4.作为缓存服务器减轻后端压力。通过配置优化如启用Gzip压缩和调整连接池,NGINX能显著提高网站性能。

NGINX的目的:服務Web內容等NGINX的目的:服務Web內容等May 08, 2025 am 12:07 AM

nginxserveswebcontentandactsasareverseproxy,loadBalancer和more.1)效率高效的servesstaticContentLikeHtmlandImages.2)itfunctionsasareverseproxybalancer,and andginxenhanceperforfforfforfforfforfforffrenfcaching.4)

NGINX單元:簡化應用程序部署NGINX單元:簡化應用程序部署May 07, 2025 am 12:08 AM

NGINXUnit通過動態配置和多語言支持簡化應用部署。 1)動態配置無需重啟服務器即可修改。 2)支持多種編程語言,如Python、PHP、Java。 3)採用異步非阻塞I/O模型,提升高並發處理性能。

NGINX的影響:Web服務器及其他NGINX的影響:Web服務器及其他May 06, 2025 am 12:05 AM

NGINX起初解決C10K問題,現已發展為處理負載均衡、反向代理和API網關的全能選手。 1)它以事件驅動和非阻塞架構聞名,適合高並發。 2)NGINX可作為HTTP和反向代理服務器,支持IMAP/POP3。3)其工作原理基於事件驅動和異步I/O模型,提升了性能。 4)基本用法包括配置虛擬主機和負載均衡,高級用法涉及復雜負載均衡和緩存策略。 5)常見錯誤包括配置語法錯誤和權限問題,調試技巧包括使用nginx-t命令和stub_status模塊。 6)性能優化建議包括調整worker參數、使用gzip壓縮和

NGINX故障排除:診斷和解決常見錯誤NGINX故障排除:診斷和解決常見錯誤May 05, 2025 am 12:09 AM

Nginx常見錯誤的診斷與解決方法包括:1.查看日誌文件,2.調整配置文件,3.優化性能。通過分析日誌、調整超時設置和優化緩存及負載均衡,可以有效解決404、502、504等錯誤,提高網站穩定性和性能。

使用NGINX單元部署應用程序:指南使用NGINX單元部署應用程序:指南May 04, 2025 am 12:03 AM

nginxunitischosenfordEployingApplicationsDuetoItsflexibility flexibility,sisofuse,andability tohandledynamicApplications.1)itupportsmultProgramprogrogminglanguagesLikeLikeLikePython,php,node.js,andjava.2)

NGINX和Web託管:服務文件和管理流量NGINX和Web託管:服務文件和管理流量May 03, 2025 am 12:14 AM

NGINX可用於服務文件和管理流量。 1)配置NGINX服務靜態文件:定義監聽端口和文件目錄。 2)實現負載均衡和流量管理:使用upstream模塊和緩存策略優化性能。

NGINX與Apache:比較Web服務器技術NGINX與Apache:比較Web服務器技術May 02, 2025 am 12:08 AM

NGINX適合處理高並發和靜態內容,Apache適用於動態內容和復雜URL重寫。 1.NGINX採用事件驅動模型,適合高並發。 2.Apache使用進程或線程模型,適用於動態內容。 3.NGINX配置簡單,Apache配置複雜但更靈活。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具