基于WebRtc的web播放大华海康rtsp视频流(延迟一秒以内)

基于WebRtc的web播放大华海康rtsp视频流(延迟一秒以内)WebRtc下载WebRtc运行Rtc测试Rtc使用html播放需要在vue上播放的可以看下一篇文章WebRtc你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

基于WebRtc的web播放大华海康rtsp视频流(延迟一秒以内)

WebRtc

下载WebRtc

链接:https://pan.baidu.com/s/1Bg2mYDs5aR568r4e2w9TTw

提取码:krwv

解压后的文件

test.html是我创建的

后面测试用

运行Rtc

双击webrtc-streamer.exe即可运行

这个画面就是运行成功

我们要保证8000端口没有被其他程序占用

推荐内容

测试Rtc

由于没有摄像头

用测试直播源rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov

使用html播放

test.html

<html><head><scriptsrc="html/libs/adapter.min.js" ></script><scriptsrc="html/webrtcstreamer.js" ></script><script>var webRtcServer = null;

window.onload = function() {

webRtcServer = newWebRtcStreamer("video","http://192.168.0.101:8000");

webRtcServer.connect("rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov");

}

window.onbeforeunload = function() { webRtcServer.disconnect(); }

</script></head><body><divstyle="width: 100%;height: 100%;"><videoid="video" /></div></body></html>

运行结果,这样就有说明可以将rtsp流在web上播放

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值