怎么做到微信直播，HTML5直播，低延時

功能模塊概述

成都創(chuàng)新互聯是專業(yè)的乾安網站建設公司，乾安接單;提供網站制作、成都網站制作,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行乾安網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!

通過obs客戶端推流到nginx流媒體服務器上，對流媒體用ffmpeg將流剪切為若干段ts流文件并保存到臨時目錄中，通過訪問m3u8格式拼接ts流文件段來觀看直播。

推流端

采用開源工具OBS客戶端進行推流

根據項目的推流地址，填入OBS客戶端（下載地址）中，并設置場景，保存后重啟，便可開始推流。

為更加穩(wěn)定的推流，建議使用以上鏈接中的v0.625穩(wěn)定版本，按提示安裝完成后，打開設定.在廣播設定中，伺服器統(tǒng)一填寫我們項目的流媒體接收流地址：

rtmp://127.0.0.1:1935/hls/

以上這幾個數據都是可以更改的。

127.0.0.1——你的流媒體服務器ip

1935——你的rtmp端口號

hls——你的直播nginx配置模塊

具體在下文中也有詳細介紹

配置地址

回到主界面，右鍵來源，選擇添加視頻捕捉設備或獲取窗口等（相關設置默認即可），點擊開始串流，便可開始直播。

添加場景

圖為添加視頻捕捉設備后的直播畫面：

直播中

流媒體服務器

Nginx接收推流模塊

rtmp_auto_push on;

rtmp {

server {

listen 1935;

application hls {

live on;

hls on;

hls_path /tmp/hls;

on_publish 項目地址/liveOnPublish;

on_publish_done 項目地址/liveOnDone;

notify_method get;

}

}

}

配上我在word上的注解

注解1

Nginx處理直播流模塊

http {

server {

listen 80;

server_name localhost;

location /hls {

secure_link $arg_st,$arg_e;

secure_link_md5 key$arg_e;

subs_filter .ts '.ts?st=$arg_ste=$arg_eclentip=$remote_addr';

subs_filter_types application/vnd.apple.mpegurl;

if ($secure_link = "") {

return 402;

}

if ($secure_link = "0") {

return 403;

}

# Serve HLS fragments

types {

application/vnd.apple.mpegurl m3u8;

video/mp2t ts;

}

root /tmp;

add_header Cache-Control no-cache;

}

}

}

注解2

項目部署服務器

流媒體服務器不通過項目服務器，整個直播過程的推流和處理流都在流媒體服務器上進行。項目服務器主要進行直播地址加密處理意見推流開始和結束觸發(fā)的方法（liveOnPublish()，liveOnDone()）已及對直播地址加密.

播放端

直接通過HTML5中的video標簽設置src來播放直播流。如：

video src="pro/live.m3u8?st=UM/L8jdfTlY2b1j1F6XSxA==e=1468548530

" controls="controls"/video

存在的問題

延遲待測試（不科學的數據是安卓手機普遍在30-40s，蘋果手機在20-30s）

并發(fā)待測試

掉幀待測試（網速影響大，網絡好幾乎不掉幀，網絡差掉一半，用戶體驗差）

如何使用ffmpeg查看html5的codec

在系統(tǒng)環(huán)境變量的path中添加FFMPEG可執(zhí)行程序的的目錄。

例如FFMPEG位于D:\ffmpeg\bin中。右鍵“我的電腦”-屬性-高級系統(tǒng)設置-高級-環(huán)境變量，找到名字為path的變量，在其后追加字符串：D:\ffmpeg\bin;（結尾是有分號的）。設置完一般重啟后生效。

設置后，在任意目錄下都可以用ffmpeg.exe（ffplay.exe）轉碼（播放）。

FFmpeg功能命令匯總

前言

如此強大的FFmpeg，能夠實現視頻采集、視頻格式轉化、視頻截圖、視頻添加水印、視頻切片、視頻錄制、視頻推流、更改音視頻參數功能等。通過終端命令如何實現這些功能，Richy在本文做一記錄，以備之后查閱。

注意：下面一一列舉的命令，未歸類整理，命令參數供參考。

如果參數有誤，大家可對照文章－ FFmpeg參數命令 ，進行修改。

第一組

1.分離視頻音頻流

