|  |  | 
 |  |  | <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> | 
 |  |  | 
 |  |  |             console.log(val) | 
 |  |  |         }, | 
 |  |  |         play: function (streamInfo, hasAudio) { | 
 |  |  |              | 
 |  |  |  | 
 |  |  |             this.hasaudio = hasAudio; | 
 |  |  |             this.isLoging = false; | 
 |  |  |             this.videoUrl = streamInfo.ws_flv; | 
 |  |  | 
 |  |  |             } | 
 |  |  |             this.convertKey = '' | 
 |  |  |         }, | 
 |  |  |          | 
 |  |  |  | 
 |  |  |         copySharedInfo: function (data) { | 
 |  |  |             console.log('复制内容:' + data); | 
 |  |  |             this.coverPlaying = false; |