修复ui开启音频无法播放的bug 修复可能导致录象查看的bug 修复开启openRTPServer时的bug

648540858

2020-10-19 36cd31d69d451072e00ff1dd1928a61753aa5a97

 web_src/src/components/channelList.vue

@@ -31,10 +31,19 @@
            <el-table ref="channelListTable" :data="deviceChannelList" :height="winHeight" border style="width: 100%">
               <el-table-column prop="channelId" label="通道编号" width="210">
                  </el-table-column>
                  <el-table-column prop="name" label="通道名称" width="500">
                  <el-table-column prop="name" label="通道名称">
                  </el-table-column>
                  <el-table-column prop="subCount" label="子节点数">
                  </el-table-column>
          <el-table-column label="开启音频" align="center">
            <template slot-scope="scope">
              <el-switch
                @change="updateChannel(scope.row)"
                v-model="scope.row.hasAudio"
                active-color="#409EFF">
              </el-switch>
            </template>
          </el-table-column>
          <el-table-column label="状态" width="180" align="center">
            <template slot-scope="scope">
              <div slot="reference" class="name-wrapper">
@@ -45,11 +54,15 @@
          </el-table-column>
            <el-table-column prop="ptztypeText" label="云台类型">
            </el-table-column>
                  <el-table-column label="操作" width="240" align="center" fixed="right">
                  <el-table-column label="操作" width="280" align="center" fixed="right">
                     <template slot-scope="scope">
                        <el-button size="mini" icon="el-icon-video-play" v-if="scope.row.parental == 0" @click="sendDevicePush(scope.row)">预览视频</el-button>
                        <el-button size="mini" icon="el-icon-s-open"  type="primary" v-if="scope.row.parental == 1" @click="changeSubchannel(scope.row)">查看子目录</el-button>
                        <!-- <el-button size="mini" @click="sendDevicePush(scope.row)">录像查询</el-button> -->
                <el-button-group>
                  <el-button size="mini" icon="el-icon-video-play" v-if="scope.row.parental == 0" @click="sendDevicePush(scope.row)">播放</el-button>
                  <el-button size="mini" icon="el-icon-switch-button" type="danger" v-if="scope.row.play" @click="stopDevicePush(scope.row)">停止</el-button>
                  <el-button size="mini" icon="el-icon-s-open"  type="primary" v-if="scope.row.parental == 1" @click="changeSubchannel(scope.row)">查看</el-button>
<!--                  <el-button size="mini" icon="el-icon-video-camera" type="primary" >设备录象</el-button>-->
                  <!-- <el-button size="mini" @click="sendDevicePush(scope.row)">录像查询</el-button> -->
                </el-button-group>
                     </template>
                  </el-table-column>
            </el-table>
@@ -189,10 +202,11 @@
                  message: '请求成功',
                  type: 'success'
               });
            });;
            });
         },
         //通知设备上传媒体流
         sendDevicePush: function(itemData) {
           console.log(itemData)
            let deviceId = this.deviceId;
        this.isLoging = true;
            let channelId = itemData.channelId;
@@ -202,12 +216,30 @@
               method: 'get',
               url: '/api/play/' + deviceId + '/' + channelId
            }).then(function(res) {
          console.log(res.data)
               let ssrc = res.data.ssrc;
          that.isLoging = false
               that.$refs.devicePlayer.play(res.data,deviceId,channelId);
          if (!!ssrc) {
            that.$refs.devicePlayer.play(res.data,deviceId,channelId,itemData.hasAudio);
            that.initData();
          }else {
            that.$message.error(res.data);
          }
            }).catch(function(e) {
            });
         },
      stopDevicePush: function(itemData) {
           console.log(itemData)
        var that = this;
        this.$axios({
          method: 'post',
          url: '/api/play/' + itemData.ssrc + '/stop'
        }).then(function(res) {
          console.log(JSON.stringify(res));
          that.initData();
        });
      },

         showDevice: function(){
            this.$router.push(this.beforeUrl).then(()=>{
               this.initParam();
@@ -256,6 +288,16 @@
            this.currentPage = 1;
            this.total = 0;
            this.initData();
         },
      updateChannel: function(row) {
            console.log(row)
        this.$axios({
          method: 'post',
          url: `/api/channel/update/${this.deviceId}`,
          params: row
        }).then(function(res) {
          console.log(JSON.stringify(res));
        });
         }

      }