contextMenuTarget:document.getElementById("main"+this.videoId),
contextMenuVisible:false,
created: function () ,
mounted:function(),
<context-menu class="right-menu" style="z-index:2001;"
:target="contextMenuTarget"
:show="contextMenuVisible"
@update:show="(show) => contextMenuVisible = show">
<div id="div-menu-right">
<el-row style="margin: 7px 0;">
<el-col :span=12>
<p style="margin: 4px 0;">取流方式:</p>
</el-col>
<el-col :span=12>
<el-select size="mini" style="width: 80px" v-model="preview.transportType"
placeholder="请选择取流方式" @change="onTransportTypeSelectionChange">
<el-option
v-for="item in transportTypeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-col>
</el-row>
<div style="margin: 11px 0;display: block; height: 1px; width: 100%;background-color: #DCDFE6;"/>
<el-row style="margin: 7px 0;">
<el-col :span=12>
<p style="margin: 4px 0;">视频流格式:</p>
</el-col>
<el-col :span=12>
<el-select size="mini" style="width: 80px" v-model="preview.streamType"
placeholder="请选择视频流格式" @change="onFormatSelectionChange">
<el-option
v-for="item in streamTypeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-col>
</el-row>
<div style="margin: 11px 0;display: block; height: 1px; width: 100%;background-color: #DCDFE6;"/>
<el-row style="margin: 7px 0;">
<el-col :span=12>
<p style="margin: 4px 0;">云台控制:</p>
</el-col>
<el-col :span=12>
<el-switch size="mini"
v-model="ptz.show"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</el-col>
</el-row>
<div style="margin: 11px 0;display: block; height: 1px; width: 100%;background-color: #DCDFE6;"/>
<el-row style="margin: 7px 0;">
<el-col :span=12>
<p style="margin: 4px 0;">复合流:</p>
</el-col>
<el-col :span=12>
<el-switch size="mini"
@change="muxerSwitchChange"
v-model="muxer.state"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</el-col>
</el-row>
</div>
</context-menu>
<div style="color: inherit; fill: inherit;">
<div style="display: flex;">
评论区