無心學習，把最近這段時間的所想所思寄託在這片土地上，算是對自己的一個交代，也是對各位大大們的一種感激。

原料：

（1）海康威視攝像頭一個

（2）PC機一臺

（3）阿里ip一個

實現的原理：

（1）ffmpeg的轉碼

（2）傳送到ffserver伺服器等待監聽，

（3）轉發到阿里雲ip，

（4）手機，瀏覽器 就可以通過輸入ip地址檢視。

解決步驟1：

rtsp視訊流

這裡的視訊流我當時是從海康那裡得到的

rtsp://admin:[email protected]:554/h264/ch1/main/av_stream

解決步驟2：

ffmpeg的配置與安裝

考慮到我們的最終目標是實現無外掛的視訊的播放，我視訊流的封裝格式採用了支援html5的webm格式。

webm格式的視訊流的編碼方式為vpx，而海康威視攝像頭是rtsp視訊流，採用的是H264格式編碼，因此要進行對視訊流的轉碼。

因此安裝ffmpeg時候，需要libx264和libvpx的安裝包。

編譯安裝流程

建立檔案包存放目錄

mkdir ~/ffmpeg_sources

安裝yasm

sudo apt-get install yasm

cd ~/ffmpeg_sources
wget http://download.videolan.org/pub/x264/snapshots/last_x264.tar.bz2
tar xjvf last_x264.tar.bz2
cd x264-snapshot*
PATH="$HOME/bin:$PATH" ./configure --prefix="$HOME/ffmpeg_build" --bindir="$HOME/bin" --enable-static --disable-opencl
PATH="$HOME/bin:$PATH" make
make install
make distclean
 

編譯安裝libfdk-aac（音訊可裝也可以不安裝）

cd ~/ffmpeg_sources
wget -O fdk-aac.tar.gz https://github.com/mstorsjo/fdk-aac/tarball/master
tar xzvf fdk-aac.tar.gz
cd mstorsjo-fdk-aac*
autoreconf -fiv
./configure --prefix="$HOME/ffmpeg_build" --disable-shared
make
make install
make distclean

cd ~/ffmpeg_sources
wget http://storage.googleapis.com/downloads.webmproject.org/releases/webm/libvpx-1.6.0.tar.bz2
tar xjvf libvpx-1.6.0.tar.bz2
cd libvpx-1.6.0
PATH="$HOME/bin:$PATH" ./configure --prefix="$HOME/ffmpeg_build" --disable-examples --disable-unit-tests
PATH="$HOME/bin:$PATH" make
make install
make clean
 

cd ~/ffmpeg_sources
wget http://ffmpeg.org/releases/ffmpeg-snapshot.tar.bz2
tar xjvf ffmpeg-snapshot.tar.bz2
cd ffmpeg
PATH="$HOME/bin:$PATH" PKG_CONFIG_PATH="$HOME/ffmpeg_build/lib/pkgconfig" ./configure \
  --prefix="$HOME/ffmpeg_build" \
  --pkg-config-flags="--static" \
  --extra-cflags="-I$HOME/ffmpeg_build/include" \
  --extra-ldflags="-L$HOME/ffmpeg_build/lib" \
  --bindir="$HOME/bin" \
  --enable-gpl \
  --enable-libass \
  --enable-libfdk-aac \
  --enable-libfreetype \
  --enable-libmp3lame \
  --enable-libopus \
  --enable-libtheora \
  --enable-libvorbis \
  --enable-libvpx \
  --enable-libx264 \
  --enable-libx265 \
  --enable-nonfree
PATH="$HOME/bin:$PATH" make
make install
make distclean
hash -r

[email protected]:~$ cd bin/
[email protected]:~/bin$ ls
feed1.ffm  ffmpeg  ffprobe  ffserver  x264
[email protected]:~/bin$ 

解決步驟3：

ffserver.conf配置檔案的書寫（一般放在etc下面）

sudo vi /etc/ffserer.conf

HTTPPort 9999
RTSPPort 9990


HTTPBindAddress 0.0.0.0