ffmpeg -i input_file -vcodec copy -an output_file_video//分離視頻流ffmpeg -i input_file -acodec copy -vn output_file_audio//分離音頻流

2.視頻解復用

ffmpeg –i test.mp4 –vcodec copy –an –f m4v test.264

ffmpeg –i test.avi –vcodec copy –an –f m4v test.264

3.視頻轉碼

ffmpeg –i test.mp4 –vcodec h264 –s 352*278 –an –f m4v test.264

//轉碼為碼流原始文件

ffmpeg –i test.mp4 –vcodec h264 –bf 0 –g 25 –s 352*278 –an –f m4v test.264 //轉碼為碼流原始文件

ffmpeg –i test.avi -vcodec mpeg4 –vtag xvid –qsame test_xvid.avi //轉碼為封裝文件

說明： -bf B幀數目控制，-g 關鍵幀間隔控制，-s 分辨率控制

4.視頻封裝

ffmpeg –i video_file –i audio_file –vcodec copy –acodec copy output_file

5.視頻剪切

ffmpeg –i test.avi –r 1 –f image2 image-%3d.jpeg //提取圖片

ffmpeg -ss 0:1:30 -t 0:0:20 -i input.avi -vcodec copy -acodec copy output.avi //剪切視頻//-r 提取圖像的頻率，-ss 開始時間，-t 持續(xù)時間

6.視頻錄制

ffmpeg –i rtsp://192.168.3.205:5555/test –vcodec copy out.avi

7、利用ffmpeg視頻切片

主要把視頻源切成若干個.ts格式的視頻片段然后生成一個.m3u8的切片文件索引提供給html5的video做hls直播源

命令如下：

ffmpeg -i 視頻源地址 -strict -2 -c:v libx264 -c:a aac -f hls m3u8文件輸出地址

8、ffmpeg縮放視頻

假設原始視頻尺寸是 1080p（即 1920×1080 px，16:9），使用下面命令可以縮小到 480p：

命令如下：

ffmpeg -i 視頻源地址 -vf scale=853:480 -acodec aac -vcodec h264 視頻輸出地址（如：out.mp4）

各個參數的含義：-i a.mov 指定待處理視頻的文件名-vf scale=853:480 vf 參數用于指定視頻濾鏡，其中 scale 表示縮放，后面的數字表示縮放至 853×480 px，其中的 853px 是計算而得，因為原始視頻的寬高比為 16:9，所以為了讓目標視頻的高度為 480px，則寬度 = 480 x 9 / 16 = 853-acodec aac 指定音頻使用 aac 編碼。注：因為 ffmpeg 的內置 aac 編碼目前（寫這篇文章時）還是試驗階段，故會提示添加參數 “-strict -2” 才能繼續(xù)，盡管添加即可。又或者使用外部的 libfaac（需要重新編譯 ffmpeg）。-vcodec h264 指定視頻使用 h264 編碼。注：目前手機一般視頻拍攝的格式（封裝格式、文件格式）為 mov 或者 mp4，這兩者的音頻編碼都是 aac，視頻都是 h264。out.mp4 指定輸出文件名上面的參數 scale=853:480 當中的寬度和高度實際應用場景中通常只需指定一個，比如指定高度為 480 或者 720，至于寬度則可以傳入 “-1” 表示由原始視頻的寬高比自動計算而得。即參數可以寫為：scale=-1:480，當然也可以 scale=480:-1

9、ffmpeg裁剪

有時可能只需要視頻的正中一塊，而兩頭的內容不需要，這時可以對視頻進行裁剪（crop），比如有一個豎向的視頻 1080 x 1920，如果指向保留中間 1080×1080 部分命令如下：ffmpeg -i 視頻源地址 -strict -2 -vf crop=1080:1080:0:420 視頻輸出地址（如：out.mp4）

其中的 crop=1080:1080:0:420 才裁剪參數，具體含義是 crop=width:height:x:y，其中 width 和 height 表示裁剪后的尺寸，x:y 表示裁剪區(qū)域的左上角坐標。比如當前這個示例，我們只需要保留豎向視頻的中間部分，所以 x 不用偏移，故傳入0，而 y 則需要向下偏移：(1920 – 1080) / 2 = 420

10. 轉視頻格式

ffmpeng -i source.mp4 -c:v libx264 -crf 24 destination.flv

其中 -crf 很重要，是控制轉碼后視頻的質量，質量越高，文件也就越大。

此值的范圍是 0 到 51：0 表示高清無損；23 是默認值（如果沒有指定此參數）；51 雖然文件最小，但效果是最差的。

值越小，質量越高，但文件也越大，建議的值范圍是 18 到 28。而值 18 是視覺上看起來無損或接近無損的，當然不代表是數據（技術上）的轉碼無損。

第二組

1.ffmpeg 把文件當做直播推送至服務器 (RTMP + FLV)

ffmpeg - re -i demo.mp4 -c copy - f flv rtmp://w.gslb.letv/live/streamid

2.將直播的媒體保存到本地

ffmpeg -i rtmp://r.glsb.letv/live/streamid -c copy streamfile.flv

3.將一個直播流，視頻改用h264壓縮，音頻改用faac壓縮，送至另一個直播服務器

ffmpeg -i rtmp://r.glsb.letv/live/streamidA -c:a libfaac -ar 44100 -ab 48k -c:v libx264 -vpre slow -vpre baseline -f flv rtmp://w.glsb.letv/live/streamb

4.提取視頻中的音頻,并保存為mp3 然后輸出

ffmpeg -i input.avi -b:a 128k output.mp3

第三組

1.獲取視頻的信息

ffmpeg -i video.avi

2.將圖片序列合成視頻

ffmpeg -f image2 -i image%d.jpg video.mpg

上面的命令會把當前目錄下的圖片（名字如：image1.jpg. image2.jpg. 等...）合并成video.mpg

3.將視頻分解成圖片序列

ffmpeg -i video.mpg image%d.jpg

上面的命令會生成image1.jpg. image2.jpg. ...

支持的圖片格式有：PGM. PPM. PAM. PGMYUV. JPEG. GIF. PNG. TIFF. SGI

4.為視頻重新編碼以適合在iPod/iPhone上播放

ffmpeg -i source_video.avi input -acodec aac -ab 128kb -vcodec mpeg4 -b 1200kb -mbd 2 -flags +4mv+trell -aic 2 -cmp 2 -subcmp 2 -s 320x180 -title X final_video.mp4

5.為視頻重新編碼以適合在PSP上播放

ffmpeg -i source_video.avi -b 300 -s 320x240 -vcodec xvid -ab 32 -ar 24000 -acodec aac final_video.mp4

6.從視頻抽出聲音.并存為Mp3

ffmpeg -i source_video.avi -vn -ar 44100 -ac 2 -ab 192 -f mp3 sound.mp3

7.將wav文件轉成Mp3

ffmpeg -i son_origine.avi -vn -ar 44100 -ac 2 -ab 192 -f mp3 son_final.mp3

8.將.avi視頻轉成.mpg

ffmpeg -i video_origine.avi video_finale.mpg

9.將.mpg轉成.avi

ffmpeg -i video_origine.mpg video_finale.avi

10.將.avi轉成gif動畫（未壓縮）

ffmpeg -i video_origine.avi gif_anime.gif

11.合成視頻和音頻

ffmpeg -i son.wav -i video_origine.avi video_finale.mpg

12.將.avi轉成.flv

ffmpeg -i video_origine.avi -ab 56 -ar 44100 -b 200 -r 15 -s 320x240 -f flv video_finale.flv

13.將.avi轉成dv

ffmpeg -i video_origine.avi -s pal -r pal -aspect 4:3 -ar 48000 -ac 2 video_finale.dv

或者：

ffmpeg -i video_origine.avi -target pal-dv video_finale.dv

14.將.avi壓縮成divx

ffmpeg -i video_origine.avi -s 320x240 -vcodec msmpeg4v2 video_finale.avi

15.將Ogg Theora壓縮成Mpeg dvd

ffmpeg -i film_sortie_cinelerra.ogm -s 720x576 -vcodec mpeg2video -acodec mp3 film_terminate.mpg

16.將.avi壓縮成SVCD mpeg2

NTSC格式：

ffmpeg -i video_origine.avi -target ntsc-svcd video_finale.mpg

PAL格式：

ffmpeg -i video_origine.avi -target pal-dvcd video_finale.mpg

17.將.avi壓縮成VCD mpeg2

NTSC格式：

