Vue+uniapp直播功能（后续总结和反馈）_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推流 -->
            <div class="pusher">
              <iframe :src="src" ref="iframeDom1" frameborder="0" style="width:100%;height:100%;"></iframe>
            </div>
            <!-- APP拉流 -->
            <div class="play-app">
              <iframe :src="src_app" ref="iframeDom2" frameborder="0" style="width:100%;height:100%;"></iframe>
            </div>
            <!-- PC拉流 -->
            <div class="play-app" v-if="web_police2">
              <iframe :src="src_pc" ref="iframeDom3" frameborder="0" style="width:100%;height:100%;"></iframe>
            </div>

    // PC推流地址
 
    this.src = `/srs/rtc_publisher.html`
 
    // APP拉流地址
 
    this.src_app = `/srs/rtc_player.html`
 
    // PC拉流地址
 
    this.src_pc = `/srs/rtc_player2.html`

2.推流