yangjun
/
hldy_yunwei_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

解决tplink回放黑屏问题

This commit is contained in:
1378012178@qq.com 2026-04-22 11:13:28 +08:00
parent e2b8c1dc71
commit efe9156015
2 changed files with 152 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/iot/tplink/camera/components/CameraPlaybackForm.vue
View File

@ -6,13 +6,8 @@
</a-col> </a-col>
<a-col :span="24" style="padding: 5px;"> <a-col :span="24" style="padding: 5px;">
<span style="margin-left: 15px;">回放倍速 <span style="margin-left: 15px;">回放倍速
<a-select <a-select ref="select" v-model:value="formData.scale" style="width: 120px" @focus="focus"
ref="select" @change="changeScale">
v-model:value="formData.scale"
style="width: 120px"
@focus="focus"
@change="changeScale"
>
<a-select-option value="0.0625">0.0625</a-select-option> <a-select-option value="0.0625">0.0625</a-select-option>
<a-select-option value="0.125">0.125</a-select-option> <a-select-option value="0.125">0.125</a-select-option>
<a-select-option value="0.25">0.25</a-select-option> <a-select-option value="0.25">0.25</a-select-option>
@ -114,13 +109,14 @@
if (error == null || error == '') { if (error == null || error == '') {
formData.sessionId = ''; formData.sessionId = '';
const list = res.data; const list = res.data;
console.log("🌊 ~ edit ~ list:", list)
list.forEach(item => { list.forEach(item => {
formData.sessionId += item.sessionId + "," formData.sessionId += item.sessionId + ","
let startTime = item.startTime * 1000; let startTime = item.startTime * 1000;
let endTime = item.endTime * 1000; let endTime = item.endTime * 1000;
player.value = new TumsPlayer('video-container-playback', { player.value = new TumsPlayer('video-container-playback', {
"autoplay": true, "autoplay": true,
"resolution": "HD", "resolution": "VB",
"streamType": "sdvod", // 回放类型 "streamType": "sdvod", // 回放类型
"url": item.url, // 该url为一次性 需要通过接口实时获取 "url": item.url, // 该url为一次性 需要通过接口实时获取
"socket": item.wssUrl, "socket": item.wssUrl,
@ -133,7 +129,7 @@
"storageDevId": item.storageDevId, "storageDevId": item.storageDevId,
"startTime": startTime, // 回放开始时间 13位 "startTime": startTime, // 回放开始时间 13位
"endTime": endTime, // 回放结束时间 13位 "endTime": endTime, // 回放结束时间 13位
"eventType": [1, 2], // 事件类型 "eventType": [1, 2], // 事件类
"scale": item.scale // 回放倍速 "scale": item.scale // 回放倍速
}); });
}); });
@ -179,6 +175,7 @@
.antd-modal-form { .antd-modal-form {
padding: 14px; padding: 14px;
} }
#video-container-playback { #video-container-playback {
padding: 0px 25px; padding: 0px 25px;
width: 600px; width: 600px;

12
src/views/iot/tplink/camera/components/CameraRecordList.vue
View File

@ -98,14 +98,14 @@ import {ref, reactive, createVNode, h, onMounted, watch, unref} from 'vue';
function handlePlayback(record: Recordable) { function handlePlayback(record: Recordable) {
record.scale = props.data.scale; record.scale = props.data.scale;
record.multitrans = props.data.multitrans; record.multitrans = props.data.multitrans;
console.log(record.multitrans); console.log(123,record.multitrans);
if(record.multitrans=="1"){ // if(record.multitrans=="1"){
multitransModal.value.disableSubmit = true; // multitransModal.value.disableSubmit = true;
multitransModal.value.edit(record); // multitransModal.value.edit(record);
}else{ // }else{
playbackModal.value.disableSubmit = true; playbackModal.value.disableSubmit = true;
playbackModal.value.edit(record); playbackModal.value.edit(record);
} // }
} }
/** /**