|  |  | 
 |  |  | <template> | 
 |  |  | <div id="devicePlayer" v-loading="isLoging"> | 
 |  |  |      | 
 |  |  |  | 
 |  |  |     <el-dialog title="视频播放" top="0" :close-on-click-modal="false" :visible.sync="showVideoDialog" :destroy-on-close="true" @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" :hasaudio="hasaudio" fluent autoplay live></player> | 
 |  |  | 
 |  |  |                             <div style="position: absolute; left: 7.25rem; top: 1.25rem" @mousedown="ptzCamera(0, 0, 1)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-in control-zoom-btn" style="font-size: 1.875rem;"></i></div> | 
 |  |  |                             <div style="position: absolute; left: 7.25rem; top: 3.25rem; font-size: 1.875rem;" @mousedown="ptzCamera(0, 0, 2)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-out control-zoom-btn"></i></div> | 
 |  |  |                              <div class="contro-speed" style="position: absolute; left: 4px; top: 7rem; width: 9rem;"> | 
 |  |  |                                  <el-slider v-model="controSpeed"></el-slider> | 
 |  |  |                                  <el-slider v-model="controSpeed" :max="255"></el-slider> | 
 |  |  |                              </div> | 
 |  |  |                         </div> | 
 |  |  |                         | 
 |  |  | 
 |  |  |                                 <p>采样率: {{item.sample_rate}}</p> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                          | 
 |  |  |  | 
 |  |  |                     </div> | 
 |  |  |  | 
 |  |  |                 </el-tab-pane> | 
 |  |  | 
 |  |  |             scanGroup: 0, | 
 |  |  |             tracks: [], | 
 |  |  |             coverPlaying:false, | 
 |  |  |             tracksLoading: false | 
 |  |  |             tracksLoading: false, | 
 |  |  |             recordPlay: "" | 
 |  |  |         }; | 
 |  |  |     }, | 
 |  |  |     methods: { | 
 |  |  | 
 |  |  |             console.log(val) | 
 |  |  |         }, | 
 |  |  |         play: function (streamInfo, hasAudio) { | 
 |  |  |              | 
 |  |  |  | 
 |  |  |             this.hasaudio = hasAudio; | 
 |  |  |             this.isLoging = false; | 
 |  |  |             this.videoUrl = streamInfo.ws_flv; | 
 |  |  | 
 |  |  |               this.convertStop(); | 
 |  |  |             } | 
 |  |  |             this.convertKey = '' | 
 |  |  |             if (this.recordPlay != '') { | 
 |  |  |               this.stopPlayRecord(); | 
 |  |  |             } | 
 |  |  |             this.recordPlay = '' | 
 |  |  |         }, | 
 |  |  |          | 
 |  |  |  | 
 |  |  |         copySharedInfo: function (data) { | 
 |  |  |             console.log('复制内容:' + data); | 
 |  |  |             this.coverPlaying = false; | 
 |  |  | 
 |  |  |                     var streamInfo = res.data; | 
 |  |  |                     that.streamId = streamInfo.streamId; | 
 |  |  |                     that.videoUrl = streamInfo.ws_flv; | 
 |  |  |                     that.recordPlay = true; | 
 |  |  |                 }); | 
 |  |  |             } | 
 |  |  |         }, |