js — ffmpeg rtsp 推流，websocket通信，cnavas 渲染

• 2019 年 12 月 12 日
• 筆記

1. 首先選擇正確的ffmpeg包
   1. 百度搜索ffmpeg官網，點擊進入下圖所示。

   

   1. 點擊download，進入下載頁面，選擇window，window下面只有一個builds版本，如圖紅線部分圈出來的

   

   1. 點擊build，進入版本選擇頁面，對於我們普通使用者，我們選擇static版本就好，當然如果你要進行更高級別的開發，你可以選擇Source code。現在我們要選擇的版本是version4.2.1，architecture windows64-bit,linking static.

   

   1. 點擊Download Build，然後下載好壓縮包解壓，放在任何你想要放的位置。比如我放在了C盤，我們主要使用到了壓縮包下bin目錄下的三個文件，ffmpeg.exe,ffplay.exe,ffprobe.exe。這三個是ffmpeg的一套工具，但他們三個也都能單獨使用。把bin目錄加入我們電腦的環境變量。如何加入環境變量，就不過多介紹了。這時候我們的ffmpeg就已經全部安裝完成。

   

   1. 加入好環境變量，我們就進行對ffmpeg的測試。首先我們在cmd中輸入，ffmpeg -version，如圖我們能的到ffmpeg的版本，證明我們安裝成功。

   

   1. 新建一個 server.js 文件。下載 npm install node-rtsp-stream(插件)

   

   1. 前端 下載 jsmpeg.js框架。引入對應開發頁面。（詳細請參考 jsmpeg.js 文檔）
   2. html

   

   1. js 部分