|
|
|
@ -4,10 +4,22 @@ |
|
|
|
<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%"> |
|
|
|
<player ref="videoPlayer" :visible.sync="showVideoDialog" :videoUrl="videoUrl" :error="videoError" :message="videoError" height="100px" :hasAudio="hasAudio" fluent autoplay live ></player> |
|
|
|
<el-tabs type="card" :stretch="true" v-model="activePlayer" @tab-click="changePlayer" v-if="Object.keys(this.player).length > 1"> |
|
|
|
<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> |
|
|
|
<el-tab-pane label="WebRTC" name="webRTC"> |
|
|
|
<rtc-player v-if="activePlayer === 'webRTC'" ref="webRTC" :visible.sync="showVideoDialog" :videoUrl="videoUrl" :error="videoError" :message="videoError" height="100px" :hasAudio="hasAudio" fluent autoplay live ></rtc-player> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="h265web">h265web敬请期待</el-tab-pane> |
|
|
|
<el-tab-pane label="wsPlayer">wsPlayer 敬请期待</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
<jessibucaPlayer v-if="Object.keys(this.player).length == 1 && this.player.jessibuca" ref="jessibuca" :visible.sync="showVideoDialog" :videoUrl="videoUrl" :error="videoError" :message="videoError" height="100px" :hasAudio="hasAudio" fluent autoplay live ></jessibucaPlayer> |
|
|
|
<rtc-player v-if="Object.keys(this.player).length == 1 && this.player.webRTC" ref="jessibuca" :visible.sync="showVideoDialog" :videoUrl="videoUrl" :error="videoError" :message="videoError" height="100px" :hasAudio="hasAudio" fluent autoplay live ></rtc-player> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div id="shared" style="text-align: right; margin-top: 1rem;"> |
|
|
|
<el-tabs v-model="tabActiveName" @tab-click="tabHandleClick"> |
|
|
|
<el-tabs v-model="tabActiveName" @tab-click="tabHandleClick" > |
|
|
|
<el-tab-pane label="实时视频" name="media"> |
|
|
|
<div style="margin-bottom: 0.5rem;"> |
|
|
|
<!-- <el-button type="primary" size="small" @click="playRecord(true, '')">播放</el-button>--> |
|
|
|
@ -33,10 +45,100 @@ |
|
|
|
<div style="display: flex; margin-bottom: 0.5rem; height: 2.5rem;"> |
|
|
|
<span style="width: 5rem; line-height: 2.5rem; text-align: right;">资源地址：</span> |
|
|
|
<el-input v-model="getPlayerShared.sharedRtmp" :disabled="true" > |
|
|
|
<template slot="append"> |
|
|
|
<i class="cpoy-btn el-icon-document-copy" title="点击拷贝" v-clipboard="getPlayerShared.sharedRtmp" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></i> |
|
|
|
</template> |
|
|
|
<el-button slot="append" icon="el-icon-document-copy" title="点击拷贝" v-clipboard="getPlayerShared.sharedRtmp" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></el-button> |
|
|
|
<el-dropdown slot="prepend" v-if="streamInfo" trigger="click" @command="copyUrl"> |
|
|
|
<el-button > |
|
|
|
更多地址<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
</el-button> |
|
|
|
<el-dropdown-menu slot="dropdown" > |
|
|
|
<el-dropdown-item :command="streamInfo.flv"> |
|
|
|
<el-tag >FLV:</el-tag> |
|
|
|
<span>{{ streamInfo.flv }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.https_flv"> |
|
|
|
<el-tag >FLV(https):</el-tag> |
|
|
|
<span>{{ streamInfo.https_flv }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.ws_flv"> |
|
|
|
<el-tag >FLV(ws):</el-tag> |
|
|
|
<span >{{ streamInfo.ws_flv }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.wss_flv"> |
|
|
|
<el-tag >FLV(wss):</el-tag> |
|
|
|
<span>{{ streamInfo.wss_flv }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.fmp4"> |
|
|
|
<el-tag >FMP4:</el-tag> |
|
|
|
<span>{{ streamInfo.fmp4 }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.https_fmp4"> |
|
|
|
<el-tag >FMP4(https):</el-tag> |
|
|
|
<span>{{ streamInfo.https_fmp4 }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.ws_fmp4"> |
|
|
|
<el-tag >FMP4(ws):</el-tag> |
|
|
|
<span>{{ streamInfo.ws_fmp4 }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.wss_fmp4"> |
|
|
|
<el-tag >FMP4(wss):</el-tag> |
|
|
|
<span>{{ streamInfo.wss_fmp4 }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.hls"> |
|
|
|
<el-tag>HLS:</el-tag> |
|
|
|
<span>{{ streamInfo.hls }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.https_hls"> |
|
|
|
<el-tag >HLS(https):</el-tag> |
|
|
|
<span>{{ streamInfo.https_hls }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.ws_hls"> |
|
|
|
<el-tag >HLS(ws):</el-tag> |
|
|
|
<span>{{ streamInfo.ws_hls }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.wss_hls"> |
|
|
|
<el-tag >HLS(wss):</el-tag> |
|
|
|
<span>{{ streamInfo.wss_hls }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.ts"> |
|
|
|
<el-tag>TS:</el-tag> |
|
|
|
<span>{{ streamInfo.ts }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.https_ts"> |
|
|
|
<el-tag>TS(https):</el-tag> |
|
|
|
<span>{{ streamInfo.https_ts }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.ws_ts"> |
|
|
|
<el-tag>TS(ws):</el-tag> |
|
|
|
<span>{{ streamInfo.ws_ts }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.wss_ts"> |
|
|
|
<el-tag>TS(wss):</el-tag> |
|
|
|
<span>{{ streamInfo.wss_ts }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.rtc"> |
|
|
|
<el-tag >RTC:</el-tag> |
|
|
|
<span>{{ streamInfo.rtc }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.rtmp"> |
|
|
|
<el-tag >RTMP:</el-tag> |
|
|
|
<span>{{ streamInfo.rtmp }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.rtmps"> |
|
|
|
<el-tag >RTMPS:</el-tag> |
|
|
|
<span>{{ streamInfo.rtmps }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.rtsp"> |
|
|
|
<el-tag >RTSP:</el-tag> |
|
|
|
<span>{{ streamInfo.rtsp }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item :command="streamInfo.rtsps"> |
|
|
|
<el-tag >RTSPS:</el-tag> |
|
|
|
<span>{{ streamInfo.rtsps }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
<!--{"code":0,"data":{"paths":["22-29-30.mp4"],"rootPath":"/home/kkkkk/Documents/ZLMediaKit/release/linux/Debug/www/record/hls/kkkkk/2020-05-11/"}}--> |
|
|
|
@ -117,27 +219,27 @@ |
|
|
|
|
|
|
|
<div class="control-panel"> |
|
|
|
<el-button-group> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 0rem; width: 5rem; text-align: center" size="medium" type="info">预置位编号</el-tag> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 0rem; width: 5rem; text-align: center" size="medium">预置位编号</el-tag> |
|
|
|
<el-input-number style="position: absolute; left: 5rem; top: 0rem; width: 6rem" size="mini" v-model="presetPos" controls-position="right" :precision="0" :step="1" :min="1" :max="255"></el-input-number> |
|
|
|
<el-button style="position: absolute; left: 11rem; top: 0rem; width: 5rem" size="mini" icon="el-icon-add-location" @click="presetPosition(129, presetPos)">设置</el-button> |
|
|
|
<el-button style="position: absolute; left: 27rem; top: 0rem; width: 5rem" size="mini" type="primary" icon="el-icon-place" @click="presetPosition(130, presetPos)">调用</el-button> |
|
|
|
<el-button style="position: absolute; left: 16rem; top: 0rem; width: 5rem" size="mini" icon="el-icon-delete-location" @click="presetPosition(131, presetPos)">删除</el-button> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 2.5rem; width: 5rem; text-align: center" size="medium" type="info">巡航速度</el-tag> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 2.5rem; width: 5rem; text-align: center" size="medium">巡航速度</el-tag> |
|
|
|
<el-input-number style="position: absolute; left: 5rem; top: 2.5rem; width: 6rem" size="mini" v-model="cruisingSpeed" controls-position="right" :precision="0" :min="1" :max="4095"></el-input-number> |
|
|
|
<el-button style="position: absolute; left: 11rem; top: 2.5rem; width: 5rem" size="mini" icon="el-icon-loading" @click="setSpeedOrTime(134, cruisingGroup, cruisingSpeed)">设置</el-button> |
|
|
|
<el-tag style="position :absolute; left: 16rem; top: 2.5rem; width: 5rem; text-align: center" size="medium" type="info">停留时间</el-tag> |
|
|
|
<el-tag style="position :absolute; left: 16rem; top: 2.5rem; width: 5rem; text-align: center" size="medium">停留时间</el-tag> |
|
|
|
<el-input-number style="position: absolute; left: 21rem; top: 2.5rem; width: 6rem" size="mini" v-model="cruisingTime" controls-position="right" :precision="0" :min="1" :max="4095"></el-input-number> |
|
|
|
<el-button style="position: absolute; left: 27rem; top: 2.5rem; width: 5rem" size="mini" icon="el-icon-timer" @click="setSpeedOrTime(135, cruisingGroup, cruisingTime)">设置</el-button> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 4.5rem; width: 5rem; text-align: center" size="medium" type="info">巡航组编号</el-tag> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 4.5rem; width: 5rem; text-align: center" size="medium">巡航组编号</el-tag> |
|
|
|
<el-input-number style="position: absolute; left: 5rem; top: 4.5rem; width: 6rem" size="mini" v-model="cruisingGroup" controls-position="right" :precision="0" :min="0" :max="255"></el-input-number> |
|
|
|
<el-button style="position: absolute; left: 11rem; top: 4.5rem; width: 5rem" size="mini" icon="el-icon-add-location" @click="setCommand(132, cruisingGroup, presetPos)">添加点</el-button> |
|
|
|
<el-button style="position: absolute; left: 16rem; top: 4.5rem; width: 5rem" size="mini" icon="el-icon-delete-location" @click="setCommand(133, cruisingGroup, presetPos)">删除点</el-button> |
|
|
|
<el-button style="position: absolute; left: 21rem; top: 4.5rem; width: 5rem" size="mini" icon="el-icon-delete" @click="setCommand(133, cruisingGroup, 0)">删除组</el-button> |
|
|
|
<el-button style="position: absolute; left: 27rem; top: 5rem; width: 5rem" size="mini" type="primary" icon="el-icon-video-camera-solid" @click="setCommand(136, cruisingGroup, 0)">巡航</el-button> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 7rem; width: 5rem; text-align: center" size="medium" type="info">扫描速度</el-tag> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 7rem; width: 5rem; text-align: center" size="medium">扫描速度</el-tag> |
|
|
|
<el-input-number style="position: absolute; left: 5rem; top: 7rem; width: 6rem" size="mini" v-model="scanSpeed" controls-position="right" :precision="0" :min="1" :max="4095"></el-input-number> |
|
|
|
<el-button style="position: absolute; left: 11rem; top: 7rem; width: 5rem" size="mini" icon="el-icon-loading" @click="setSpeedOrTime(138, scanGroup, scanSpeed)">设置</el-button> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 9rem; width: 5rem; text-align: center" size="medium" type="info">扫描组编号</el-tag> |
|
|
|
<el-tag style="position :absolute; left: 0rem; top: 9rem; width: 5rem; text-align: center" size="medium">扫描组编号</el-tag> |
|
|
|
<el-input-number style="position: absolute; left: 5rem; top: 9rem; width: 6rem" size="mini" v-model="scanGroup" controls-position="right" :precision="0" :step="1" :min="0" :max="255"></el-input-number> |
|
|
|
<el-button style="position: absolute; left: 11rem; top: 9rem; width: 5rem" size="mini" icon="el-icon-d-arrow-left" @click="setCommand(137, scanGroup, 1)">左边界</el-button> |
|
|
|
<el-button style="position: absolute; left: 16rem; top: 9rem; width: 5rem" size="mini" icon="el-icon-d-arrow-right" @click="setCommand(137, scanGroup, 2)">右边界</el-button> |
|
|
|
@ -174,6 +276,7 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
@ -182,16 +285,16 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
// import player from '../dialog/rtcPlayer.vue' |
|
|
|
import rtcPlayer from '../dialog/rtcPlayer.vue' |
|
|
|
// import LivePlayer from '@liveqing/liveplayer' |
|
|
|
// import player from '../dialog/easyPlayer.vue' |
|
|
|
import player from '../common/jessibuca.vue' |
|
|
|
import jessibucaPlayer from '../common/jessibuca.vue' |
|
|
|
import recordDownload from '../dialog/recordDownload.vue' |
|
|
|
export default { |
|
|
|
name: 'devicePlayer', |
|
|
|
props: {}, |
|
|
|
components: { |
|
|
|
player,recordDownload, |
|
|
|
jessibucaPlayer, rtcPlayer, recordDownload, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
getPlayerShared: function () { |
|
|
|
@ -202,11 +305,22 @@ export default { |
|
|
|
}; |
|
|
|
} |
|
|
|
}, |
|
|
|
created() {}, |
|
|
|
created() { |
|
|
|
console.log(this.player) |
|
|
|
if (Object.keys(this.player).length === 1) { |
|
|
|
this.activePlayer = Object.keys(this.player)[0] |
|
|
|
} |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
video: 'http://lndxyj.iqilu.com/public/upload/2019/10/14/8c001ea0c09cdc59a57829dabc8010fa.mp4', |
|
|
|
videoUrl: '', |
|
|
|
activePlayer: "jessibuca", |
|
|
|
// 如何你只是用一种播放器，直接注释掉不用的部分即可 |
|
|
|
player: { |
|
|
|
jessibuca : ["ws_flv", "wss_flv"], |
|
|
|
webRTC: ["rtc", "rtc"], |
|
|
|
}, |
|
|
|
videoHistory: { |
|
|
|
date: '', |
|
|
|
searchHistoryResult: [] //媒体流历史记录搜索结果 |
|
|
|
@ -244,6 +358,7 @@ export default { |
|
|
|
seekTime: 0, |
|
|
|
recordStartTime: 0, |
|
|
|
showTimeText: "00:00:00", |
|
|
|
streamInfo: null, |
|
|
|
}; |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
@ -272,6 +387,12 @@ export default { |
|
|
|
}).catch(function (e) {}); |
|
|
|
} |
|
|
|
}, |
|
|
|
changePlayer: function (tab) { |
|
|
|
console.log(this.player[tab.name][0]) |
|
|
|
this.activePlayer = tab.name; |
|
|
|
this.videoUrl = this.streamInfo[this.player[tab.name][0]] |
|
|
|
console.log(this.videoUrl) |
|
|
|
}, |
|
|
|
openDialog: function (tab, deviceId, channelId, param) { |
|
|
|
this.tabActiveName = tab; |
|
|
|
this.channelId = channelId; |
|
|
|
@ -280,8 +401,8 @@ export default { |
|
|
|
this.mediaServerId = ""; |
|
|
|
this.app = ""; |
|
|
|
this.videoUrl = "" |
|
|
|
if (!!this.$refs.videoPlayer) { |
|
|
|
this.$refs.videoPlayer.pause(); |
|
|
|
if (!!this.$refs[this.activePlayer]) { |
|
|
|
this.$refs[this.activePlayer].pause(); |
|
|
|
} |
|
|
|
switch (tab) { |
|
|
|
case "media": |
|
|
|
@ -306,41 +427,29 @@ export default { |
|
|
|
console.log(val) |
|
|
|
}, |
|
|
|
play: function (streamInfo, hasAudio) { |
|
|
|
this.streamInfo = streamInfo; |
|
|
|
this.hasAudio = hasAudio; |
|
|
|
this.isLoging = false; |
|
|
|
// this.videoUrl = streamInfo.rtc; |
|
|
|
this.videoUrl = this.getUrlByStreamInfo(streamInfo); |
|
|
|
this.videoUrl = this.getUrlByStreamInfo(); |
|
|
|
this.streamId = streamInfo.stream; |
|
|
|
this.app = streamInfo.app; |
|
|
|
this.mediaServerId = streamInfo.mediaServerId; |
|
|
|
this.playFromStreamInfo(false, streamInfo) |
|
|
|
}, |
|
|
|
getUrlByStreamInfo(streamInfo){ |
|
|
|
let baseZlmApi = process.env.NODE_ENV === 'development'?`${location.host}/debug/zlm`:`${location.host}/zlm` |
|
|
|
// return `${baseZlmApi}/${streamInfo.app}/${streamInfo.streamId}.flv`; |
|
|
|
// return `http://${baseZlmApi}/${streamInfo.app}/${streamInfo.streamId}.flv`; |
|
|
|
getUrlByStreamInfo(){ |
|
|
|
if (location.protocol === "https:") { |
|
|
|
if (streamInfo.wss_flv === null) { |
|
|
|
console.error("媒体服务器未配置ssl端口, 使用http端口") |
|
|
|
// this.$message({ |
|
|
|
// showClose: true, |
|
|
|
// message: '媒体服务器未配置ssl端口, ', |
|
|
|
// type: 'error' |
|
|
|
// }); |
|
|
|
return streamInfo.ws_flv |
|
|
|
}else { |
|
|
|
return streamInfo.wss_flv; |
|
|
|
} |
|
|
|
|
|
|
|
this.videoUrl = this.streamInfo[this.player[this.activePlayer][1]] |
|
|
|
}else { |
|
|
|
return streamInfo.ws_flv; |
|
|
|
this.videoUrl = this.streamInfo[this.player[this.activePlayer][0]] |
|
|
|
} |
|
|
|
return this.videoUrl; |
|
|
|
|
|
|
|
}, |
|
|
|
coverPlay: function () { |
|
|
|
var that = this; |
|
|
|
this.coverPlaying = true; |
|
|
|
this.$refs.videoPlayer.pause() |
|
|
|
this.$refs[this.activePlayer].pause() |
|
|
|
that.$axios({ |
|
|
|
method: 'post', |
|
|
|
url: '/api/gb_record/convert/' + that.streamId |
|
|
|
@ -372,7 +481,7 @@ export default { |
|
|
|
}, |
|
|
|
convertStopClick: function() { |
|
|
|
this.convertStop(()=>{ |
|
|
|
this.$refs.videoPlayer.play(this.videoUrl) |
|
|
|
this.$refs[this.activePlayer].play(this.videoUrl) |
|
|
|
}); |
|
|
|
}, |
|
|
|
convertStop: function(callback) { |
|
|
|
@ -397,12 +506,12 @@ export default { |
|
|
|
playFromStreamInfo: function (realHasAudio, streamInfo) { |
|
|
|
this.showVideoDialog = true; |
|
|
|
this.hasaudio = realHasAudio && this.hasaudio; |
|
|
|
this.$refs.videoPlayer.play(this.getUrlByStreamInfo(streamInfo)) |
|
|
|
this.$refs[this.activePlayer].play(this.getUrlByStreamInfo(streamInfo)) |
|
|
|
}, |
|
|
|
close: function () { |
|
|
|
console.log('关闭视频'); |
|
|
|
if (!!this.$refs.videoPlayer){ |
|
|
|
this.$refs.videoPlayer.pause(); |
|
|
|
if (!!this.$refs[this.activePlayer]){ |
|
|
|
this.$refs[this.activePlayer].pause(); |
|
|
|
} |
|
|
|
this.videoUrl = ''; |
|
|
|
this.coverPlaying = false; |
|
|
|
@ -507,7 +616,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
stopPlayRecord: function (callback) { |
|
|
|
this.$refs.videoPlayer.pause(); |
|
|
|
this.$refs[this.activePlayer].pause(); |
|
|
|
this.videoUrl = ''; |
|
|
|
this.$axios({ |
|
|
|
method: 'get', |
|
|
|
@ -553,7 +662,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
stopDownloadRecord: function (callback) { |
|
|
|
this.$refs.videoPlayer.pause(); |
|
|
|
this.$refs[this.activePlayer].pause(); |
|
|
|
this.videoUrl = ''; |
|
|
|
this.$axios({ |
|
|
|
method: 'get', |
|
|
|
@ -646,13 +755,21 @@ export default { |
|
|
|
console.log(resultArray) |
|
|
|
return resultArray; |
|
|
|
}, |
|
|
|
copyUrl: function (dropdownItem){ |
|
|
|
console.log(dropdownItem) |
|
|
|
this.$copyText(dropdownItem).then((e)=> { |
|
|
|
this.$message.success("成功拷贝到粘贴板"); |
|
|
|
}, (e)=> { |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
gbPlay(){ |
|
|
|
console.log('前端控制：播放'); |
|
|
|
this.$axios({ |
|
|
|
method: 'get', |
|
|
|
url: '/api/playback/resume/' + this.streamId |
|
|
|
}).then((res)=> { |
|
|
|
this.$refs.videoPlayer.play(this.videoUrl) |
|
|
|
this.$refs[this.activePlayer].play(this.videoUrl) |
|
|
|
}); |
|
|
|
}, |
|
|
|
gbPause(){ |
|
|
|
@ -683,10 +800,11 @@ export default { |
|
|
|
url: `/api/playback/seek/${this.streamId }/` + Math.floor(this.seekTime * val / 100000) |
|
|
|
}).then( (res)=> { |
|
|
|
setTimeout(()=>{ |
|
|
|
this.$refs.videoPlayer.play(this.videoUrl) |
|
|
|
this.$refs[this.activePlayer].play(this.videoUrl) |
|
|
|
}, 600) |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
}; |
|
|
|
|
mk1990
3 years ago