使用SRS和JSWebrtc实现实时播放视频
使用SRS搭建视频服务器#
- 参见官方地址:
https://ossrs.net/lts/zh-cn/docs/v5/doc/getting-started-build
https://github.com/ossrs/srs - 修改srs.conf文件
将rtc节点下的rtmp_to_rtc从off修改为on
- 启动服务器
./objs/srs -c conf/srs.conf
- 推视频流
使用ffmpeg -re -i ./doc/source.flv -c copy -f flv rtmp://ip地址/live/livestream
命令推送视频到对应的地址 - 打开浏览器查看对应地址的8080端口
- 切换到RTC播放页签,查看是否可以播放
如果能够正常播放,代表SRS搭建成功,并且支持WebRTC播放
使用JSWebrtc方法视频#
- 参见官方地址:https://github.com/kernelj/jswebrtc
- 使用下面两段代码,webrtc的地址参见SRS里Demo的地址
<script src="dist/jswebrtc.min.js"></script>
<div class="jswebrtc" data-url="webrtc://192.168.33.34/live/livestream"></div>
同事写的DEMO:https://files-cdn.cnblogs.com/files/ZXdeveloper/video-demo.zip?t=1672385796
作者:眾尋
出处:https://www.cnblogs.com/ZXdeveloper/p/17012345.html
版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
分类:
Javascript
, Electron
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
2016-12-29 WPF 微信 MVVM 【续】修复部分用户无法获取列表