全景调整

shuishen

2023-03-02 c298d5493cfe1864ef90d28929ea899282dbb75e

全景调整

 src/api/panorama/index.js

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-11-30 15:18:29
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-05 15:23:15
 * @LastEditTime: 2023-03-02 10:31:31
 * @FilePath: \srs-police-affairs\src\api\panorama\index.js
 * @Description: 
 * 
@@ -17,7 +17,7 @@
 */
export const getPanoramaList = () => {
    return request({
        url: '/api/panorama/panorama/all',
        url: '/api/panorama/panorama/getPanoramaList',
        method: 'get',
    })
}

 src/styles/media/index.scss

@@ -1838,6 +1838,7 @@
                        }

                        .el-dialog .el-dialog__body {
                            margin-bottom: countSizeVh(10);
                            font-size: countSizeVh(16);
                        }


 src/views/activity/index.vue

@@ -22,11 +22,11 @@
                            v-model="activityType"
                            placeholder="请选择"
                            @change="activityTypeChange"
                                                                                                                                                                                                                                                                                                                                                                                            >
                                                                                                                                                                                                                                                                                                                                                                                                <el-option
                                                                                                                                                                                                                                                                                                                                                                                                    v-for="item in activityOptions"
                                                                                                                                                                                                                                                                                                                                                                                                    :key="item.dictKey"
                                                                                                                                                                                                                                                                                                                                                                                                    :label="item.dictValue"
                                                                                                                                                                                                                                                                                                                                                                                                >
                                                                                                                                                                                                                                                                                                                                                                                                    <el-option
                                                                                                                                                                                                                                                                                                                                                                                                        v-for="item in activityOptions"
                                                                                                                                                                                                                                                                                                                                                                                                        :key="item.dictKey"
                                                                                                                                                                                                                                                                                                                                                                                                        :label="item.dictValue"
                                :value="item.dictKey"
                                class="activity-option"
                            ></el-option>
@@ -38,12 +38,12 @@
                    <div class="category">选择时间：</div>
                    <div class="category-value">
                        <!-- <el-date-picker
                                                                                                                                                                                                                                                                                                                                                                                                size="small"
                                                                                                                                                                                                                                                                                                                                                                                                v-model="selectTime"
                                                                                                                                                                                                                                                                                                                                                                                                type="date"
                                                                                                                                                                                                                                                                                                                                                                                                placeholder="选择日期"
                                                                                                                                                                                                                                                                                                                                                                                                style="width:268px"
                                                                                                                                                                                                                                                                                                                                                                                            ></el-date-picker>-->
                                                                                                                                                                                                                                                                                                                                                                                                    size="small"
                                                                                                                                                                                                                                                                                                                                                                                                    v-model="selectTime"
                                                                                                                                                                                                                                                                                                                                                                                                    type="date"
                                                                                                                                                                                                                                                                                                                                                                                                    placeholder="选择日期"
                                                                                                                                                                                                                                                                                                                                                                                                    style="width:268px"
                                                                                                                                                                                                                                                                                                                                                                                                ></el-date-picker>-->
                        <el-date-picker v-model="selectTime" type="daterange" align="right" unlink-panels
                            format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至"
                            start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"
@@ -141,10 +141,10 @@
                    <ul>
                        <li>
                            <!-- <el-button
                                                                                                                                                                                                                                                                                                                                                                                                title="路线绘制"
                                                                                                                                                                                                                                                                                                                                                                                                @click="draw('billboard', 'policeman')"
                                                                                                                                                                                                                                                                                                                                                                                                icon="el-icon-my-route"
                                                                                                                                                                                                                                                                                                                                                                                                ></el-button>-->
                                                                                                                                                                                                                                                                                                                                                                                                    title="路线绘制"
                                                                                                                                                                                                                                                                                                                                                                                                    @click="draw('billboard', 'policeman')"
                                                                                                                                                                                                                                                                                                                                                                                                    icon="el-icon-my-route"
                                                                                                                                                                                                                                                                                                                                                                                                    ></el-button>-->
                            <button @click="draw('polyline', 'policecar')" title="巡逻路线">
                                <img src="../../../public/img/icon/route1.png" style="height:100%" />
                            </button>
