Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Andy Weston
    @westonsoftware
    Welcome to vue-webrtc, first post.
    Moses Gathuku
    @gathuku
    @westonsoftware Thanks for the add
    Moses Gathuku
    @gathuku

    my VideoRoom.vue component

    <template>
      <div class="container">
        <p>Hello video</p>
    
        <vue-webrtc width="100%" roomId="roomId">
        </vue-webrtc>
    
      </div>
    </template>
    <script>
    
    export default{
    
      data(){
        return {
    
        }
      }
    }
    
    </script>

    App.js

    import Vue from 'vue'
    import WebRTC from 'vue-webrtc'
    
    Vue.use(WebRTC)

    home.blade.php

    @extends('layouts.app')
    
    @section('content')
    <div class="container">
        <div class="row justify-content-center">
    
            <video-room></video-room>
    
        </div>
    </div>
    @endsection
    Screenshot from 2020-05-31 15.33.00.png
    Moses Gathuku
    @gathuku
    Screenshot from 2020-05-31 15.40.48.png
    Andy Weston
    @westonsoftware
    Hi, yes, that looks good, you will need to call .join() to see the video start like here ... https://github.com/westonsoftware/vue-webrtc/blob/master/sample/src/App.vue
    Moses Gathuku
    @gathuku
    Thankyou it worked!
    Had to import socket io, together with join()
    Moses Gathuku
    @gathuku
    Hey @westonsoftware , is there a way you could identify participants?, like i will like to have the main participant screen height different from other participants.
    Andy Weston
    @westonsoftware
    Hmmm, you could use .getCurrentVideo() to get the local div and then style it yourself
    Also, you could pull the webrtc.vue file into your own project and customize that
    Andy Weston
    @westonsoftware
    FYI, @all Version 1.2.2 was released last week to include stunServer and turnServer properties ... https://www.npmjs.com/package/vue-webrtc
    Moses Gathuku
    @gathuku
    @westonsoftware Any good recommendation for a TURN server?
    Andy Weston
    @westonsoftware
    Hey @gathuku, sorry for the late reply, you might try this one ... https://github.com/instrumentisto/coturn-docker-image
    I don't have much experience with it
    Moses Gathuku
    @gathuku
    Thankyou @westonsoftware
    Jyrone Parker
    @mastashake08
    Hi I called .join and it still isn't showing I also imported socket io
    Andy Weston
    @westonsoftware
    @all V2 has been released which now uses a new signal server and socket client, let us know how it works for you.
    Nkimbengchris
    @Nkimbengchris
    hey @westonsoftware, is there a way i can actually destroy a users div (video element), when they join a room letting them see only the host's video element on the screen?
    Andy Weston
    @westonsoftware
    hi, set enableVideo=false when the listeners connect
    Dennis Acker
    @Lucksmith369
    Hey @westonsoftware i did some improvements, check out my pull request
    did you use the simple-signal server ? if yes can you put the server in the sample dir
    Dennis Acker
    @Lucksmith369
    oh sry i see you have an example in the lobby directory
    Andy Weston
    @westonsoftware
    @all V3 has been released which now runs under Vue 3 ... give it a try and let us know how it works.
    Andy Weston
    @westonsoftware
    @/all V3.0.1 has been released, this includes "ioOptions" that let you configure socket.io ... you should upgrade to fix socket errors with Azure limits.