import { _ as _export_sfc, f as formatAppLog, r as requireNativePlugin } from "../_plugin-vue_export-helper.js"; import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, createCommentVNode, createVNode } from "vue"; const _style_0 = { "center-column": { "": { "width": 900, "height": 600, "overflow": "hidden" } } }; const _sfc_main = { data() { return { phoneNumber: "1234567890", initnumber: 5, isAlarming: false, isRecording: false, // 录屏状态 isTalking: false, // 对讲状态 _pendingRequests: { snapshot: [], record: [], talk: [] }, suo: true, isshow: true, globalEvent: "" }; }, onLoad() { formatAppLog("log", "at pages/fullcamera.nvue:29", "???加载"); this.globalEvent = requireNativePlugin && requireNativePlugin("globalEvent"); if (this.globalEvent && this.globalEvent.addEventListener) { this.globalEvent.addEventListener("myEvent", (e) => { if (e.recordUrl) { uni.showToast({ title: "录屏成功", icon: "success", // 'success' | 'loading' | 'none' duration: 1500 }); } if (e.snapShotUrl) { uni.showToast({ title: "截屏成功", icon: "success", // 'success' | 'loading' | 'none' duration: 1500 }); } if (this.suo && e.onVolumeChange) { if (e.onVolumeChange) { this.toggleVolume(); } this.suo = false; } }); } uni.setStorageSync("saveinit", 5); uni.$on("fullmonitor:changeinit", (number) => { this.$refs.monitor.initAutoPlay(number); uni.setStorageSync("saveinit", number); formatAppLog("log", "at pages/fullcamera.nvue:63", "saveinit", number); }); uni.$on("fullmonitor:isshow", (bool) => this.isshow = bool); uni.$on("fullmonitor:killView", this.killView); uni.$on("fullmonitor:doSnapshot", this.doSnapshot); uni.$on("fullmonitor:startRecord", this.doStartRecord); uni.$on("fullmonitor:stopRecord", this.doStopRecord); uni.$on("fullmonitor:openTalk", this.doOpenTalk); uni.$on("fullmonitor:stopTalk", this.doStopTalk); uni.$on("fullmonitor:switchDisplay", (payload) => this.switchDisplay(payload)); uni.$on("fullmonitor:startAlarm", this.startAlarm); uni.$on("fullmonitor:stopAlarm", this.stopAlarm); uni.$on("fullmonitor:flipImage", (payload) => this.flipImage(payload)); uni.$on("fullmonitor:resumeOrPause", this.resumeOrPause); uni.$on("fullmonitor:changeQuality", this.changeQuality); uni.$on("fullmonitor:toggleVolume", this.toggleVolume); uni.$on("fullmonitor:test", this.test); }, onUnload() { formatAppLog("log", "at pages/fullcamera.nvue:84", "fullcamera 卸载,清理事件"); if (this.globalEvent && this.globalEvent.removeEventListener) { this.globalEvent.removeEventListener("myEvent"); } const events = [ "fullmonitor:killView", "fullmonitor:changeinit", "fullmonitor:isshow", "fullmonitor:doSnapshot", "fullmonitor:startRecord", "fullmonitor:stopRecord", "fullmonitor:openTalk", "fullmonitor:stopTalk", "fullmonitor:switchDisplay", "fullmonitor:startAlarm", "fullmonitor:stopAlarm", "fullmonitor:flipImage", "fullmonitor:resumeOrPause", "fullmonitor:changeQuality", "fullmonitor:toggleVolume", "fullmonitor:test" ]; events.forEach((ev) => uni.$off(ev)); }, methods: { /* ------------------ 原有功能 ------------------ */ handleTelEvent(event) { formatAppLog("log", "at pages/fullcamera.nvue:115", "Tel event detail:", event.detail); }, killView() { this.$refs.monitor.killView && this.$refs.monitor.killView(); }, switchDisplay(mode) { formatAppLog("log", "at pages/fullcamera.nvue:123", "zzzzz", mode); this.$refs.monitor && this.$refs.monitor.switchDisplayModeFragment(mode); }, startAlarm() { this.isAlarming = true; this.$refs.monitor.startOrStopManualAlarm(this.isAlarming, (res) => { formatAppLog("log", "at pages/fullcamera.nvue:130", "startAlarm callback:", res); }); }, stopAlarm() { this.isAlarming = false; this.$refs.monitor.startOrStopManualAlarm(this.isAlarming, (res) => { formatAppLog("log", "at pages/fullcamera.nvue:136", "stopAlarm callback:", res); }); }, flipImage(type) { this.$refs.monitor.changeImageSwitch(type, (res) => { formatAppLog("log", "at pages/fullcamera.nvue:142", "flipImage callback:", res); }); }, resumeOrPause() { this.$refs.monitor.resumeOrPause && this.$refs.monitor.resumeOrPause(); }, changeQuality() { this.$refs.monitor.changeQuality && this.$refs.monitor.changeQuality(); }, toggleVolume() { this.$refs.monitor.toggleVolume && this.$refs.monitor.toggleVolume(); }, test() { this.$refs.monitor && this.$refs.monitor.test && this.$refs.monitor.test(); }, /* ------------------ 新增:截图/录屏/对讲 调用方法(支持 payload.reqId) ------------------ */ // 1. 截图(调用) // payload 可选:{ reqId: number } doSnapshot(payload = {}) { if (!this.$refs.monitor || !this.$refs.monitor.snapShot) { uni.showToast({ title: "组件不支持 snapShot()", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "snapShot_not_supported" }); } return; } if (payload.reqId) { this._pendingRequests.snapshot.push(payload.reqId); } try { this.$refs.monitor.snapShot((res) => { formatAppLog("log", "at pages/fullcamera.nvue:188", "snapShot callback:", res); this._handleSnapshotResultFromNative(res, payload.reqId); }); uni.showToast({ title: "正在截屏...", icon: "none", duration: 800 }); } catch (err) { formatAppLog("error", "at pages/fullcamera.nvue:197", "snapShot 调用失败", err); uni.showToast({ title: "snapShot 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "snapShot_call_failed", detail: String(err) }); } } }, // 2. 开始录屏(调用) // payload 可选:{ reqId: number } doStartRecord(payload = {}) { if (!this.$refs.monitor || !this.$refs.monitor.startRecord) { uni.showToast({ title: "组件不支持 startRecord()", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "startRecord_not_supported" }); } return; } try { this.$refs.monitor.startRecord((res) => { formatAppLog("log", "at pages/fullcamera.nvue:230", "startRecord callback:", res); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: true, res }); } }); this.isRecording = true; uni.showToast({ title: "录屏已开始", icon: "none" }); } catch (err) { formatAppLog("error", "at pages/fullcamera.nvue:245", "startRecord 调用失败", err); uni.showToast({ title: "startRecord 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "startRecord_call_failed", detail: String(err) }); } } }, // 3. 停止录屏(调用) // payload 可选:{ reqId: number } doStopRecord(payload = {}) { if (!this.$refs.monitor || !this.$refs.monitor.stopRecord) { uni.showToast({ title: "组件不支持 stopRecord()", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "stopRecord_not_supported" }); } return; } if (payload.reqId) { this._pendingRequests.record.push(payload.reqId); } try { this.$refs.monitor.stopRecord((res) => { formatAppLog("log", "at pages/fullcamera.nvue:284", "stopRecord callback:", res); this._handleRecordResultFromNative(res, payload.reqId); }); } catch (err) { formatAppLog("error", "at pages/fullcamera.nvue:289", "stopRecord 调用失败", err); uni.showToast({ title: "stopRecord 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "stopRecord_call_failed", detail: String(err) }); } } }, // 4. 开始对讲(调用) // payload 可选:{ reqId: number } doOpenTalk(payload = {}) { if (!this.$refs.monitor || !this.$refs.monitor.openTalk) { uni.showToast({ title: "组件不支持 openTalk()", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "openTalk_not_supported" }); } return; } if (payload.reqId) { this._pendingRequests.talk.push(payload.reqId); } try { this.$refs.monitor.openTalk((res) => { formatAppLog("log", "at pages/fullcamera.nvue:326", "openTalk callback:", res); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: true, res }); } }); this.isTalking = true; uni.showToast({ title: "尝试建立对讲连接...", icon: "none" }); } catch (err) { formatAppLog("error", "at pages/fullcamera.nvue:341", "openTalk 调用失败", err); uni.showToast({ title: "openTalk 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "openTalk_call_failed", detail: String(err) }); } } }, // 5. 停止对讲(调用) // payload 可选:{ reqId: number } doStopTalk(payload = {}) { if (!this.$refs.monitor || !this.$refs.monitor.stopTalk) { uni.showToast({ title: "组件不支持 stopTalk()", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "stopTalk_not_supported" }); } return; } try { this.$refs.monitor.stopTalk((res) => { formatAppLog("log", "at pages/fullcamera.nvue:374", "stopTalk callback:", res); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: true, res }); } }); this.isTalking = false; } catch (err) { formatAppLog("error", "at pages/fullcamera.nvue:384", "stopTalk 调用失败", err); uni.showToast({ title: "stopTalk 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`fullmonitor:response:${payload.reqId}`, { ok: false, error: "stopTalk_call_failed", detail: String(err) }); } } }, /* ------------------ 事件回调处理(来自原生推送的事件) ------------------ */ // 处理来自模板 @onSnapShot 的事件(event.detail) handleSnapShotEvent(event) { const payload = event && event.detail ? event.detail : event; formatAppLog("log", "at pages/fullcamera.nvue:404", "onSnapShot event:", payload); this._handleSnapshotResultFromNative(payload); }, // 处理来自模板 @onRecord 的事件(event.detail) handleRecordEvent(event) { const payload = event && event.detail ? event.detail : event; formatAppLog("log", "at pages/fullcamera.nvue:412", "onRecord event:", payload); this._handleRecordResultFromNative(payload); }, // 处理来自模板 @onTalkStatus 的事件 handleTalkEvent(event) { const payload = event && event.detail ? event.detail : event; formatAppLog("log", "at pages/fullcamera.nvue:419", "onTalkStatus event:", payload); const status = payload && payload.talkStatus; const tips = payload && payload.tips; uni.$emit("fullmonitor:talk:status", payload); if (this._pendingRequests.talk && this._pendingRequests.talk.length) { while (this._pendingRequests.talk.length) { const reqId = this._pendingRequests.talk.shift(); uni.$emit(`fullmonitor:response:${reqId}`, { ok: true, payload }); } } switch ((status || "").toLowerCase()) { case "loading": uni.showToast({ title: tips || "对讲连接中...", icon: "none" }); this.isTalking = true; break; case "playing": uni.showToast({ title: tips || "对讲已连接", icon: "none" }); this.isTalking = true; break; case "stopped": uni.showToast({ title: tips || "对讲已停止", icon: "none" }); this.isTalking = false; break; case "failed": uni.showToast({ title: tips || "对讲失败", icon: "none" }); this.isTalking = false; break; default: uni.showToast({ title: tips || "对讲状态: " + (status || "unknown"), icon: "none" }); break; } }, /* ------------------ 原生结果的内部处理函数(统一处理 callback / event) ------------------ */ _handleSnapshotResultFromNative(res, reqIdFromCallback = null) { if (!res) { uni.showToast({ title: "截图没有返回数据", icon: "none" }); if (reqIdFromCallback) { uni.$emit(`fullmonitor:response:${reqIdFromCallback}`, { ok: false, error: "no_data" }); } return; } let payload = res; if (res.detail) payload = res.detail; formatAppLog("log", "at pages/fullcamera.nvue:496", "snapshot payload normalized:", payload); if (reqIdFromCallback) { uni.$emit(`fullmonitor:response:${reqIdFromCallback}`, { ok: !!payload.snapShotResult, payload }); } if (!reqIdFromCallback && this._pendingRequests.snapshot && this._pendingRequests.snapshot.length) { while (this._pendingRequests.snapshot.length) { const rid = this._pendingRequests.snapshot.shift(); uni.$emit(`fullmonitor:response:${rid}`, { ok: !!payload.snapShotResult, payload }); } } uni.$emit("fullmonitor:snapshot:done", payload); if (payload.snapShotResult === true || payload.snapShotResult === "true") { const url = payload.snapShotUrl || payload.snapShotPath || payload.url; uni.showToast({ title: "截图成功", icon: "success", duration: 1200 }); if (url) { uni.previewImage({ urls: [url] }); } } else { const err = payload.snapShotErrorCode || payload.error || "unknown"; uni.showToast({ title: "截图失败: " + err, icon: "none", duration: 2e3 }); formatAppLog("warn", "at pages/fullcamera.nvue:539", "snapshot failed reason:", err, payload); } }, _handleRecordResultFromNative(res, reqIdFromCallback = null) { if (!res) { uni.showToast({ title: "录屏没有返回数据", icon: "none" }); this.isRecording = false; if (reqIdFromCallback) { uni.$emit(`fullmonitor:response:${reqIdFromCallback}`, { ok: false, error: "no_data" }); } return; } let payload = res; if (res.detail) payload = res.detail; formatAppLog("log", "at pages/fullcamera.nvue:561", "record payload normalized:", payload); if (reqIdFromCallback) { uni.$emit(`fullmonitor:response:${reqIdFromCallback}`, { ok: !!(payload.recordUrl || payload.snapShotResult), payload }); } if (!reqIdFromCallback && this._pendingRequests.record && this._pendingRequests.record.length) { while (this._pendingRequests.record.length) { const rid = this._pendingRequests.record.shift(); uni.$emit(`fullmonitor:response:${rid}`, { ok: !!(payload.recordUrl || payload.snapShotResult), payload }); } } uni.$emit("fullmonitor:record:done", payload); if (payload.recordUrl) { uni.showToast({ title: "录屏完成", icon: "success", duration: 1400 }); this.isRecording = false; formatAppLog("log", "at pages/fullcamera.nvue:592", "录屏地址:", payload.recordUrl); } else if (payload.recordFailedReason) { uni.showToast({ title: "录屏失败: " + payload.recordFailedReason, icon: "none", duration: 2e3 }); this.isRecording = false; formatAppLog("warn", "at pages/fullcamera.nvue:600", "record failed reason:", payload.recordFailedReason); } else { if (payload.snapShotResult === true) { uni.showToast({ title: "录屏操作已完成(返回未知)", icon: "none" }); } this.isRecording = false; } } } }; function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { const _component_MonitorView = resolveComponent("MonitorView"); return openBlock(), createElementBlock("scroll-view", { scrollY: true, showScrollbar: true, enableBackToTop: true, bubble: "true", style: { flexDirection: "column" } }, [ createElementVNode( "div", { class: "center-column", style: normalizeStyle({ height: $data.isshow ? "600px" : "0px" }) }, [ createCommentVNode(" 视频播放组件 "), createVNode(_component_MonitorView, { ref: "monitor", init: "5", style: { "width": "900px", "height": "600px" }, onOnTel: $options.handleTelEvent, onOnSnapShot: $options.handleSnapShotEvent, onOnRecord: $options.handleRecordEvent, onOnTalkStatus: $options.handleTalkEvent }, null, 8, ["onOnTel", "onOnSnapShot", "onOnRecord", "onOnTalkStatus"]) ], 4 /* STYLE */ ) ]); } const fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/fullcamera.nvue"]]); export { fullcamera as default };