树莓派3--ffmpeg视频流传输--开源项目一（jsmpeg）

最新推荐文章于 2024-08-20 10:07:28 发布

liefyuan

最新推荐文章于 2024-08-20 10:07:28 发布

阅读量1.4w

点赞数 2

本文链接：https://blog.csdn.net/qq_28877125/article/details/70141422

版权

Raspberry Pi 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

ffmpeg学习博客：http://blog.csdn.net/hemingwang0902/article/details/4382205
ffmpeg学习博客：http://blog.csdn.net/weiyuefei/article/details/51678582
牛人博客：http://blog.csdn.net/leixiaohua1020/article/details/38284961
牛人博客：http://blog.csdn.net/leixiaohua1020/article/details/39702113

下载安装ffmpeg
配置系统路径

简单的运用ffmpeg

列出所有可用的设备：

ffmpeg -list_devices true -f dshow -i dummy

这里写图片描述

开源项目一的使用

我们下载的那个开源项目解压之后是这样的：
这里写图片描述
现在我是在Windows上测试，需要安装Node.js，安装Node.js参考网上的博客。
运行websocket-relay.js（需要安装Node.js）然后它就相当一个服务器

node websocket-relay 密码 8081 8082

提供视频流的客户端（需要在这个客户端上安装ffmpeg），跑起来之后这个客户端就源源不断的以TS的格式想服务器发送视频流了。

ffmpeg -i 视频流文件 -f mpegts http://localhost:8081/密码

在本地写一个小测试网站，添加jsmpeg.js到网站工程中，修改开源项目中的HTML文件并修改源

<!DOCTYPE html>
<html>
<head>
    <title>JSMpeg Stream Client</title>
    <style type="text/css">
        html, body {
            background-color: #111;
            text-align: center;
        }
    </style>

</head>
<body>
    <canvas id="video-canvas"></canvas>
    <script type="text/javascript" src="jsmpeg.min.js"></script>
    <script type="text/javascript">
        var canvas = document.getElementById('video-canvas');
        var url = 'ws://'+document.location.hostname+':8082/';//获得视频流地址
        var player = new JSMpeg.Player(url, {canvas: canvas});
    </script>
</body>
</html>