| | |
| | | |
| | | <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> |
| | | <player ref="videoPlayer" :visible.sync="showVideoDialog" :videoUrl="videoUrl" :error="videoError" :message="videoError" :height="false" :hasAudio="hasAudio" fluent autoplay live ></player> |
| | | <div id="shared" style="text-align: right; margin-top: 1rem;"> |
| | | <el-tabs v-model="tabActiveName" @tab-click="tabHandleClick"> |
| | | <el-tab-pane label="实时视频" name="media"> |
| | |
| | | deviceId: '', |
| | | channelId: '', |
| | | tabActiveName: 'media', |
| | | hasaudio: false, |
| | | hasAudio: false, |
| | | loadingRecords: false, |
| | | recordsLoading: false, |
| | | isLoging: false, |
| | |
| | | } |
| | | }, |
| | | openDialog: function (tab, deviceId, channelId, param) { |
| | | console.log("openDialog") |
| | | console.log(param) |
| | | this.tabActiveName = tab; |
| | | this.channelId = channelId; |
| | | this.deviceId = deviceId; |
| | |
| | | }, |
| | | play: function (streamInfo, hasAudio) { |
| | | |
| | | this.hasaudio = hasAudio; |
| | | this.hasAudio = hasAudio; |
| | | this.isLoging = false; |
| | | // this.videoUrl = streamInfo.rtc; |
| | | this.videoUrl = this.getUrlByStreamInfo(streamInfo); |
| | |
| | | forceNoOffscreen: false, |
| | | }; |
| | | }, |
| | | props: ['videoUrl', 'error', 'hasaudio', 'height'], |
| | | props: ['videoUrl', 'error', 'hasAudio', 'height'], |
| | | mounted () { |
| | | window.onerror = (msg) => { |
| | | // console.error(msg) |
| | |
| | | create(){ |
| | | let options = {}; |
| | | console.log(this.$refs.container) |
| | | console.log("hasAudio " + this.hasAudio) |
| | | |
| | | this.jessibuca = new window.Jessibuca(Object.assign( |
| | | { |
| | |
| | | // text: "WVP-PRO", |
| | | // background: "bg.jpg", |
| | | loadingText: "加载中", |
| | | hasAudio: this.hasAudio, |
| | | hasAudio: typeof (this.hasAudio) =="undefined"? true: this.hasAudio, |
| | | debug: false, |
| | | supportDblclickFullscreen: false, // 是否支持屏幕的双击事件,触发全屏,取消全屏事件。 |
| | | operateBtns: { |