SRS服务器接受到webrtc推流时avc ignore type=1 for no sequence header

当SRS服务器接收到WebRTC推流时，出现“avc ignore type=1 for no sequence header”这个错误提示，可能是因为SRS服务器没有收到视频流中的SPS和PPS信息，从而无法解析视频流。在WebRTC推流中，SPS（Sequence Parameter Set）和PPS（Picture Parameter Set）通常会发送在关键帧（I帧）之前，用于告诉接收端如何解析视频流。如果SRS服务器没有收到这些信息，就会出现上述错误提示。

要解决这个问题，可以尝试在WebRTC推流时，确保SPS和PPS在关键帧之前发送。如果仍然出现错误，可以尝试使用其他支持WebRTC推流的服务器或检查SRS服务器的配置是否正确。

相关问题

vue如何实现srs的webrtc推流

要实现SRS的WebRTC推流，可以使用Vue.js结合WebRTC和SRS的API。下面是实现的一些步骤：

1. 首先在Vue.js项目中安装WebRTC和SRS的依赖包。

npm install webrtc-adapter srs-librtmp --save

2. 在Vue.js的组件中引入WebRTC和SRS的依赖库。

import adapter from 'webrtc-adapter';
import { SrsRtmpClient } from 'srs-librtmp';

3. 实现WebRTC的视频采集和编码，以及SRS的RTMP推流。

// 初始化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元素。

<template>
  <div>
    <video ref="video" autoplay></video>
  </div>
</template>

这样，就可以使用Vue.js实现SRS的WebRTC推流了。需要注意的是，SRS服务器需要支持WebRTC推流功能。

vue怎么封装srs的webrtc推流

要在Vue中封装SRS的WebRTC推流，您需要以下步骤：

1. 安装srs-webrtc-sdk

npm install srs-webrtc-sdk --save

2. 创建SRS连接对象

import SrsConnection from 'srs-webrtc-sdk';

const srsConnection = new SrsConnection('wss://your-srs-server.com/webrtc');

3. 创建媒体流对象

const constraints = { video: true, audio: true };
const mediaStream = await navigator.mediaDevices.getUserMedia(constraints);

4. 绑定媒体流到SRS连接对象

srsConnection.bindMediaStream(mediaStream);

5. 发起推流请求

const streamName = 'your-stream-name';
await srsConnection.publish(streamName);

完整代码示例：

<template>
  <div>
    <video ref="video" autoplay></video>
  </div>
</template>

<script>
import SrsConnection from 'srs-webrtc-sdk';

export default {
  data() {
    return {
      srsConnection: null,
      mediaStream: null,
    };
  },
  async mounted() {
    const constraints = { video: true, audio: true };
    this.mediaStream = await navigator.mediaDevices.getUserMedia(constraints);
    this.srsConnection = new SrsConnection('wss://your-srs-server.com/webrtc');
    this.srsConnection.bindMediaStream(this.mediaStream);
    const streamName = 'your-stream-name';
    await this.srsConnection.publish(streamName);
    this.$refs.video.srcObject = this.mediaStream;
  },
  beforeDestroy() {
    if (this.srsConnection) {
      this.srsConnection.unpublish();
      this.srsConnection.close();
    }
    if (this.mediaStream) {
      this.mediaStream.getTracks().forEach(track => track.stop());
    }
  },
};
</script>