<div class="model-content">
 
  <!-- <div style="">

    <video 
          crossorigin="anonymous"
          *ngIf="item.video_url "
          [src]="item.video_url" controls
          (loadeddata)="videoLoaded($event,item)"
          (error)="videoError($event)"
          (seeked)="videoSeeked($event)"
          #videoNode ></video>
  </div> -->
  
  <div style="width: 500px;  margin: 20px" *ngIf="!isHideVideo">
    <app-upload-video
      (videoUploaded)="onVideoUploadSuccess($event)"
      [item]="item"
      [videoUrl]="item.video_url"></app-upload-video>
  </div>

  <div style="width: 300px; height: 170px; margin: 20px; border: 1px solid ;" *ngIf="isHideVideo">

  </div>

  <div *ngIf="item.video_url">
    
    <button nz-button nzType="primary"  (click)="hideVideo()" style="margin-left: 25px;"> 
      {{isHideVideo ? '显示' : "隐藏"}} 视频
    </button>
  </div>


  <nz-divider nzText="配置歌词"></nz-divider>

  <app-lrc-editor [LRCData]="item.lrcData" (editFinished)="getLRC($event)">
  </app-lrc-editor>
  <nz-divider nzText="配置伴奏音频"></nz-divider>
  <div style="padding: 0 20px;">
    <app-audio-recorder
      style="margin-top: 5px"
      [audioUrl]="item.accompany_audio_url"
      (audioUploaded)="onAudioUploadSuccess($event, 'accompany_audio_url', item)"
    ></app-audio-recorder>
  </div>


</div>
