直播界面扩大
parent
d47a211095
commit
d06ef3ccb5
|
|
@ -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" />
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue