Vue+uniapp直播功能(后续总结和反馈)

推拉流:

APP使用uniapp 的live-pusher推流,video拉流。(总体来说,不建议使用uniapp,最好用安卓开发,否则坑很多)

平台集成了srs流媒体服务器上的webrtc方法推流拉流。

关于live-pusher组件:

问题:推流只有视频流,没有声音(华为手机正常,安卓手机没有声音)

可能原因:live-pusher组件对音视频流解码的问题

优化方法:进入页面先进行推流,等1.5s之后在打开摄像头。(先将音频通道打开,再推视频流)

onReady() {
  //开始推流
  this.start()

  setTimeout(() => {
      //打开摄像头
	  this.startPreview();
  }, 1500)
}

关于webrtc:(第一次尝试,只会用,不会写)

必须在本地或者https下运行。

1.通过iframe标签的src属性跳转到本地的html文件中

            
            
    // PC推流地址

    this.src = `/srs/rtc_publisher.html`

    // APP拉流地址

    this.src_app = `/srs/rtc_player.html`

    // PC拉流地址

    this.src_pc = `/srs/rtc_player2.html`

2.推流

你可能感兴趣的:(uniapp+vue直播,elementui,vue.js,webview,音视频)