@@ -1193,7 +1193,7 @@
                } else {
                    this.$message({
                        message: '保存失败',
                        type:'error'
                        type: 'error'
                    })
                }
                this.getSecurityCarList(this.showingSecurityId, this.policeSwitch, this.polylineBtnSwitch)
@@ -1889,7 +1889,7 @@
                        let b = parseInt(item.color.slice(5, 7), 16)
                        color = global.DC.Namespace.Cesium.Color.fromBytes(r, g, b, 150)
                    }
                    chooseArrow.attrParams = { 'id': item.id, 'color': item.color ,'name':item.name}
                    chooseArrow.attrParams = { 'id': item.id, 'color': item.color, 'name': item.name }
                    arrowsListLayer.addOverlay(chooseArrow)
                    chooseArrow.setStyle({
                        "material": color,
@@ -1934,12 +1934,12 @@
        // 保存标绘修改
        savePlot () {
            if (this.polygonName == '') {
                 this.$message({
                     message: '请设置名称',
                     type: 'warning'
                 })
                this.$message({
                    message: '请设置名称',
                    type: 'warning'
                })
            } else {
                this.updateSecurityPlot({ id: this.plotOverlayData.overlay.attrParams.id, color: this.choosePlotColor ,name:this.polygonName})
                this.updateSecurityPlot({ id: this.plotOverlayData.overlay.attrParams.id, color: this.choosePlotColor, name: this.polygonName })
                this.editPlotVisible = false
            }
        },
@@ -2107,7 +2107,7 @@

            } else {
                this.isHaveMonitor[`video${args}`] = false
                this.playVideoHolders[`text${args}`] = '设备离线中……'
                this.playVideoHolders[`text${args}`] = '设备离线中…'
            }

        },

 src/views/home/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-28 11:40:39
 * @LastEditTime: 2023-03-02 10:56:07
 * @FilePath: \srs-police-affairs\src\views\home\index.vue
 * @Description: 小区-栋-层-房屋
 *
@@ -19,8 +19,8 @@
            @changeActivityType="changeActivityType" ref="rightContainer"></right-container>

        <bottom-container class="bottom-container" ref="bottomContainer"
        @changePoliceSituationHistoryType="changePoliceSituationHistoryType"
        @policeSituationChange="policeSituationChange"
            @changePoliceSituationHistoryType="changePoliceSituationHistoryType"
            @policeSituationChange="policeSituationChange"
            @policeSituationSiteClick="policeSituationSiteClick"></bottom-container>

        <scheduling-list ref="schedulingList"></scheduling-list>
@@ -28,22 +28,18 @@
        <div class="center-container">
            <div class="layers-control-btn area">
                <el-checkbox v-model="areaPolygonLayerShow" @change="areaPolygonChange">辖区</el-checkbox>
        </div>
        <!-- <div class="layers-control-btn house">
            <el-checkbox v-model="houseLayerShow" @change="houseChange">小区</el-checkbox>
        </div> -->
        <div class="layers-control-btn car">
            </div>
            <!-- <div class="layers-control-btn house">     <el-checkbox v-model="houseLayerShow" @change="houseChange">小区</el-checkbox> </div> -->
            <div class="layers-control-btn car">
                <el-checkbox v-model="carLayerShow" @change="carChange">警车</el-checkbox>
            </div>
            <div class="layers-control-btn phone">
                <el-checkbox v-model="cameraLayerShow" @change="cameraChange">摄像头</el-checkbox>
            </div>
            <!-- <div class="layers-control-btn moitor">
                                                                                                            <el-checkbox v-model="monitoringLayerShow" @change="monitoringChange">监控</el-checkbox>
                                                                                                        </div>
                                                                                                        <div class="layers-control-btn panorama">
                                                                                                            <el-checkbox v-model="panoramaLayerShow" @change="panoramaChange">全景</el-checkbox>
                                                                                                        </div> -->
            <!-- <div class="layers-control-btn moitor">    <el-checkbox v-model="monitoringLayerShow" @change="monitoringChange">监控</el-checkbox>      </div> -->
            <div class="layers-control-btn panorama">
                <el-checkbox v-model="panoramaLayerShow" @change="panoramaChange">全景</el-checkbox>
            </div>
            <div class="layers-control-btn police-situation">
                <el-checkbox v-model="policeSituationLayerShow" @change="policeSituationChange">警情</el-checkbox>
            </div>
