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

# 前端 2024-05-05 05:54 0 35 来源： 云博客
  1. 首先选择正确的ffmpeg包
    1. 百度搜索ffmpeg官网，点击进入下图所示。
    3. 点击download，进入下载页面，选择window，window下面只有一个builds版本，如图红线部分圈出来的
    5. 点击build，进入版本选择页面，对于我们普通使用者，我们选择static版本就好，当然如果你要进行更高级别的开发，你可以选择Source code。现在我们要选择的版本是version4.2.1，architecture windows64-bit,linking static.
    7. 点击Download Build，然后下载好压缩包解压，放在任何你想要放的位置。比如我放在了C盘，我们主要使用到了压缩包下bin目录下的三个文件，ffmpeg.exe,ffplay.exe,ffprobe.exe。这三个是ffmpeg的一套工具，但他们三个也都能单独使用。把bin目录加入我们电脑的环境变量。如何加入环境变量，就不过多介绍了。这时候我们的ffmpeg就已经全部安装完成。
    9. 加入好环境变量，我们就进行对ffmpeg的测试。首先我们在cmd中输入，ffmpeg -version，如图我们能的到ffmpeg的版本，证明我们安装成功。

    11.  

       新建一个 server.js 文件。下载 npm install node-rtsp-stream(插件)

    13. 前端 下载 jsmpeg.js框架。引入对应开发页面。（详细请参考 jsmpeg.js 文档）
    14. html 
    16. js 部分

    17.  

       

相关文章

36.VUE — 认识 Webpack 和 安装
36.VUE — 认识 Webpack 和 安装
nginx + http + svn
nginx + http + svn
kubernets kube-proxy的代理 iptables和ipvs
kubernets kube-proxy的代理 iptables和ipvs
基于Docker搭建 Php-fpm + Nginx 环境
基于Docker搭建 Php-fpm + Nginx 环境
.net 5+ 知新：【1】 .Net 5 基本概念和开发环境搭建
.net 5+ 知新：【1】 .Net 5 基本概念和开发环境搭建
Three.js中显示坐标轴、平面、球体、四方体
Three.js中显示坐标轴、平面、球体、四方体