SRS关于HTTPS和WebRTC推流

SRS学习笔记,视频源https://www.bilibili.com/video/BV1bK4y1x7Ut?spm_id_from=333.999.0.0
摘要由CSDN通过智能技术生成

WebRTC推流

小节要点:

  • localhost可以用http直接推
  • 内网或服务器IP用自签名的https证书
  • 有效SSL不需要安全确认

HTTP

http可以通过localhost来推流

http://localhost:8080/players/rtc_publisher.html

自签名证书

使用go-oryx

git clone https://gitee.com/modouhang/go-oryx.git

cd httpx-static
 

生成证书:

openssl genrsa -out server.key 2048&& subj="/C=CN/ST=Beijing/L=Beijing/O=Me/OU=Me/CN=me.org"&& openssl rep -new -x509 -key server.key -out server.crt -days 365 -subj $subj

编译二进制:

go build -mod=vendor .

得到httpx-static

执行

./httpx-static

得到私钥和证

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要实现SRSWebRTC推流,可以使用Vue.js结合WebRTCSRS的API。下面是实现的一些步骤: 1. 首先在Vue.js项目中安装WebRTCSRS的依赖包。 ``` npm install webrtc-adapter srs-librtmp --save ``` 2. 在Vue.js的组件中引入WebRTCSRS的依赖库。 ```javascript import adapter from 'webrtc-adapter'; import { SrsRtmpClient } from 'srs-librtmp'; ``` 3. 实现WebRTC的视频采集和编码,以及SRS的RTMP推流。 ```javascript // 初始化SrsRtmpClient const srs = new SrsRtmpClient('rtmp://your-server-ip/app/streamKey'); // 获取视频流 navigator.mediaDevices.getUserMedia({ video: true }) .then((stream) => { // 获取video元素 const videoElement = this.$refs.video; // 将视频流绑定到video元素 videoElement.srcObject = stream; // 创建WebRTC PeerConnection const pc = new RTCPeerConnection(); // 将视频流添加到PeerConnection stream.getTracks().forEach((track) => { pc.addTrack(track, stream); }); // 监听ICE Candidate事件 pc.onicecandidate = (event) => { if (event.candidate) { // 发送ICE Candidate到SRS服务器 srs.sendIceCandidate(event.candidate); } }; // 监听SDP Offer事件 pc.createOffer().then((offer) => { pc.setLocalDescription(offer); // 发送SDP Offer到SRS服务器 srs.sendSdpOffer(offer); }); // 监听SDP Answer事件 srs.on('sdpAnswer', (answer) => { pc.setRemoteDescription(answer); }); }) .catch((error) => { console.error('getUserMedia error: ', error); }); // 开始推流 srs.start(); ``` 4. 在Vue.js的模板中添加video元素。 ```html <template> <div> <video ref="video" autoplay></video> </div> </template> ``` 这样,就可以使用Vue.js实现SRSWebRTC推流了。需要注意的是,SRS服务器需要支持WebRTC推流功能。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值