64850858
2021-07-14 06d78575cc08170d09e089f40cd271acbbb4661f
web_src/src/components/dialog/devicePlayer.vue
@@ -3,7 +3,7 @@
    <el-dialog title="视频播放" top="0" :close-on-click-modal="false" :visible.sync="showVideoDialog" @close="close()">
        <!-- <LivePlayer v-if="showVideoDialog" ref="videoPlayer" :videoUrl="videoUrl" :error="videoError" :message="videoError" :hasaudio="hasaudio" fluent autoplay live></LivePlayer> -->
        <player ref="videoPlayer" :visible.sync="showVideoDialog" :videoUrl="videoUrl" :error="videoError" :message="videoError" :height="false" :hasaudio="hasaudio" fluent autoplay live ></player>
        <player ref="videoPlayer" :visible.sync="showVideoDialog" :videoUrl="videoUrl" :error="videoError" :message="videoError" :height="false" :hasAudio="hasAudio" fluent autoplay live ></player>
        <div id="shared" style="text-align: right; margin-top: 1rem;">
            <el-tabs v-model="tabActiveName" @tab-click="tabHandleClick">
                <el-tab-pane label="实时视频" name="media">
@@ -151,7 +151,8 @@
<script>
// import player from '../dialog/rtcPlayer.vue'
// import LivePlayer from '@liveqing/liveplayer'
import player from '../dialog/easyPlayer.vue'
// import player from '../dialog/easyPlayer.vue'
import player from '../dialog/jessibuca.vue'
export default {
    name: 'devicePlayer',
    props: {},
@@ -184,7 +185,7 @@
            deviceId: '',
            channelId: '',
            tabActiveName: 'media',
            hasaudio: false,
            hasAudio: false,
            loadingRecords: false,
            recordsLoading: false,
            isLoging: false,
@@ -234,6 +235,8 @@
            }
        },
        openDialog: function (tab, deviceId, channelId, param) {
          console.log("openDialog")
          console.log(param)
            this.tabActiveName = tab;
            this.channelId = channelId;
            this.deviceId = deviceId;
@@ -267,7 +270,7 @@
        },
        play: function (streamInfo, hasAudio) {
            this.hasaudio = hasAudio;
            this.hasAudio = hasAudio;
            this.isLoging = false;
            // this.videoUrl = streamInfo.rtc;
            this.videoUrl = this.getUrlByStreamInfo(streamInfo);
@@ -280,7 +283,8 @@
            console.log(12121212)
            console.log(baseZlmApi)
            // return `${baseZlmApi}/${streamInfo.app}/${streamInfo.streamId}.flv`;
            return `http://${baseZlmApi}/${streamInfo.app}/${streamInfo.streamId}.flv`;
            // return `http://${baseZlmApi}/${streamInfo.app}/${streamInfo.streamId}.flv`;
            return streamInfo.ws_flv;
        },
        coverPlay: function () {
            var that = this;