| | |
| | | |
| | | <el-table-column label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button icon="el-icon-video-play" size="mini" @click="playRecord(scope.row)">播放</el-button> |
| | | <el-button-group> |
| | | <el-button icon="el-icon-video-play" size="mini" @click="playRecord(scope.row)">播放</el-button> |
| | | <el-button icon="el-icon-download" size="mini" @click="downloadRecord(scope.row)">下载</el-button> |
| | | </el-button-group> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | 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`; |
| | | return streamInfo.ws_flv; |
| | | if (location.protocol === "https:") { |
| | | if (streamInfo.wss_flv === null) { |
| | | this.$message({ |
| | | showClose: true, |
| | | message: '媒体服务器未配置ssl端口', |
| | | type: 'error' |
| | | }); |
| | | }else { |
| | | return streamInfo.wss_flv; |
| | | } |
| | | |
| | | }else { |
| | | return streamInfo.ws_flv; |
| | | } |
| | | |
| | | }, |
| | | coverPlay: function () { |
| | | var that = this; |
| | |
| | | if (callback) callback() |
| | | }); |
| | | }, |
| | | downloadRecord: function (row) { |
| | | let that = this; |
| | | if (that.streamId != "") { |
| | | that.stopDownloadRecord(function () { |
| | | that.streamId = "", |
| | | that.downloadRecord(row); |
| | | }) |
| | | } else { |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: '/api/download/start/' + this.deviceId + '/' + this.channelId + '?startTime=' + row.startTime + '&endTime=' + |
| | | row.endTime + '&downloadSpeed=4' |
| | | }).then(function (res) { |
| | | var streamInfo = res.data; |
| | | that.app = streamInfo.app; |
| | | that.streamId = streamInfo.streamId; |
| | | that.mediaServerId = streamInfo.mediaServerId; |
| | | that.videoUrl = that.getUrlByStreamInfo(streamInfo); |
| | | that.recordPlay = true; |
| | | }); |
| | | } |
| | | }, |
| | | stopDownloadRecord: function (callback) { |
| | | this.$refs.videoPlayer.pause(); |
| | | this.videoUrl = ''; |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: '/api/download/stop/' + this.deviceId + "/" + this.channelId |
| | | }).then(function (res) { |
| | | if (callback) callback() |
| | | }); |
| | | }, |
| | | ptzCamera: function (leftRight, upDown, zoom) { |
| | | console.log('云台控制:' + leftRight + ' : ' + upDown + " : " + zoom); |
| | | let that = this; |