MaxClients 1000
MaxBandwidth 100000
CustomLog -




<Feed feed1.ffm>
File ./feed1.ffm
FileMaxSize 400M
ACL allow localhost
</Feed>
    
<Stream test.webm>
Feed feed1.ffm 
Format webm
    
VideoCodec libvpx 
VideoFrameRate 10
VideoBitRate 300
VideoSize 480x320
NoAudio
PreRoll
StartSendOnKey
#AVPresetVideo default
#AVPresetVideo baseline
AVOptionVideo flags +global_header
AVOptionVideo cpu-used 0
AVOptionVideo qmin 10
AVOptionVideo qmax 42
AVOptionVideo quality good
#AudioCodec libfaac
#AudioBitRate 32
#AudioChannels 2
#AudioSampleRate 22050
AVOptionAudio flags +global_header
</Stream>


<Stream teststat.html>
Format status
</Stream>

解決步驟4：

啟動伺服器

cd bin
./ffserever -f /etc/ffserver.conf

cd bin
./ffmpeg -f rtsp -rtsp_transport tcp -i rtsp://admin:[email protected]:554/h264/ch1/main/av_stream http://localhost:9999/feed1.ffm

在本地瀏覽器上輸入http://192.168.37.247:9999/test.webm 就可以查看了,不需要外掛的其中這裡的ip我用的是虛擬機器的ip。
解決步驟5：

如果想通過外網訪問，我採用的是frp內網穿透的方式

將frps和frps.ini放在阿里伺服器上

frps.ini配置檔案

[common]
# A literal address or host name for IPv6 must be enclosed
# in square brackets, as in "[::1]:80", "[ipv6-host]:http" or "[ipv6-host%zone]:80"
bind_addr = 0.0.0.0
bind_port = 7000
# if you want to support virtual host, you must set the http port for listening (optional)
vhost_http_port = 80
#vhost_https_port = 443
# if you want to configure or reload frps by dashboard, dashboard_port must be set
#dashboard_port = 7500
# dashboard assets directory(only for debug mode)
# assets_dir = ./static
# console or real logFile path like ./frps.log
log_file = ./frps.log
# debug, info, warn, error
log_level = info
log_max_days = 3
# if you enable privilege mode, frpc can create a proxy without pre-configure in frps when privilege_token is correct
#privilege_mode = true
#privilege_token = 12345678
# only allow frpc to bind ports you list, if you set nothing, there won't be any limit
#privilege_allow_ports = 2000-3000,3001,3003,4000-50000
# pool_count in each proxy will change to max_pool_count if they exceed the maximum value
max_pool_count = 500
[Video]
type = tcp
auth_token = 123
bind_addr = 0.0.0.0
listen_port = 9999

frpc和frpc.ini放在本機上

frpc.ini配置檔案

# [common] is integral section
[common]
# A literal address or host name for IPv6 must be enclosed
# in square brackets, as in "[::1]:80", "[ipv6-host]:http" or "[ipv6-host%zone]:80"
server_addr = ip
server_port = 7000
# console or real logFile path like ./frpc.log
log_file = ./frpc.log
# debug, info, warn, error
log_level = info
log_max_days = 3
# for authentication
auth_token = 123
# for privilege mode
privilege_token = 12345678

# ssh is the proxy name same as server's configuration
[ssh]
# tcp | http, default is tcp
type = tcp
local_ip = 127.0.0.1
local_port = 22
# true or false, if true, messages between frps and frpc will be encrypted, default is false
use_encryption = true
# default is false
use_gzip = false
# connections will be established in advance, default value is zero
pool_count = 10

[Video]
type = tcp
local_ip = 127.0.0.1
local_port = 9999

cd bin
./frpc -c ./frpc.ini

瀏覽器上輸入http:// ip:9999/test.webm 就可以查看了 當然也可以寫上簡單的頁面來檢視

<html lang="en">
    <head>
       <meta charset=utf-8/>
    </head>
    <body>
        <div id='player'>
     		
			<video src="http://ip:9999/test.webm" width="352" height="264" controls autobuffer></video>
        </div>
    </body>
</html>