写了个项目 Web-Rtmp: 使用 WebSocket 在网页上播放 RTMP 直播流

最新推荐文章于 2024-08-18 10:30:06 发布
最新推荐文章于 2024-08-18 10:30:06 发布
阅读量4.1k 收藏 3
点赞数 1
文章标签： 网络 运维 ffmpeg

http://neue.v2ex.com/t/316766

虽说浏览器里用 js 解码‘播放’视频的方案已经有几个了... 为什么不再多一个呢...

基本原理:

  • 服务端使用 websockify 中转一个 rtmp 流。

  • 浏览器中使用 node-rtmpapi 解析 RTMP 协议，完成握手和通信。

  • 提取其中的 H264 视频流

  • 发送给 Broadway 解码

Repo: https://github.com/yingDev/Web-Rtmp

目前只是一个 demo 级别的东西, 算是验证了可行性，桌面浏览器上运行还算流畅，感兴趣的同学欢迎 fork

weixin_34037173
关注
rtmp推流 webrtc_WebRTC 研究系列 二、打通webrtc与rtmp
weixin_36443241的博客
12-28 3240
首先我们知道，Rtmp是一种客户端到服务端的技术，Peer to Server。WebRTC是一种客户端到客户端的技术，Peer to Peer。Rtmp通过一个TCP连接，向服务端发送或接收连接信息，媒体数据。WebRTC先使用ICE技术连接STUN/TURN，得到自己的连接信息。再绑定音视频设备获取媒体信息，拼装为SDP信令。两个客户端通过任意方式交换信令，建立客户端直接的连接，再使用RTP发...
Nginx-rtmp、FFmpeg实现直播效果并在web页面播放
MYNAMEL的博客
02-25 4874
本文参考链接：https://blog.csdn.net/u011424614/article/details/113420000 前情提示：本文使用的是windows10系统 主要流程讲解 1.本文选择的路线是 视频文件–>FFmpeg–>nginx–>web播放 2.FFmpeg是一个强大的视频编辑软件，基本干视频，音频的多多少少都会用到这个软件。本文中FFmpeg的作用是将视频整成视频流的形式。 3.nginx的作用主要是将FFmpeg的视频流进行发布，供web进行访问。 4.
WebRtmp在网页上播放RTMP视频流通过Websocket
08-10
Web-Rtmp：在网页上播放RTMP视频流，通过Websocket
Web-Rtmp: 使用 WebSocket 在网页上播放 RTMP 直播流
phymat.nico的专栏
06-19 3518
https://blog.csdn.net/weixin_34037173/article/details/86120075
探索obs-websocket：开启OBS Studio的远程控制新时代
最新发布
gitblog_00770的博客
08-18 304
探索obs-websocket：开启OBS Studio的远程控制新时代 obs-websocket项目地址:https://gitcode.com/gh_mirrors/obs/obs-websocket 项目介绍 obs-websocket 是一个为OBS Studio设计的WebSocket API，它允许用户通过网络远程控制OBS Studio。自OBS Studio 28.0.0版本起...
基于Gb28181的Websocket无插件流媒体方案
m13721069895的博客
07-25 2416
基于GB28181的Websocket无插件流媒体方案 公司的项目需要接入大华、海康设备，要求在360、谷歌浏览器上无插件流畅播放； 采用DSS平台的SDK取流后，前期尝试转码RTMP，本地用video.js播放。实测发现效果不是很好，360浏览器能播放，谷歌浏览器要开启flash或干脆就播不了； 最后选定的方案是走websocket+wasm：提取h264后直接websocket发到服务器，服...
websocketpp的流媒体微服务使用安全
qianbo042311的博客
05-29 776
websocketpp websocketpp不失为一个具有良好设计的websocket的好使用的lib。我们在使用媒体服务的过程中，可以使用websocketpp制作微服务，提供tcp stream流服务长链接系统，最大的两个问题1 是记录客户端数据，2 是安全问题。这里使用websocket的原因是提供流媒体服务。 鉴权安全性：   first, 客户端需要像鉴权服务器使用用户名和密码   second，客户端必须发送授信flag标识，flag标识为硬件标识，客户
WebSocket_audio.zip
10-17
JS实现麦克风录音并通过WebSocket实时传递到后台；
rtc-to-rtmp:rtc到rtmp
04-29
RTC（Real-Time Communication）到RTMP的转换是一个在实时通信领域常见的需求，它涉及到WebRTC、RTMP协议以及网络传输技术。本文将详细介绍这个过程，包括相关技术、实现原理以及如何通过套接字支持和音频处理来降低...
RTSPtoHTTP-FLV:使用JavaCV开发的rtsp流转http-flv流(rtmp已不支持)并进行推流的流媒体服务
05-11
RTSPtoHTTP-FLV 使用JavaCV开发的rtsp流转http-flv流（rtmp已不推荐）并进行推流的流媒体服务 求star！！！ 提问求助等优先提交issues，让其他遇到同样问题的朋友可以很方便找到解决方式，尽量避免直接加微信qq咨询...
leliaotv:乐聊tv 聊天 直播 rtmp springboot redis spring-data-jpa mongodb websocket 开源
04-30
#leliaoTv 关键词 乐聊tv 聊天 直播 rtmp springboot redis spring-data-jpa mongodb websocket 开源 ...推流直播软件推荐使用obs,obs的使用有时间写个文档，上传上来. 效果 喜欢给个星 感谢对我的大力支持*
基于websocket协议的简易视频直播
07-27
该Demo实现了简单的视频直播功能
WebSocket传视频方法总结
02-01
WebSocket传视频方法总结
websocket发送裸H264到Html5解码
05-19
通过websocket传输裸H264到网页通过html5 video标签解码 参考博客https://blog.csdn.net/g0415shenw/article/details/80372580
WebStreamer:Websocket服务器，将H.264 NAL流传输到Javascript页面以在浏览器中回放
05-17
##构建Websocket服务器（WSStreamer） 确保首先安装并正确安装了Boost库： 将Boost库解压缩到C：\ Program Files \ boost \ boost_1_58_0 将环境变量BOOSTROOT设置为将文件解压缩到的位置。 您可能需要重新启动Visual Studio，该变量才能生效。 打开命令提示符并运行： bootstrap b2 2.）打开位于server / prj / win / vs2013中的VS2013解决方案文件，并构建WSStreamer ##运行Websocket服务器 WSStreamer <host> <port> 默认情况下，主机和端口设置为localhost：8082。 如果要从外部访问服务器，请确保将主机设置为用于连接服务器的主机名或IP地址。 ##连接到Websocket服务器请参阅web / webcl
web端播放h264解决方案
08-03
web端播放h264解决方案，websocket 服务器，拉取rtsp地址流，web-client播放websocket传输的h264码流
srs[1]
qq_18310233的博客
05-21 227
接收客户端,启动 conn = new SrsResponseOnlyHttpConn(this, client_stfd, http_server); [2019-05-21 00:21:31.469][trace][accept_client][115259][103] ##=SrsServer::accept_client(### [2019-05-21 00:21:31.4...
用SRS搭建WebRTC流媒体服务器
liveweb视频汇聚平台
10-09 817
WebRTC经过这么多年的发展，目前已经比较成熟的协议之一，播放也比较稳定，协议也已经成为了RFC，相应的开源项目也越来越多，但是基于WebRTC协议的部署简单，性能强悍，功能强大流媒体服务器的项目还比较稀少。本文福利， C++音视频学习资料包、技术视频，内容包括（音视频开发，面试题，FFmpeg ，webRTC ，rtmp ，hls ，rtsp ，ffplay ，srs）↓↓↓↓↓↓见下面↓↓文章底部↓↓。./objs/srs -c conf/srs.conf // 启动srs。
用SRS搭建WebRTC流媒体服务器实战
m0_60259116的博客
07-13 4039
用SRS搭建WebRTC流媒体服务器实战
Nginx Rtmp协议支持websocket访问吗
05-21
该插件可以在RTMP服务器上使用Socket.IO库，通过WebSocket协议与客户端进行通信。 使用该插件需要先安装Socket.IO库，然后将其添加到nginx-rtmp-module配置文件中。具体步骤可以参考该插件的文档：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值