webrtclib

webrtclib

一个webrtc的ve实现

引入组件

import videoWebrtc from "webrtclib";

Vue.use(videoWebrtc);

demo参考

  <template>
    <div class="home">
      <div class="video">
        <video-webrtc
          :server="server"
          :stun="stun"
          :sid="sid"
          @capture="capture"
        ></video-webrtc>
      </div>
      <img v-if="imgCapture" :src="imgCapture" alt="" />
    </div>
  </template>
  
  <script>
  export default {
    name: "Home",
    data() {
      return {
        stun: "stun://ip:port",
        server: "ws://ip:port/wsrtc",
        sid: "*****",
        imgCapture: ""
      };
    },
    methods: {
      capture(val) {
        console.log(val);
        this.imgCapture = val;
      }
    }
  };
  </script>
  <style>
  .video {
    width: 400px;
    height: 300px;
    position: relative;
  }
  </style>