From 4f2191dc9f2766746664534e57c1f0bfbafd809d Mon Sep 17 00:00:00 2001 From: 648540858 <648540858@qq.com> Date: 星期一, 17 十月 2022 10:30:44 +0800 Subject: [PATCH] 增加liveplayer播放器 --- web_src/src/components/dialog/devicePlayer.vue | 11 +++++++---- 1 files changed, 7 insertions(+), 4 deletions(-) diff --git a/web_src/src/components/dialog/devicePlayer.vue b/web_src/src/components/dialog/devicePlayer.vue index e44770f..11f138d 100644 --- a/web_src/src/components/dialog/devicePlayer.vue +++ b/web_src/src/components/dialog/devicePlayer.vue @@ -2,9 +2,11 @@ <div id="devicePlayer" v-loading="isLoging"> <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> --> <div style="width: 100%; height: 100%"> <el-tabs type="card" :stretch="true" v-model="activePlayer" @tab-click="changePlayer" v-if="Object.keys(this.player).length > 1"> + <el-tab-pane label="LivePlayer" name="livePlayer"> + <LivePlayer v-if="showVideoDialog" ref="livePlayer" :visible.sync="showVideoDialog" :videoUrl="videoUrl" :error="videoError" :message="videoError" :hasaudio="hasAudio" fluent autoplay live></LivePlayer> + </el-tab-pane> <el-tab-pane label="Jessibuca" name="jessibuca"> <jessibucaPlayer v-if="activePlayer === 'jessibuca'" ref="jessibuca" :visible.sync="showVideoDialog" :videoUrl="videoUrl" :error="videoError" :message="videoError" height="100px" :hasAudio="hasAudio" fluent autoplay live ></jessibucaPlayer> </el-tab-pane> @@ -286,7 +288,7 @@ <script> import rtcPlayer from '../dialog/rtcPlayer.vue' -// import LivePlayer from '@liveqing/liveplayer' +import LivePlayer from '@liveqing/liveplayer' // import player from '../dialog/easyPlayer.vue' import jessibucaPlayer from '../common/jessibuca.vue' import recordDownload from '../dialog/recordDownload.vue' @@ -294,7 +296,7 @@ name: 'devicePlayer', props: {}, components: { - jessibucaPlayer, rtcPlayer, recordDownload, + LivePlayer, jessibucaPlayer, rtcPlayer, recordDownload, }, computed: { getPlayerShared: function () { @@ -315,10 +317,11 @@ return { video: 'http://lndxyj.iqilu.com/public/upload/2019/10/14/8c001ea0c09cdc59a57829dabc8010fa.mp4', videoUrl: '', - activePlayer: "jessibuca", + activePlayer: "livePlayer", // 濡備綍浣犲彧鏄敤涓�绉嶆挱鏀惧櫒锛岀洿鎺ユ敞閲婃帀涓嶇敤鐨勯儴鍒嗗嵆鍙� player: { jessibuca : ["ws_flv", "wss_flv"], + livePlayer : ["ws_flv", "wss_flv"], webRTC: ["rtc", "rtc"], }, videoHistory: { -- Gitblit v1.8.0