|
|
@@ -6,9 +6,12 @@
|
|
|
<div slot="header" class="clearfix">
|
|
|
<h3 v-html="camDetail.camName" />
|
|
|
</div>
|
|
|
- <div id="videoplayer" class="text item">
|
|
|
+ <div v-if="camDetail.state" id="videoplayer" class="text item">
|
|
|
<div id="dplayer" ref="dplayer" style="height: 480px;" />
|
|
|
</div>
|
|
|
+ <div v-else>
|
|
|
+ <h5>摄像头离线, 你可以查看本摄像头的<router-link style="text-decoration-line: none; color: red" target="_blank" :to="`/my/cam/record/` + camDetail.camId">历史录像</router-link></h5>
|
|
|
+ </div>
|
|
|
</el-card>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
@@ -45,13 +48,6 @@ export default {
|
|
|
return {
|
|
|
flvjs,
|
|
|
DPlayer,
|
|
|
- video: {
|
|
|
- videoId: 110120119,
|
|
|
- title: '我的直播',
|
|
|
- description: '我的直播',
|
|
|
- view: 10,
|
|
|
- favorite: 10
|
|
|
- },
|
|
|
user: {
|
|
|
userId: 10001,
|
|
|
screenName: '浩',
|
|
|
@@ -59,17 +55,9 @@ export default {
|
|
|
following: 1024,
|
|
|
follower: 1024
|
|
|
},
|
|
|
- calendarDate: new Date(),
|
|
|
- dateList: [],
|
|
|
- dateMap: new Map(),
|
|
|
- showRecordList: false,
|
|
|
camList: [],
|
|
|
camNameModel: null,
|
|
|
- camDetail: null,
|
|
|
- form: {},
|
|
|
- recordList: [],
|
|
|
- camRecord: null,
|
|
|
- showCalender: false
|
|
|
+ camDetail: null
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -97,8 +85,8 @@ export default {
|
|
|
console.log(container)
|
|
|
// container.innerHTML = msg
|
|
|
} else {
|
|
|
- const pullUrl = camDetail.pullUrl
|
|
|
- this.initFlvPlayer(camId, null, pullUrl)
|
|
|
+ const flvUrl = camDetail.pullUrl
|
|
|
+ this.initFlvPlayer(camId, flvUrl)
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
@@ -118,12 +106,12 @@ export default {
|
|
|
}
|
|
|
this.$router.push(path)
|
|
|
},
|
|
|
- initFlvPlayer(videoId, coverUrl, videoUrl) {
|
|
|
+ initFlvPlayer(videoId, flvUrl) {
|
|
|
new DPlayer({
|
|
|
container: document.getElementById('dplayer'),
|
|
|
live: true,
|
|
|
video: {
|
|
|
- url: videoUrl,
|
|
|
+ url: flvUrl,
|
|
|
type: 'customFlv',
|
|
|
customType: {
|
|
|
customFlv: function(video, player) {
|