@@ -552,13 +548,7 @@
            cameraList: [],

            monitoringList: [],
            panoramaList: [{
                name: '1号全景',
                lng: 116.027625,
                lat: 28.677213,
                alt: 1,
                url: '/img/icon/map-panorama.png'
            }],
            panoramaList: [],
            activityList: [],
            policeSituationList: [],
            policeStationCheckValue: '全部',
@@ -1116,8 +1106,8 @@
        },

        panoramaSiteClick (e) {
            this.panoramaTitle = e.overlay.attrParams.name
            this.panoramaVrUrl = e.overlay.attrParams.vrUrl
            this.panoramaTitle = '全景'
            this.panoramaVrUrl = e.overlay.attrParams.vrurl
            this.panoramaVisible = true
        },

@@ -1798,14 +1788,17 @@
        getPanoramaList () {
            getPanoramaList().then(res => {
                if (res.data.code == 200) {
                    let data = res.data.data
                    data.forEach(e => {
                        e.lng = e.longitude
                        e.lat = e.latitude
                        e.alt = 1
                        e.url = '/img/icon/map-panorama.png'
                    this.panoramaList = res.data.data.map(e => {
                        const item = {
                            lng: e.longitude,
                            lat: e.latitude,
                            alt: 1,
                            url: '/img/icon/map-panorama.png',
                            vrurl: e.url
                        }

                        return item
                    })
                    this.panoramaList = data
                }
            })
        },

 src/views/video/region.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-24 14:34:25
 * @LastEditTime: 2023-03-02 16:11:51
 * @FilePath: \srs-police-affairs\src\views\video\region.vue
 * @Description: 辖区管理
 * 
@@ -33,9 +33,9 @@
                                <el-table-column prop="name" label="范围名称" min-width="50%"></el-table-column>
                                <el-table-column prop="extent" label="长度km/面积㎡" min-width="50%">
                                    <!-- <template slot-scope="scope">
                                                            <span>{{ scope.row.extent }}</span>
                                                            <span>千米</span>
                                                        </template>-->
                                                                    <span>{{ scope.row.extent }}</span>
                                                                    <span>千米</span>
                                                                </template>-->
                                </el-table-column>
                                <el-table-column prop="id" label="操作" min-width="50%">
                                    <template slot-scope="scope">
@@ -77,7 +77,7 @@
            <div class="video" v-show="!isShowOutline.video1">
                <video id="videoElement1" autoplay controls width="100%" height="100%" style="object-fit: fill"></video>
            </div>
            <div class="outline" v-show="isShowOutline.video1">设备离线</div>
            <div class="outline" v-show="isShowOutline.video1">设备离线中…</div>
        </div>
        <div class="item video2" v-show="isShowVideo.video2">
            <div class="select" v-show="isShowSelect.video2">
@@ -97,7 +97,7 @@
            <div class="video" v-show="!isShowOutline.video2">
                <video id="videoElement2" autoplay controls width="100%" height="100%" style="object-fit: fill"></video>
            </div>
            <div class="outline" v-show="isShowOutline.video2">设备离线</div>
            <div class="outline" v-show="isShowOutline.video2">设备离线中…</div>
        </div>
        <div class="item video3" v-show="isShowVideo.video3">
            <div class="select" v-show="isShowSelect.video3">
@@ -117,7 +117,7 @@
            <div class="video" v-show="!isShowOutline.video3">
                <video id="videoElement3" autoplay controls width="100%" height="100%" style="object-fit: fill"></video>
            </div>
            <div class="outline" v-show="isShowOutline.video3">设备离线</div>
            <div class="outline" v-show="isShowOutline.video3">设备离线中…</div>
        </div>
        <div class="item video4" v-show="isShowVideo.video4">
            <div class="select" v-show="isShowSelect.video4">
@@ -137,7 +137,7 @@
            <div class="video" v-show="!isShowOutline.video4">
                <video id="videoElement4" autoplay controls width="100%" height="100%" style="object-fit: fill"></video>
            </div>
            <div class="outline" v-show="isShowOutline.video4">设备离线</div>
            <div class="outline" v-show="isShowOutline.video4">设备离线中…</div>
        </div>
        <div class="item video5" v-show="isShowVideo.video5">
            <div class="select" v-show="isShowSelect.video5">
@@ -157,7 +157,7 @@
            <div class="video" v-show="!isShowOutline.video5">
                <video id="videoElement5" autoplay controls width="100%" height="100%" style="object-fit: fill"></video>
            </div>
            <div class="outline" v-show="isShowOutline.video5">设备离线</div>
            <div class="outline" v-show="isShowOutline.video5">设备离线中…</div>
        </div>
        <div class="item video6" v-show="isShowVideo.video6">
            <div class="select" v-show="isShowSelect.video6">
@@ -177,7 +177,7 @@
            <div class="video" v-show="!isShowOutline.video6">
                <video id="videoElement6" autoplay controls width="100%" height="100%" style="object-fit: fill"></video>
            </div>
            <div class="outline" v-show="isShowOutline.video6">设备离线</div>
            <div class="outline" v-show="isShowOutline.video6">设备离线中…</div>
        </div>
        <div class="item video7" v-show="isShowVideo.video7">
            <div class="select" v-show="isShowSelect.video7">
@@ -197,7 +197,7 @@
            <div class="video" v-show="!isShowOutline.video7">
                <video id="videoElement7" autoplay controls width="100%" height="100%" style="object-fit: fill"></video>
            </div>
            <div class="outline" v-show="isShowOutline.video7">设备离线</div>
            <div class="outline" v-show="isShowOutline.video7">设备离线中…</div>
        </div>
        <div class="item video8" v-show="isShowVideo.video8">
            <div class="select" v-show="isShowSelect.video8">
@@ -217,7 +217,7 @@
            <div class="video" v-show="!isShowOutline.video8">
                <video id="videoElement8" autoplay controls width="100%" height="100%" style="object-fit: fill"></video>
            </div>
            <div class="outline" v-show="isShowOutline.video8">设备离线</div>
            <div class="outline" v-show="isShowOutline.video8">设备离线中…</div>
        </div>
        <!-- <div class="deleteVideo" v-show="isShowVideo.video1" @click="deleteVideo">关闭</div> -->

@@ -228,15 +228,13 @@

        <el-dialog title="修改范围" :modal="false" :visible.sync="editRangeVisible" :close-on-click-modal="true"
            class="edit-range-box">
                <div class="line">
            <div class="line">
                <div class="value-name-box">选择范围颜色：</div>
                <div class="pick-color-box">
                    <el-color-picker
                     v-model="chooseRangeColor"
                     :predefine="predefineColors" size="small">
                   </el-color-picker>
                    <el-color-picker v-model="chooseRangeColor" :predefine="predefineColors" size="small">
                    </el-color-picker>
                </div>
                </div>
            </div>
            <div v-show="isLineRange">
                <div class="value-name-box">设置范围宽度：</div>
                <div class="input-width-box">
@@ -257,7 +255,7 @@
<script>
import EntityDraw from "@/utils/EntityDraw.js"
import { listQuery, accurateSearch } from "@/utils/search.js"
import { getVideoList, getDevices, getRegionSaveList, deleteRegionSaveList, getRegionList ,updataRegionSaveList} from '@/api/video/index.js'
import { getVideoList, getDevices, getRegionSaveList, deleteRegionSaveList, getRegionList, updataRegionSaveList } from '@/api/video/index.js'
import flvjs from 'flv.js'

// let graphicLayer = null
@@ -337,26 +335,26 @@
                video8: false,
            },
            chooseRangeColor: '#FF0000',
            editRangeVisible:false,
            lineWidth:'',
            rangeOverlayData:{},
            isLineRange:false,
            isEndDrawPlot:true,
            editRangeVisible: false,
            lineWidth: '',
            rangeOverlayData: {},
            isLineRange: false,
            isEndDrawPlot: true,
            predefineColors: [
            '#ff4500',
            '#ff8c00',
            '#ffd700',
            '#90ee90',
            '#00ced1',
            '#1e90ff',
            '#c71585',
            'rgba(255, 69, 0, )',
            'rgb(255, 120, 0)',
            'hsv(51, 100, 98)',
            'hsva(120, 40, 94)',
            'hsl(181, 100%, 37%)',
            'hsla(209, 100%, 56%)',
            '#c7158577'
                '#ff4500',
                '#ff8c00',
                '#ffd700',
                '#90ee90',
                '#00ced1',
                '#1e90ff',
                '#c71585',
                'rgba(255, 69, 0, )',
                'rgb(255, 120, 0)',
                'hsv(51, 100, 98)',
                'hsva(120, 40, 94)',
                'hsl(181, 100%, 37%)',
                'hsla(209, 100%, 56%)',
                '#c7158577'
            ],
        }
    },
