Skip to content

Instantly share code, notes, and snippets.

@cyberfly
Last active March 29, 2020 12:38
Show Gist options
  • Save cyberfly/2e2629fef8717af93bdf059081dc941f to your computer and use it in GitHub Desktop.
Save cyberfly/2e2629fef8717af93bdf059081dc941f to your computer and use it in GitHub Desktop.
<template>
<div>
<div id="video_consult" class="video_consult">
<video-consult-component></video-consult-component>
</div>
<div id="chat_consult" class="chat_consult">
<chat-consult-component></chat-consult-component>
</div>
</div>
</template>
<script>
import { mapState } from 'vuex'
import { mapActions } from 'vuex'
export default {
created() {
this.conversation_id = 'conversation_123';
},
mounted() {
},
props: {
messages_mu: {
type: Array,
required: false
}
},
data() {
return {
}
},
computed: {
},
methods: {
},
}
</script>
<style>
.video_consult {
text-align: center;
margin-bottom: 20px;
}
.chat_consult {
}
</style>
<template>
<div>
<div ref="scriptHolder"></div>
</div>
</template>
<script>
import { mapState } from 'vuex'
import { mapActions } from 'vuex'
export default {
created() {
this.conversation_id = 'conversation_123';
},
mounted() {
// jitsi video
var scriptNode= document.createElement('script');
scriptNode.innerHTML = 'var parentElement = document.getElementById("video_consult"); var domain = "meet.jit.si"; var options = { roomName: "RemediPrivateVideoConsultation", width: 700, height: 400, parentNode: parentElement, configOverwrite: {}, interfaceConfigOverwrite: {filmStripOnly: true } }; var api = new JitsiMeetExternalAPI(domain, options);';
this.$refs.scriptHolder.appendChild(scriptNode);
},
props: {
},
data() {
return {
}
},
computed: {
},
methods: {
},
}
</script>
<style>
.video_consult {
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment