组件事件

<preview v-for="index in videoCount" v-on:command="onCommand" :key="'video'+(index-1)" :video-id="index-1" :order="playingDevice[index-1].order" :device-code="playingDevice[index-1].code" :player-div-height="videoHeight" :player-div-width="videoWidth"></preview>
methods: {

//接收并处理视频组件发来的命令

onCommand: async function (info) {

switch (info.order) {

case "closeVideo":

this.playingDevice[info.videoId].code = '';

break;

case "beginRecord":

if (!!!this.audioRecorder) {

await this.initAudio();

}

if (!this.streamServerAddress)

await this.getStreamServerIp();

this.audioRecorder.addWorker(info.videoId, "ws:// + this.streamServerAddress + "/cgmedia/websocket/pushaudiostream?id=" + this.playingDevice[info.videoId].code + "&transportport=" + info.port + "&format=mp3");

break;

case "stopRecord":

if (!!!this.audioRecorder) {

await this.initAudio();

}

this.audioRecorder.stopWorker(info.videoId);

break;

}

},

}
this.$emit('command', {order: "closeVideo", videoId: self.videoId})