VueJS

<template>  
  <div ref="sizeContainerRef">
    <div ref="videoContainerRef">
      <video ref="videoRef" />
      <audio ref="audioRef" />
    </div>
  </div>
</template>

<script>
import { WebRTCClient } from '@arcware/webrtc-plugin';

export default {
  mounted() { 
    const newWebRTC = WebRTCClient ({
      address: 'wss://signalling-client.ragnarok.arcware.cloud/',
      shareId: 'share-afedf133-571e-48bb-85f7-38a62e1ffb4',
      settings: { /* object with settings */ },
      playOverlay: false,
      loader: (val) => { /* handle loader */ },
      applicationResponse: (response) => { /* handle application response */ },
      sizeContainer: this.$refs.sizeContainerRef,
      container: this.$refs.videoContainerRef,
      videoRef: this.$refs.videoRef,
      audioRef: this.$refs.audioRef,
    });
  }
}

</script>

<style scoped>
/* Add your component's styles here */
</style>