直播界面扩大

main
刘妍 2025-07-01 09:56:24 +08:00
parent d47a211095
commit d06ef3ccb5
3 changed files with 11 additions and 11 deletions

View File

@ -46,7 +46,7 @@
<div <div
class="LivePreview" class="LivePreview"
v-if="livePreviewVisible" v-if="livePreviewVisible"
:style="{ bottom: airportLiveVisible ? '300px' : '20px' }" :style="{ bottom: airportLiveVisible ? '400px' : '20px' }"
v-drag v-drag
> >
<LivePreview :msgData="msgData" :uavLive="uavLive" /> <LivePreview :msgData="msgData" :uavLive="uavLive" />

View File

@ -127,8 +127,8 @@
setTimeout(() => { setTimeout(() => {
startLiveFun(); startLiveFun();
player = TCPlayer('player-container-id', { player = TCPlayer('player-container-id', {
width: 360, width: 460,
height: 200, height: 300,
sources: [ sources: [
{ {
src: 'http://175.27.168.120:6012/live/2.flv', // src: 'http://175.27.168.120:6012/live/2.flv', //
@ -148,8 +148,8 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.airport-live { .airport-live {
width: 400px; width: 500px;
height: 248px; height: 348px;
padding: 10px 20px; padding: 10px 20px;
background: #0d0e15; background: #0d0e15;
box-shadow: box-shadow:
@ -184,7 +184,7 @@
} }
} }
.player { .player {
height: 200px; height: 300px;
#player-container-id-live { #player-container-id-live {
height: 100%; height: 100%;
} }

View File

@ -247,8 +247,8 @@
}); });
const playVideo = () => { const playVideo = () => {
player = TCPlayer('player-container-id-live', { player = TCPlayer('player-container-id-live', {
width: 380, width: 480,
height: 180, height: 280,
sources: [ sources: [
{ {
src: 'http://175.27.168.120:6012/live/4.flv', // src: 'http://175.27.168.120:6012/live/4.flv', //
@ -290,8 +290,8 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.live-preview { .live-preview {
width: 400px; width: 500px;
height: 248px; height: 348px;
padding: 10px; padding: 10px;
background: #0d0e15; background: #0d0e15;
box-shadow: box-shadow:
@ -369,7 +369,7 @@
z-index: 3; z-index: 3;
} }
.player { .player {
height: 180px; height: 280px;
#player-container-id-live { #player-container-id-live {
height: 100%; height: 100%;
} }