import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, createCommentVNode, createVNode } from "vue"; function requireNativePlugin(name) { return weex.requireModule(name); } function formatAppLog(type, filename, ...args) { if (uni.__log__) { uni.__log__(type, filename, ...args); } else { console[type].apply(console, [...args, filename]); } } const _style_0 = { "center-column": { "": { "width": 650, "height": 510, "borderRadius": 30, "overflow": "hidden" } } }; const _export_sfc = (sfc, props) => { const target = sfc.__vccOpts || sfc; for (const [key, val] of props) { target[key] = val; } return target; }; const _sfc_main = { data() { return { phoneNumber: "1234567890", initnumber: 5, isAlarming: false, isRecording: false, // 录屏状态 isTalking: false, // 对讲状态 // 内部 pending 请求队列,用于在 native 事件到达时把结果返回给特定 reqId // 结构: { snapshot: [reqId,...], record: [reqId,...], talk: [reqId,...] } // 注意:这仅用于在 native 事件没有直接 callback 时仍能把结果回传给请求方。 _pendingRequests: { snapshot: [], record: [], talk: [] }, suo: true, isshow: true }; }, onLoad() { const globalEvent = requireNativePlugin && requireNativePlugin("globalEvent"); if (globalEvent && globalEvent.addEventListener) { globalEvent.addEventListener("myEvent", (e) => { formatAppLog("log", "at pages/camera.nvue:35", 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( "monitor:changeinit", (number) => { this.initnumber = number; uni.setStorageSync("saveinit", number); if (globalEvent && globalEvent.addEventListener) { globalEvent.addEventListener("myEvent", (e) => { formatAppLog("log", "at pages/camera.nvue:66", 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.$on("monitor:isshow", (bool) => this.isshow = bool); uni.$on("monitor:doSnapshot", this.doSnapshot); uni.$on("monitor:startRecord", this.doStartRecord); uni.$on("monitor:stopRecord", this.doStopRecord); uni.$on("monitor:openTalk", this.doOpenTalk); uni.$on("monitor:stopTalk", this.doStopTalk); uni.$on("monitor:switchDisplay", (payload) => this.switchDisplay(payload)); uni.$on("monitor:startAlarm", this.startAlarm); uni.$on("monitor:stopAlarm", this.stopAlarm); uni.$on("monitor:flipImage", (payload) => this.flipImage(payload)); uni.$on("monitor:resumeOrPause", this.resumeOrPause); uni.$on("monitor:changeQuality", this.changeQuality); uni.$on("monitor:toggleVolume", this.toggleVolume); uni.$on("monitor:test", this.test); }, onUnload() { uni.$off("monitor:changeinit", (number) => this.initnumber = number); uni.$off("monitor:isshow", (bool) => this.isshow = bool); uni.$off("monitor:doSnapshot", this.doSnapshot); uni.$off("monitor:startRecord", this.doStartRecord); uni.$off("monitor:stopRecord", this.doStopRecord); uni.$off("monitor:openTalk", this.doOpenTalk); uni.$off("monitor:stopTalk", this.doStopTalk); uni.$off("monitor:switchDisplay", (payload) => this.switchDisplay(payload)); uni.$off("monitor:startAlarm", this.startAlarm); uni.$off("monitor:stopAlarm", this.stopAlarm); uni.$off("monitor:flipImage", (payload) => this.flipImage(payload)); uni.$off("monitor:resumeOrPause", this.resumeOrPause); uni.$off("monitor:changeQuality", this.changeQuality); uni.$off("monitor:toggleVolume", this.toggleVolume); uni.$off("monitor:test", this.test); }, methods: { /* ------------------ 原有功能 ------------------ */ handleTelEvent(event) { formatAppLog("log", "at pages/camera.nvue:131", "Tel event detail:", event.detail); }, switchDisplay(mode) { formatAppLog("log", "at pages/camera.nvue:136", "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/camera.nvue:143", "startAlarm callback:", res); }); }, stopAlarm() { this.isAlarming = false; this.$refs.monitor.startOrStopManualAlarm(this.isAlarming, (res) => { formatAppLog("log", "at pages/camera.nvue:149", "stopAlarm callback:", res); }); }, flipImage(type) { this.$refs.monitor.changeImageSwitch(type, (res) => { formatAppLog("log", "at pages/camera.nvue:155", "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(`monitor: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/camera.nvue:201", "snapShot callback:", res); this._handleSnapshotResultFromNative(res, payload.reqId); }); uni.showToast({ title: "正在截屏...", icon: "none", duration: 800 }); } catch (err) { formatAppLog("error", "at pages/camera.nvue:210", "snapShot 调用失败", err); uni.showToast({ title: "snapShot 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`monitor: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(`monitor:response:${payload.reqId}`, { ok: false, error: "startRecord_not_supported" }); } return; } try { this.$refs.monitor.startRecord((res) => { formatAppLog("log", "at pages/camera.nvue:243", "startRecord callback:", res); if (payload.reqId) { uni.$emit(`monitor:response:${payload.reqId}`, { ok: true, res }); } }); this.isRecording = true; uni.showToast({ title: "录屏已开始", icon: "none" }); } catch (err) { formatAppLog("error", "at pages/camera.nvue:258", "startRecord 调用失败", err); uni.showToast({ title: "startRecord 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`monitor: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(`monitor: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/camera.nvue:297", "stopRecord callback:", res); this._handleRecordResultFromNative(res, payload.reqId); }); } catch (err) { formatAppLog("error", "at pages/camera.nvue:302", "stopRecord 调用失败", err); uni.showToast({ title: "stopRecord 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`monitor: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(`monitor: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/camera.nvue:339", "openTalk callback:", res); if (payload.reqId) { uni.$emit(`monitor:response:${payload.reqId}`, { ok: true, res }); } }); this.isTalking = true; uni.showToast({ title: "尝试建立对讲连接...", icon: "none" }); } catch (err) { formatAppLog("error", "at pages/camera.nvue:354", "openTalk 调用失败", err); uni.showToast({ title: "openTalk 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`monitor: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(`monitor:response:${payload.reqId}`, { ok: false, error: "stopTalk_not_supported" }); } return; } try { this.$refs.monitor.stopTalk((res) => { formatAppLog("log", "at pages/camera.nvue:387", "stopTalk callback:", res); if (payload.reqId) { uni.$emit(`monitor:response:${payload.reqId}`, { ok: true, res }); } }); this.isTalking = false; } catch (err) { formatAppLog("error", "at pages/camera.nvue:397", "stopTalk 调用失败", err); uni.showToast({ title: "stopTalk 调用失败", icon: "none" }); if (payload.reqId) { uni.$emit(`monitor: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/camera.nvue:417", "onSnapShot event:", payload); this._handleSnapshotResultFromNative(payload); }, // 处理来自模板 @onRecord 的事件(event.detail) handleRecordEvent(event) { const payload = event && event.detail ? event.detail : event; formatAppLog("log", "at pages/camera.nvue:425", "onRecord event:", payload); this._handleRecordResultFromNative(payload); }, // 处理来自模板 @onTalkStatus 的事件 handleTalkEvent(event) { const payload = event && event.detail ? event.detail : event; formatAppLog("log", "at pages/camera.nvue:432", "onTalkStatus event:", payload); const status = payload && payload.talkStatus; const tips = payload && payload.tips; uni.$emit("monitor:talk:status", payload); if (this._pendingRequests.talk && this._pendingRequests.talk.length) { while (this._pendingRequests.talk.length) { const reqId = this._pendingRequests.talk.shift(); uni.$emit(`monitor: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(`monitor:response:${reqIdFromCallback}`, { ok: false, error: "no_data" }); } return; } let payload = res; if (res.detail) payload = res.detail; formatAppLog("log", "at pages/camera.nvue:509", "snapshot payload normalized:", payload); if (reqIdFromCallback) { uni.$emit(`monitor: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(`monitor:response:${rid}`, { ok: !!payload.snapShotResult, payload }); } } uni.$emit("monitor: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/camera.nvue:552", "snapshot failed reason:", err, payload); } }, _handleRecordResultFromNative(res, reqIdFromCallback = null) { if (!res) { uni.showToast({ title: "录屏没有返回数据", icon: "none" }); this.isRecording = false; if (reqIdFromCallback) { uni.$emit(`monitor:response:${reqIdFromCallback}`, { ok: false, error: "no_data" }); } return; } let payload = res; if (res.detail) payload = res.detail; formatAppLog("log", "at pages/camera.nvue:574", "record payload normalized:", payload); if (reqIdFromCallback) { uni.$emit(`monitor: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(`monitor:response:${rid}`, { ok: !!(payload.recordUrl || payload.snapShotResult), payload }); } } uni.$emit("monitor:record:done", payload); if (payload.recordUrl) { uni.showToast({ title: "录屏完成", icon: "success", duration: 1400 }); this.isRecording = false; formatAppLog("log", "at pages/camera.nvue:605", "录屏地址:", payload.recordUrl); } else if (payload.recordFailedReason) { uni.showToast({ title: "录屏失败: " + payload.recordFailedReason, icon: "none", duration: 2e3 }); this.isRecording = false; formatAppLog("warn", "at pages/camera.nvue:613", "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 ? "510px" : "0px" }) }, [ createCommentVNode(" 视频播放组件 "), createVNode(_component_MonitorView, { ref: "monitor", init: $data.initnumber, style: { "width": "650px", "height": "510px" }, onOnTel: $options.handleTelEvent, onOnSnapShot: $options.handleSnapShotEvent, onOnRecord: $options.handleRecordEvent, onOnTalkStatus: $options.handleTalkEvent }, null, 8, ["init", "onOnTel", "onOnSnapShot", "onOnRecord", "onOnTalkStatus"]) ], 4 /* STYLE */ ) ]); } const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/camera.nvue"]]); export { camera as default };