| | |
|---|
| | | |
|---|
| | | <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> |
|---|
| | | <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> |
|---|
| | | </div> |
|---|
| | | <div id="shared" style="text-align: right; margin-top: 1rem;"> |
|---|
| | | <el-tabs v-model="tabActiveName" @tab-click="tabHandleClick"> |
|---|
| | | <el-tab-pane label="实时视频" name="media"> |
|---|
| | |
|---|
| | | // import player from '../dialog/rtcPlayer.vue' |
|---|
| | | // import LivePlayer from '@liveqing/liveplayer' |
|---|
| | | // import player from '../dialog/easyPlayer.vue' |
|---|
| | | import player from '../dialog/jessibuca.vue' |
|---|
| | | import player from '../common/jessibuca.vue' |
|---|
| | | import recordDownload from '../dialog/recordDownload.vue' |
|---|
| | | export default { |
|---|
| | | name: 'devicePlayer', |
|---|
| | |
|---|
| | | method: 'get', |
|---|
| | | url: '/api/gb_record/query/' + this.deviceId + '/' + this.channelId + '?startTime=' + startTime + '&endTime=' + endTime |
|---|
| | | }).then(function (res) { |
|---|
| | | // 处理时间信息 |
|---|
| | | that.videoHistory.searchHistoryResult = res.data.recordList; |
|---|
| | | that.recordsLoading = false; |
|---|
| | | console.log(res) |
|---|
| | | if(res.data.code === 0) { |
|---|
| | | // 处理时间信息 |
|---|
| | | that.videoHistory.searchHistoryResult = res.data.data.recordList; |
|---|
| | | that.recordsLoading = false; |
|---|
| | | }else { |
|---|
| | | this.$message({ |
|---|
| | | showClose: true, |
|---|
| | | message: res.data.msg, |
|---|
| | | type: "error", |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | }).catch(function (e) { |
|---|
| | | console.log(e.message); |
|---|
| | | // that.videoHistory.searchHistoryResult = falsificationData.recordData; |
|---|
| | |
|---|
| | | this.$axios({ |
|---|
| | | method: 'get', |
|---|
| | | url: `/api/playback/seek/${this.streamId }/` + Math.floor(this.seekTime * val / 100000) |
|---|
| | | }).then(function (res) {}); |
|---|
| | | }).then( (res)=> { |
|---|
| | | setTimeout(()=>{ |
|---|
| | | this.$refs.videoPlayer.play(this.videoUrl) |
|---|
| | | }, 600) |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
