| | |
| | | " |
| | | >整体趋势</span |
| | | > |
| | | <el-date-picker class="video-time-select" v-model="value" type="date" placeholder="选择日期"> |
| | | <el-date-picker |
| | | class="video-time-select" |
| | | v-model="value" |
| | | type="date" |
| | | placeholder="选择日期" |
| | | > |
| | | </el-date-picker> |
| | | </div> |
| | | <!-- <div style="height: 60px; display: flex; justify-content: flex-start"> |
| | |
| | | mounted() {}, |
| | | methods: { |
| | | loadVideo(item) { |
| | | if (item.code) { |
| | | if (item.code || item.platResourceId) { |
| | | if (Hls.isSupported()) { |
| | | var video = document.getElementById(item.id); |
| | | var hls = new Hls(); |
| | | videoPoint.getVideoPointUrl(item.code).then((res) => { |
| | | if (res.code === 0) { |
| | | hls.loadSource(res.data); |
| | | hls.attachMedia(video); |
| | | // hls.on(Hls.Events.MANIFEST_PARSED, function () { |
| | | // video.play(); |
| | | // document.body.addEventListener( |
| | | // "click", |
| | | // function () { |
| | | // video.play(); |
| | | // }, |
| | | // false |
| | | // ); |
| | | // }); |
| | | setTimeout(() => { |
| | | video.play(); |
| | | }, 2000); |
| | | } |
| | | }); |
| | | videoPoint |
| | | .getVideoPointUrl(item.code || item.platResourceId) |
| | | .then((res) => { |
| | | if (res.code === 0) { |
| | | hls.loadSource(res.data); |
| | | hls.attachMedia(video); |
| | | setTimeout(() => { |
| | | video.play(); |
| | | }, 2000); |
| | | } |
| | | }); |
| | | } |
| | | } else { |
| | | this.$message.error("暂无视频"); |
| | |
| | | }); |
| | | }, |
| | | create(item) { |
| | | if (item.platResourceId) { |
| | | if (item.platResourceId && item.code) { |
| | | const DHWsInstance = DHWs.getInstance(); |
| | | this.ws = DHWsInstance; |
| | | console.log(this.ws); |
| | |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .video-time-select{ |
| | | &::v-deep .el-input__prefix{ |
| | | height: auto; |
| | | } |
| | | |
| | | .video-time-select { |
| | | &::v-deep .el-input__prefix { |
| | | height: auto; |
| | | } |
| | | } |
| | | .video-body-right{ |
| | | .video-body-right { |
| | | padding: 10px; |
| | | border: 1px solid #ccc; |
| | | margin-left: 5px; |
| | |
| | | // } |
| | | |
| | | // ::v-deep .el-menu { |
| | | // background-color: #09152f; |
| | | // background-color: #09152f; |
| | | // } |
| | | |
| | | ::v-deep .el-main, |