Question

我在Vuejs应用中使用Zoom设置了视频通话，只要您位于Vue Router的同一页面上，它就可以正常工作。当您导航到同一应用程序中的另一个vue路由器链接时，呼叫将掉线。这是一个嵌套的Vue路由器，我在与视频通话相关的页面相关的每个路由器链接上都保持活动状态，但这无济于事。这是视频通话应用程序所在页面的代码：

const logGroup = new logs.LogGroup(this, 'EnvironmentLogGroup', {
  retention: logs.RetentionDays.ONE_WEEK,
});

const eventsRule = new events.Rule(this, `EnvironmentEventsRule`, {
  eventPattern: {
    detail: {
      "EnvironmentId": [ "envA" ],
      "Foo": [ "Bar", "Raz" ]
    }
  }
});

路线摘要（此处未显示路线的其余部分）：

<template>
<div class="container"> 
  <div class="row pl-3">
    <div class="col-12 videoWindow px-0">
        <iframe :src="'/call?host=1&host_id=' + loggedinuser" frameborder="0"></iframe>
    </div>
  </div>
</div>
</template>

<script>
export default {
props: ['loggedinuser'],
    data() {
        return {
            userId: ''
        }
    },
    methods: {
        createCall() {           
            axios
            .post('/api/calls/', {
                userid: this.$route.params.userid,
                loggedinuser: this.loggedinuser
                })
            .then(res => {
                this.user = res.data.user;
            })
              .catch(err => {
                console.log(err);
            });
        },
        intervalCall() {
            setInterval(this.createCall, 10000)
        }
    },
    created() {
        this.intervalCall();
        this.createCall();
    }
}
</script>

无论用户单击哪个vue路由器链接，如何将视频通话iframe保持在后台？

导航Vuejs路由器时如何保持视频通话状态？

0 个答案: