您的位置：首页 > Web前端 > JavaScript

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

2017-04-12 12:11 302 查看

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/密码[/code] 
在本地写一个小测试网站，添加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>


然后网站跑起来，就可以看到视频流输出了;不过不知为何视频非常卡！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航