直播界面扩大
parent
d47a211095
commit
d06ef3ccb5
|
|
@ -46,7 +46,7 @@
|
|||
<div
|
||||
class="LivePreview"
|
||||
v-if="livePreviewVisible"
|
||||
:style="{ bottom: airportLiveVisible ? '300px' : '20px' }"
|
||||
:style="{ bottom: airportLiveVisible ? '400px' : '20px' }"
|
||||
v-drag
|
||||
>
|
||||
<LivePreview :msgData="msgData" :uavLive="uavLive" />
|
||||
|
|
|
|||
|
|
@ -127,8 +127,8 @@
|
|||
setTimeout(() => {
|
||||
startLiveFun();
|
||||
player = TCPlayer('player-container-id', {
|
||||
width: 360,
|
||||
height: 200,
|
||||
width: 460,
|
||||
height: 300,
|
||||
sources: [
|
||||
{
|
||||
src: 'http://175.27.168.120:6012/live/2.flv', // 播放地址
|
||||
|
|
@ -148,8 +148,8 @@
|
|||
</script>
|
||||
<style lang="less" scoped>
|
||||
.airport-live {
|
||||
width: 400px;
|
||||
height: 248px;
|
||||
width: 500px;
|
||||
height: 348px;
|
||||
padding: 10px 20px;
|
||||
background: #0d0e15;
|
||||
box-shadow:
|
||||
|
|
@ -184,7 +184,7 @@
|
|||
}
|
||||
}
|
||||
.player {
|
||||
height: 200px;
|
||||
height: 300px;
|
||||
#player-container-id-live {
|
||||
height: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -247,8 +247,8 @@
|
|||
});
|
||||
const playVideo = () => {
|
||||
player = TCPlayer('player-container-id-live', {
|
||||
width: 380,
|
||||
height: 180,
|
||||
width: 480,
|
||||
height: 280,
|
||||
sources: [
|
||||
{
|
||||
src: 'http://175.27.168.120:6012/live/4.flv', // 播放地址
|
||||
|
|
@ -290,8 +290,8 @@
|
|||
</script>
|
||||
<style lang="less" scoped>
|
||||
.live-preview {
|
||||
width: 400px;
|
||||
height: 248px;
|
||||
width: 500px;
|
||||
height: 348px;
|
||||
padding: 10px;
|
||||
background: #0d0e15;
|
||||
box-shadow:
|
||||
|
|
@ -369,7 +369,7 @@
|
|||
z-index: 3;
|
||||
}
|
||||
.player {
|
||||
height: 180px;
|
||||
height: 280px;
|
||||
#player-container-id-live {
|
||||
height: 100%;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue