feat: 控制台ai直播功能

罗广辉

2025-04-18 378fc299c70e004abde6ad805274bc60e1a2db2c

 src/components/CurrentTaskDetails/CurrentTaskDetails.vue

@@ -46,6 +46,8 @@
import { ElMessage } from 'element-plus'
import EventBus from '@/event-bus'
import { updateDroneQualityApi } from '@/api/drc'
import { getLiveAiLinkApi } from '@/api/payload'
import { CURRENT_CONFIG } from '@/utils/http/config'

const isAutoControl = ref(true)
const lineQuality = ref(1) //1流畅，2标清
@@ -65,6 +67,9 @@
provide('dockSn', dockSn)
provide('droneSn', droneSn)

const isAiLive = ref(false)
provide('isAiLive', isAiLive)

const isShow = defineModel('show')
const props = defineProps(['id'])
const currentLiveUrl = ref('')
@@ -72,19 +77,27 @@
const isMaxMap = ref(false)
let droneWebSocket //WS实例

// 机巢直播
const video_id = ref('')
provide('video_id', video_id)

// 获取机巢直播
const getDeviceLiveUrl = async () => {
   const res = await liveStart(dockSn.value, 2)
   currentLiveUrl.value = res.data.data.rtcs_url
}

const video_id = ref('')
const getAiLiveUrl = ()=>{
   const res = getLiveAiLinkApi({ original_stream_url: `${CURRENT_CONFIG.rtmpURL}${video_id}`, video_id })
   currentLiveUrl.value = res.data.data.rtcs_url
   isAiLive.value = true
}

// 获取无人机直播url
async function getDroneLiveUrl() {
   const res = await liveStart(droneSn.value, lineQuality.value)
   currentLiveUrl.value = res.data.data.rtcs_url
   video_id.value = res.data.data.video_id
   isAiLive.value = false
}

// 无人机直播画质切换
@@ -169,6 +182,8 @@
onMounted(() => {
   getTaskDetails()
   EventBus.on('CurrentTaskDetails-timeStop', changeLineQuality)
   EventBus.on('CurrentTaskDetails-getAiLiveUrl', getAiLiveUrl)
   EventBus.on('CurrentTaskDetails-getDroneLiveUrl', getDroneLiveUrl)
})

onBeforeUnmount(() => {
@@ -176,6 +191,8 @@
   deviceOsdInfo.value = {}
   droneWebSocket = null
   EventBus.off('CurrentTaskDetails-timeStop', changeLineQuality)
   EventBus.off('CurrentTaskDetails-getAiLiveUrl', getAiLiveUrl)
   EventBus.off('CurrentTaskDetails-getDroneLiveUrl', getDroneLiveUrl)
})
</script>