首页 > 其他分享 >WebRTC 显示RTSP视频流

WebRTC 显示RTSP视频流

时间:2023-08-08 09:35:36浏览次数:42  
标签:视频流 RTSP webrtc window rtcServerURL location webRtcServer1 WebRTC

网页显示视频的两种方式:

 1.使用Vlc插件,浏览器限制火狐50,51 版本。文件见上传。

<object type="application/x-vlc-plugin" id="vlc3" events="True" style="width:300px; height:300px;">
                <param name="mrl" id="mr103" value="rtsp://admin:[email protected]:554/Streaming/Channels/101">
                <param name="autoplay" value="true">
        </object>
View Code

 2.使用WebRTC将码流到指定服务器中转。文件见上传。运行WEVRTC服务.

<div><video id="video1" autoplay muted preload="auto"></video></div>

        var webRtcServer1 = null;
        window.onload = function () {
            var rtcServerURL;
            if (location.protocol.toLowerCase().indexOf("http") != -1) {
                rtcServerURL = location.protocol + "//" + window.location.hostname + ":9876";
            } else {
                rtcServerURL = "http://127.0.0.1:9001";//中转服务器地址
            }

            webRtcServer1 = new WebRtcStreamer("video1", rtcServerURL);
            webRtcServer1.connect("rtsp://admin:[email protected]:554/Streaming/Channels/101", "", webrtcConfig.options);//rtsp流

            window.onbeforeunload = function () {
                        webRtcServer1.disconnect();
                        return "关闭提示";
                    }
View Code

 https://github.com/mpromonet/webrtc-streamer/releases               //webrtc   exe下载地址

命令行输入webrtc-streamer.exe -H 0.0.0.0:9001启动服务

推荐使用InstallService.bat运行。

 

标签:视频流,RTSP,webrtc,window,rtcServerURL,location,webRtcServer1,WebRTC
From: https://www.cnblogs.com/Evan-Pei/p/17613302.html

相关文章

  • Android平台一对一音视频通话方案对比:WebRTC VS RTMP VS RTSP
    一对一音视频通话使用场景一对一音视频通话都需要稳定、清晰和流畅,以确保良好的用户体验,常用的使用场景如下:社交应用:社交应用是一种常见的使用场景,用户可以通过音视频通话进行面对面的交流;在线教育:老师和学生可以通过音视频通话功能进行实时互动,提高教学效率;远程协助:在某些工作场景......
  • RTSP/Onvif视频服务器LntonNVR(源码版)视频平台无法通过Onvif控制摄像头云台的问题解决
    LntonNVR视频边缘计算网关平台是我们推出的软硬一体的视频平台,既有软件版本,又有硬件版本。LntonNVR与摄像头连接时,可以通过平台自带的Onvif探测进行设备探测、连接,还能实现对摄像头的PTZ云台控制,包括镜头转向、变焦等操作。通过Onvif控制云台是非常实用的功能,在很多用户实际项目中......
  • RTSP流媒体服务器LntonNVR(源码版)视频平台接入硬盘录像机的具体操作步骤
    LntonNVR是基于RTSP/Onvif协议接入的视频平台,可支持将前端设备的音视频进行采集、传输、处理并分发,实现视频监控直播、云端录像、云存储、检索回看、国标级联、告警等视频能力。平台兼容性高、可拓展性强、性能稳定,可应用在智慧工地、智慧园区、智慧工厂、智慧校园等场景中。对于新......
  • RTSP流媒体服务器LntonNVR(源码版)平台硬件更改设备的DNS的具体操作步骤
    LntonNVR作为视频边缘计算网关,提供了软件平台版和硬件设备版两种选择。硬件版本的LntonNVR具有体积小、方便部署等特点,配置完成后可以直接放置在现场,只需通电并连接网络即可使用。因此,很多项目中用户都会选择部署LntonNVR来满足其需求。当用户在配置完固定IP后遇到无法访问域名地址......
  • 如何在轻量级RTSP服务支持H.264扩展SEI发送接收自定义数据?
    为什么开发轻量级RTSP服务?开发轻量级RTSP服务的目的是为了解决在某些场景下用户或开发者需要单独部署RTSP或RTMP服务的问题。这种服务的优势主要有以下几点:便利性:通过轻量级RTSP服务,用户无需配置单独的服务器,降低了部署和配置的复杂性(无论是走RTMP还是GB28181,均需要平台服务支撑)。......
  • RTSP/Onvif视频服务器LntonNVR(源码版)平台在Windows系统中使用挂载盘的具体操作流程
    LntonNVR平台默认的录像存储位置在LntonNVR/mediaserver/data/hls中,若用户有其他需求,也可以修改存储路径,将录像文件存储在其他指定的磁盘。具体可参照这篇文章:【操作教程】新内核版LntonNVR如何更改录像文件的存储位置?有用户反馈,录像文件更改存储路径后,存储录像文件的时间核对不上,......
  • 视频监控汇聚平台EasyCVR视频页面WebRTC流地址播放不了是什么原因?
    开源EasyDarwin视频监控TSINGSEE青犀视频平台EasyCVR能在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,在视频监控播放上,TSINGSEE青犀视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放,可同时播放多路视频流,也能支持视频定时轮播。视频监控汇聚平台EasyCV......
  • GB28181转RTMP、HLS、RTSP、FLV直播
    背景GB28181协议凭借其在安防流媒体行业独有的大统一地位,目前已经在各种安防项目上使用。雪亮工程、幼儿园监控、智慧工地、物流监控等等项目上目前都需要接入安防摄像头或平台进行直播、回放。而GB28181协议作为国家推荐标准,目前基本所有厂家的安防摄像头、NVR、监控平台都支持此......
  • RTSP流媒体服务器LntonNVR(源码版)视频监控平台通过ODM工具手动输入onvif地址添加通道的
    LntonNVR是一种轻量级的视频监控平台,具有强大的拓展性和高兼容度。它可以支持通过RTSP/ONVIF协议接入前端设备,包括摄像头等。在接入前端设备时,LntonNVR提供了自带的ONVIF探测功能,可以方便地将摄像头设备接入平台。一旦接入成功,您就可以通过LntonNVR实现对摄像头的云台控制,包括转动......
  • RTSP/RTMP/GB28181协议视频监控平台搭建之国网B接口协议介绍
    一、介绍电网视频监控系统和接口为企业标准,目的是为了实现统一监控,统一存储,分级控制,分域管理,使不同的视频监控系统能够互联互通。系统组成视频监控系统是以视频监控平台为核心。视频监控铜牌中的基本设备是一个或多个提供业务的服务器。视频监控平台之间通过IP网络互联互通。视频监......