diff --git a/admin/src/utils/liveWebRTC.js b/admin/src/utils/liveWebRTC.js index c217bc6..dacd96d 100644 --- a/admin/src/utils/liveWebRTC.js +++ b/admin/src/utils/liveWebRTC.js @@ -33,6 +33,8 @@ export function startPublishing(opts = {}) { const ws = new WebSocket(wsUrl) const pc = new RTCPeerConnection({ iceServers: defaultIce }) let stream = null + /** 本地主动 stop / 摄像头失败关闭,避免 onclose 覆盖真实错误提示 */ + let closedByLocal = false const send = (o) => { if (ws.readyState === WebSocket.OPEN) ws.send(JSON.stringify(o)) @@ -56,7 +58,14 @@ export function startPublishing(opts = {}) { send({ type: 'offer', sdp: offer.sdp }) onStatus('已发起推流协商,等待服务端应答…') } catch (err) { - onStatus(err.message || '无法打开摄像头') + const name = err && err.name + let tip = err.message || '无法打开摄像头' + if (name === 'NotAllowedError' || name === 'PermissionDeniedError') { + tip = '已拒绝摄像头权限:请在浏览器地址栏允许摄像头,并确认本页为 HTTPS。' + } else if (name === 'NotFoundError') { + tip = '未检测到摄像头设备。' + } + onStatus(tip) stop() } } @@ -86,10 +95,18 @@ export function startPublishing(opts = {}) { } } - ws.onerror = () => onStatus('信令连接失败(请确认已登录且 Nginx 已配置 WebSocket)') - ws.onclose = () => onStatus('信令已断开') + ws.onerror = () => { + if (!closedByLocal) { + onStatus('信令连接失败(请确认已登录且 Nginx 已配置 WebSocket)') + } + } + ws.onclose = () => { + if (closedByLocal) return + onStatus('信令已断开:服务端关闭连接或网络中断。若刚能连上即断,请查服务端日志或配置 TURN(LIVE_ICE_SERVERS)。') + } function stop() { + closedByLocal = true try { ws.close() } catch (_) {} diff --git a/admin/src/views/sites/LiveBroadcast.vue b/admin/src/views/sites/LiveBroadcast.vue index 1351552..ff2b61f 100644 --- a/admin/src/views/sites/LiveBroadcast.vue +++ b/admin/src/views/sites/LiveBroadcast.vue @@ -20,6 +20,7 @@