首页 > 其他分享 >使用webrtc-streamer在html页面中显示tp-link摄像头实时视频

使用webrtc-streamer在html页面中显示tp-link摄像头实时视频

时间:2023-02-14 13:22:28浏览次数:80  
标签:视频 H264 tp html link streamer webrtc 摄像头 实时

在Windows环境下运行webrtc-streamer服务端,
并通过前端页面html通过浏览器查看摄像头实时画面

摄像头配置

视频需要设置成H264格式,视频需要设置成H264格式,视频需要设置成H264格式

以tplink摄像头为例,修改视频编码为H264

视频流测试

通过onvif device manager 登录并查看ip及是否能正常显示,也可直接通过VLC查看实时画面

部署服务端

下载webrtc-streamer服务端,我下载的是当前Windows环境的最新版本:webrtc-streamer-v0.7.1-dirty-Windows-AMD64-Release.tar.gz

下载之后解压文件夹,修改文件夹根目录中config.json里的地址为你的摄像头rtsp地址,前面的key仅用于标识

{
    "urls":{       
        "dapenson" : { "video": "rtsp://admin:[email protected]:554/stream1"}

    }
}

cmd到该目录执行启动服务的命令,
命令的解释具体可以看github项目地址readme

webrtc-streamer.exe -C config.json

浏览器打开实时视频流

后台服务资源占用情况

标签:视频,H264,tp,html,link,streamer,webrtc,摄像头,实时
From: https://www.cnblogs.com/dapenson/p/17119220.html

相关文章

  • https://mirrors.aliyun.com/kubernetes/yum/repos/kubernetes-el7-x86_64/repodata/r
    yum安装时,出现以下异常:yuminstall-ykubeletkubeadmkubectl#出现异常https://mirrors.aliyun.com/kubernetes/yum/repos/kubernetes-el7-x86_64/repodata/repomd.......
  • HTML5 canvas画一个折线图
    <body><canvasid="drawing"style="border:1pxsolid;"width="600"height="400"></canvas><scripttype="text/javascript">letdrawing=document.query......
  • HTML5 canvas基础使用
    <body> <!-- 1,canvas的宽和高要在标签中写,写在style中将会使画布拉伸到指定宽和高,不是真正的宽高。 --> <canvasid='drawing'width="300"height="700"......
  • 关于 dangerouslySetInnerHTML
    之前不太了解react,第一次看dangerouslySetInnerHTML,以为可以用来防止xss注入。后面看待又补充了一个DOMPurify,才知道这个东西只有一个提醒的作用,并不能防止xss注入DOM元......
  • C# Http 服务器get pos 请求 获取头信息 iOS 客户端联调
    usingSystem;usingSystem.Collections.Generic;usingSystem.IO;usingSystem.Net;usingSystem.Text;usingUnityEngine;publicclassTestServerHttp:MonoBeh......
  • vscode浏览器打开html
    1.点击拓展2.输入openinbrowser,选择第一个3.点击安装......
  • Vscode如何新建html文件
    1、点击OpenFolder: 2、选择目标文件夹,在本地新建一个拓展名为html的文件: 3、在第1行输入!(英文状态下),按tab键,新建成功。界面如下图所示: ......
  • 系统环境变量中 HTTP_PROXY 的误区
    前段时间在测试一个连麦demo,demo简要说可以在内网环境中运行时,输入频道号就可以模拟连麦但是在加入连麦时,一直返回错误-2EOF,询问得知,该错误的解释信息是“ServiceUna......
  • okhttp之复习
    一okhttp 1.简介:官方简介:OkHttp是一个默认高效的HTTP客户端1、HTTP2支持允许对同一主机的所有请求共享一个套接字。2、透明GZIP缩小了下载大小。3、连接池减少了请求......
  • c# - WebClient下载https协议文件报错 System.Net.WebException: 请求被中止: 未能创
    1.原因这是因为本地的 .net版本 低于4.6,但项目大多使用4.0或者4.5同时iis没有配置域名【本地测试机器一般都是没有域名的】2.解决方法1配置域名【服务器的才行,本......