修复开播卡正在连接:移除未定义 quality;画质改官网选择+localStorage

Made-with: Cursor
This commit is contained in:
whm
2026-03-26 10:22:00 +08:00
parent 106e6e1f16
commit 10a842b4ef
4 changed files with 111 additions and 45 deletions

View File

@@ -10,17 +10,9 @@
<code>LIVE_PUBLIC_IP</code>服务器公网 IPv4与域名一致并配置 <code>LIVE_ICE_SERVERS</code> TURN
</p>
<p class="status">{{ status }}</p>
<div v-if="!session" class="quality-row">
<span class="quality-label">推流画质</span>
<el-select v-model="quality" style="width: 220px" :disabled="!token">
<el-option
v-for="o in qualityOptions"
:key="o.value"
:label="o.label"
:value="o.value"
/>
</el-select>
</div>
<p class="quality-hint">
画质请在官网直播页选择写入本机与后台开播使用<strong>同一浏览器</strong>开始直播将按该档位采集
</p>
<div class="actions">
<el-button v-if="!session" type="primary" :disabled="!token" @click="start">开始直播</el-button>
<el-button v-else type="danger" @click="stop">结束直播</el-button>
@@ -34,7 +26,7 @@
import { ref, computed, onMounted, onUnmounted } from 'vue'
import { onBeforeRouteLeave } from 'vue-router'
import { useAuthStore } from '../../stores/auth'
import { startPublishing, LIVE_QUALITY_OPTIONS } from '../../utils/liveWebRTC'
import { startPublishing } from '../../utils/liveWebRTC'
const authStore = useAuthStore()
const token = computed(() => authStore.getToken() || '')
@@ -50,7 +42,6 @@ function start() {
status.value = '正在连接…'
const { stop } = startPublishing({
token: token.value,
quality: quality.value,
onStatus: (s) => {
status.value = s
},
@@ -108,15 +99,11 @@ onBeforeRouteLeave(() => {
margin-bottom: 12px;
min-height: 1.5em;
}
.quality-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.quality-label {
font-size: 14px;
color: #606266;
.quality-hint {
font-size: 13px;
line-height: 1.6;
color: #909399;
margin: 0 0 14px;
}
.actions {
margin-bottom: 16px;