@@ -372,7 +370,7 @@
        // graphicLayer = new EntityDraw()
        this.$nextTick(() => {
            if (rangeLayer == null) {
            rangeLayer = new global.DC.VectorLayer('rangeLayer')
                rangeLayer = new global.DC.VectorLayer('rangeLayer')
                global.viewer.addLayer(rangeLayer)
                plot = new global.DC.Plot(global.viewer)
            }
@@ -381,7 +379,7 @@
                global.viewer.addLayer(rangeLineLayer)
            }
        })
        

    },

    methods: {
@@ -513,80 +511,80 @@
                layerName: 'monitoringLayers',
                type: 'VectorLayer'
            })
            

            if (rangeLineLayer != null) {
                rangeLineLayer.clear()
            }

            this.saveRangeList.forEach(item => {
                console.log(item,656565656);
                console.log(item, 656565656)
                let positionStr = ''
                if(item.type == 1){
                   let linePositionStr = ''
                   linePositionStr = item.positions.replace(/,/g,';')
                   linePositionStr = linePositionStr.replace(/ /g, ',')
                   linePositionStr +=';'
                   let coords = global.DC.GeoTools.polylineBuffer(linePositionStr, 100)
                   let polygon = new global.DC.Polygon(coords)
                   let position = ''
                   polygon._positions.forEach(item => {
                       position += item._lng + ',' + item._lat + ';'
                   })
                   positionStr = position
                }else{
                if (item.type == 1) {
                    let linePositionStr = ''
                    linePositionStr = item.positions.replace(/,/g, ';')
                    linePositionStr = linePositionStr.replace(/ /g, ',')
                    linePositionStr += ';'
                    let coords = global.DC.GeoTools.polylineBuffer(linePositionStr, 100)
                    let polygon = new global.DC.Polygon(coords)
                    let position = ''
                    polygon._positions.forEach(item => {
                        position += item._lng + ',' + item._lat + ';'
                    })
                    positionStr = position
                } else {
                    positionStr = this.convertPositionDate(item.positions, 'polygon')
                }
                let color = ''
                        if (item.color == '') {
                            color = global.DC.Namespace.Cesium.Color.fromBytes(255, 0, 0, 150)
                        } else {
                            let r = parseInt(item.color.slice(1, 3), 16)
                            let g = parseInt(item.color.slice(3, 5), 16)
                            let b = parseInt(item.color.slice(5, 7), 16)
                            color = global.DC.Namespace.Cesium.Color.fromBytes(r, g, b, 150)
                        }
                if (item.color == '') {
                    color = global.DC.Namespace.Cesium.Color.fromBytes(255, 0, 0, 150)
                } else {
                    let r = parseInt(item.color.slice(1, 3), 16)
                    let g = parseInt(item.color.slice(3, 5), 16)
                    let b = parseInt(item.color.slice(5, 7), 16)
                    color = global.DC.Namespace.Cesium.Color.fromBytes(r, g, b, 150)
                }
                this.$EventBus.$emit('layerPolygonAdd', {
                        layerName: 'rangeSaveLayer',
                        positions: positionStr,
                        material: color,
                        polygonName: 'polygon' + item.id,
                        params:item,
                        incident: this.overlayTypeClick
                    layerName: 'rangeSaveLayer',
                    positions: positionStr,
                    material: color,
                    polygonName: 'polygon' + item.id,
                    params: item,
                    incident: this.overlayTypeClick
                })
            })

        },

        // 点击线面
        overlayTypeClick(e){
            if(this.isEndDrawPlot == false){
        overlayTypeClick (e) {
            if (this.isEndDrawPlot == false) {
                this.$message({
                    message: '请先完成编辑',
                    type: 'error'
                })
            }else{
                 this.rangeOverlayData = e.overlay
                 this.lineWidth = e.overlay.attrParams.width != -1 ? e.overlay.attrParams.width : 100
                 this.chooseRangeColor = e.overlay.attrParams.color != '' ? e.overlay.attrParams.color : '#FF0000'
                 if(e.overlay.attrParams.type == 1){
                     this.isLineRange = true
                 }else{
                     this.isLineRange = false
                 }
                 this.editRangeVisible =true
            } else {
                this.rangeOverlayData = e.overlay
                this.lineWidth = e.overlay.attrParams.width != -1 ? e.overlay.attrParams.width : 100
                this.chooseRangeColor = e.overlay.attrParams.color != '' ? e.overlay.attrParams.color : '#FF0000'
                if (e.overlay.attrParams.type == 1) {
                    this.isLineRange = true
                } else {
                    this.isLineRange = false
                }
                this.editRangeVisible = true
            }
        },

        // 保存范围修改
        saveRangeInfo() {
            this.updataRegionSaveList({ id: this.rangeOverlayData.attrParams.id, color: this.chooseRangeColor ,width:this.lineWidth})
        saveRangeInfo () {
            this.updataRegionSaveList({ id: this.rangeOverlayData.attrParams.id, color: this.chooseRangeColor, width: this.lineWidth })
            this.editRangeVisible = false
        },

        // 更新范围信息
        updataRegionSaveList(params){
            this.isEndDrawPlot =true
            updataRegionSaveList(params).then(res=>{
        updataRegionSaveList (params) {
            this.isEndDrawPlot = true
            updataRegionSaveList(params).then(res => {
                if (res.data.success) {
                    this.$message({
                        message: '保存成功',
@@ -603,7 +601,7 @@
        },

        // 删除线面
        deleteRange(){
        deleteRange () {
            deleteRegionSaveList(this.rangeOverlayData.attrParams.id).then(res => {
                if (res.data.success) {
                    this.$message({
@@ -616,22 +614,22 @@
                        message: '删除失败'
                    })
                }
            this.editRangeVisible = false
                this.editRangeVisible = false
            })
        },

        // 编辑线面
        editRange(){
        editRange () {
            this.editRangeVisible = false
            this.isEndDrawPlot =false
            this.isEndDrawPlot = false
            let overlayData = this.rangeOverlayData
            if(this.rangeOverlayData.attrParams.type == 1){
            if (this.rangeOverlayData.attrParams.type == 1) {
                this.$EventBus.$emit('mapRemovePolygonLayer', {
                    layerName: 'rangeSaveLayer',
                    polygonName: 'polygon' + this.rangeOverlayData.attrParams.id,
                    type: 'VectorLayer'
            })
            overlayData = this.rangeOverlayData.attrParams.lineObj
                })
                overlayData = this.rangeOverlayData.attrParams.lineObj
            }
            plot.edit(overlayData, (e) => {
                let position = ''
@@ -640,7 +638,7 @@
                })
                position = position.slice(0, position.length - 1)
                rangeLayer.addOverlay(overlayData)
                this.updataRegionSaveList({ id: this.rangeOverlayData.attrParams.id, color: this.chooseRangeColor ,width:this.lineWidth,positions:position})
                this.updataRegionSaveList({ id: this.rangeOverlayData.attrParams.id, color: this.chooseRangeColor, width: this.lineWidth, positions: position })
            })
        },

@@ -1012,9 +1010,9 @@
        // graphicLayer.destroy()

        if (rangeLineLayer != null) {
                rangeLineLayer.clear()
            }
            
            rangeLineLayer.clear()
        }

        this.$parent.$parent.$parent.resize('0px')

        if (this.flvPlayer != null) {