From 170ee55bd1f0858fdbad3147a72c0f185d49a9a6 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@smartai.com> Date: 星期四, 10 三月 2022 11:02:01 +0800 Subject: [PATCH] cameraPlayer 添加h265b播放功能 --- src/pages/cameraPlayer/index/App.vue | 24 ++++++++++++++++++++---- 1 files changed, 20 insertions(+), 4 deletions(-) diff --git a/src/pages/cameraPlayer/index/App.vue b/src/pages/cameraPlayer/index/App.vue index 45d0e10..de71805 100644 --- a/src/pages/cameraPlayer/index/App.vue +++ b/src/pages/cameraPlayer/index/App.vue @@ -1,6 +1,12 @@ <template> <div style="width:100%; height: 100%;"> - <camera-player :cameraID="query.cameraId" :rtspUrl="query.rtspUrl" :isGb="query.gb28181 === '1'"></camera-player> + <camera-player + :cameraID="query.cameraId" + :rtspUrl="query.rtspUrl" + :isGb="query.gb28181 === '1'" + v-if="!enableWasm" + ></camera-player> + <wasm-player :cameraID="query.cameraId" :rtspUrl="query.rtspUrl" :isGb="query.gb28181 === '1'" v-else></wasm-player> </div> </template> @@ -10,11 +16,13 @@ // http://192.168.20.191:7003/view/cameraPlayer/index.html?cameraId=e7e6157a-5929-4e78-b390-e365141169c8&rtspUrl=rtsp://admin:a1234567@192.168.5.51:554/h264/ch1/main/av_stream import CameraPlayer from "../components/player" +import WasmPlayer from "@/components/wasmPlayer" export default { name: "BasicCameraPlayer", components: { - CameraPlayer + CameraPlayer, + WasmPlayer }, data() { return { @@ -22,7 +30,8 @@ cameraId: "", rtspUrl: "", gb28181: "0" - } + }, + enableWasm: false } }, mounted() { @@ -43,6 +52,10 @@ if (key == "rtspUrl") { obj[key] = this.rtspParse(value) } + + if (key == "enableWasm" && value == "1") { + this.enableWasm = true + } }) } this.query = Object.assign({}, this.query, obj) @@ -50,14 +63,17 @@ }, // 瀵逛紶鍏ョ殑rtsp瀵嗙爜杩涜urlEncode澶勭悊 rtspParse(input) { + // 鏃犳晥鐨剅tsp鍦板潃 if (!input.length || input.indexOf("rtsp://") != 0) { return } let userinfoSplitPos = input.indexOf(":", 7) let userinfoEndPos = input.lastIndexOf("@") + + // 鏈寘鍚櫥褰曚俊鎭殑rtsp鍦板潃, 鐩存帴杩斿洖鍘焨rl if (userinfoSplitPos == -1 || userinfoEndPos == -1 || userinfoEndPos < userinfoSplitPos) { - return + return input } let usrPassword = input.slice(userinfoSplitPos + 1, userinfoEndPos) -- Gitblit v1.8.0