ffmpeg -i video_origine.avi -target ntsc-vcd video_finale.mpg

PAL格式：

ffmpeg -i video_origine.avi -target pal-vcd video_finale.mpg

18.多通道編碼

ffmpeg -i fichierentree -pass 2 -passlogfile ffmpeg2pass fichiersortie-2

19.從flv提取mp3

ffmpeg -i source.flv -ab 128k dest.mp3

第四組

1、將文件當做直播送至live

ffmpeg -re -i localFile.mp4 -c copy -f flv rtmp://server/live/streamName

2、將直播媒體保存至本地文件

ffmpeg -i rtmp://server/live/streamName -c copy dump.flv

3、將其中一個直播流，視頻改用h264壓縮，音頻不變，送至另外一個直播服務流

ffmpeg -i rtmp://server/live/originalStream -c:a copy -c:v libx264 -vpre slow -f flv rtmp://server/live/h264Stream

4、將其中一個直播流，視頻改用h264壓縮，音頻改用faac壓縮，送至另外一個直播服務流

ffmpeg -i rtmp://server/live/originalStream -c:a libfaac -ar 44100 -ab 48k -c:v libx264 -vpre slow -vpre baseline -f flv rtmp://server/live/h264Stream

5、將其中一個直播流，視頻不變，音頻改用faac壓縮，送至另外一個直播服務流

ffmpeg -i rtmp://server/live/originalStream -acodec libfaac -ar 44100 -ab 48k -vcodec copy -f flv rtmp://server/live/h264_AAC_Stream

6、將一個高清流，復制為幾個不同視頻清晰度的流重新發(fā)布，其中音頻不變

ffmpeg -re -i rtmp://server/live/high_FMLE_stream -acodec copy -vcodec x264lib -s 640×360 -b 500k -vpre medium -vpre baseline rtmp://server/live/baseline_500k -acodec copy -vcodec x264lib -s 480×272 -b 300k -vpre medium -vpre baseline rtmp://server/live/baseline_300k -acodec copy -vcodec x264lib -s 320×200 -b 150k -vpre medium -vpre baseline rtmp://server/live/baseline_150k -acodec libfaac -vn -ab 48k rtmp://server/live/audio_only_AAC_48k

7、功能一樣，只是采用-x264opts選項

ffmpeg -re -i rtmp://server/live/high_FMLE_stream -c:a copy -c:v x264lib -s 640×360 -x264opts bitrate=500:profile=baseline:preset=slow rtmp://server/live/baseline_500k -c:a copy -c:v x264lib -s 480×272 -x264opts bitrate=300:profile=baseline:preset=slow rtmp://server/live/baseline_300k -c:a copy -c:v x264lib -s 320×200 -x264opts bitrate=150:profile=baseline:preset=slow rtmp://server/live/baseline_150k -c:a libfaac -vn -b:a 48k rtmp://server/live/audio_only_AAC_48k

8、將當前攝像頭及音頻通過DSSHOW采集，視頻h264、音頻faac壓縮后發(fā)布

ffmpeg -r 25 -f dshow -s 640×480 -i video=”video source name”:audio=”audio source name” -vcodec libx264 -b 600k -vpre slow -acodec libfaac -ab 128k -f flv rtmp://server/application/stream_name

9、將一個JPG圖片經過h264壓縮循環(huán)輸出為mp4視頻

ffmpeg.exe -i INPUT.jpg -an -vcodec libx264 -coder 1 -flags +loop -cmp +chroma -subq 10 -qcomp 0.6 -qmin 10 -qmax 51 -qdiff 4 -flags2 +dct8x8 -trellis 2 -partitions +parti8x8+parti4x4 -crf 24 -threads 0 -r 25 -g 25 -y OUTPUT.mp4

10、將普通流視頻改用h264壓縮，音頻不變，送至高清流服務(新版本FMS live=1)

ffmpeg -i rtmp://server/live/originalStream -c:a copy -c:v libx264 -vpre slow -f flv “rtmp://server/live/h264Stream live=1〃

文／騷之哈塞給（作者）

分享標題：html5ffmpeg的簡單介紹
本文網址：http://vcdvsql.cn/article40/dsdepeo.html

成都網站建設公司_創(chuàng)新互聯，為您提供、網站策劃、商城網站、外貿建站、移動網站建設、企業(yè)建站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