| | |
|---|
| | | <template> |
|---|
| | | <div id="devicePlayer"> |
|---|
| | | <el-dialog title="视频播放" top="0" :visible.sync="showVideoDialog" :destroy-on-close="true" @close="close()"> |
|---|
| | | <LivePlayer v-if="showVideoDialog && hasaudio" ref="videoPlayer" :videoUrl="videoUrl" :error="videoError" hasaudio fluent autoplay live ></LivePlayer> |
|---|
| | | <LivePlayer v-if="showVideoDialog && !hasaudio" ref="videoPlayer" :videoUrl="videoUrl" :error="videoError" fluent autoplay live ></LivePlayer> |
|---|
| | | <LivePlayer v-if="showVideoDialog" ref="videoPlayer" :videoUrl="videoUrl" :error="videoError" :hasaudio="hasaudio" fluent autoplay live ></LivePlayer> |
|---|
| | | <div id="shared" style="text-align: right; margin-top: 1rem;"> |
|---|
| | | <el-tabs v-model="tabActiveName"> |
|---|
| | | <el-tab-pane label="媒体流信息" name="media"> |
|---|
| | |
|---|
| | | methods: { |
|---|
| | | |
|---|
| | | play: function(streamInfo, deviceId, channelId, hasAudio) { |
|---|
| | | // this.hasaudio = hasAudio; |
|---|
| | | if (!hasAudio) { // hasaudio == false时设置播放器hasaudio false, 否则不设置 |
|---|
| | | this.hasaudio = hasAudio; |
|---|
| | | } |
|---|
| | | // 根据媒体流信息二次判断 |
|---|
| | | // if( this.hasaudio && !!streamInfo.tracks && streamInfo.tracks.length > 0) { |
|---|
| | | // var realHasAudio = false; |
|---|
| | | // for (let i = 0; i < streamInfo.tracks; i++) { |
|---|
| | | // if (streamInfo.tracks[i].codec_type == 1) { // 判断为音频 |
|---|
| | | // realHasAudio = true; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // this.hasaudio = realHasAudio && this.hasaudio; |
|---|
| | | // } |
|---|
| | | if( this.hasaudio && !!streamInfo.tracks && streamInfo.tracks.length > 0) { |
|---|
| | | var realHasAudio = false; |
|---|
| | | for (let i = 0; i < streamInfo.tracks; i++) { |
|---|
| | | if (streamInfo.tracks[i].codec_type == 1) { // 判断为音频 |
|---|
| | | realHasAudio = true; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.hasaudio = realHasAudio && this.hasaudio; |
|---|
| | | } |
|---|
| | | this.ssrc = streamInfo.ssrc; |
|---|
| | | this.deviceId = deviceId; |
|---|
| | | this.channelId = channelId; |
|---|
