如何在ionic 5中使用base64播放视频

如何解决如何在ionic 5中使用base64播放视频

我正在尝试播放转换为 base64 的视频，但是每当我将 src 的base64传递给 时，它都不会播放”不玩，我不知道为什么这是我的代码

 <video  [src] = "fileUrl" style="width: 50%;height: 50%;" autoplay controls>
 </video>

convertToBase64(){

  this.file.readAsDataURL(this.fromDirectory,this.fileName).then(
      file64 => {

         this.fileUrl = (file64); //base64url...
        
         console.log("this.fileURl ========>",this.fileUrl)
      }).catch(err => {
         console.log("Error ===>",err)
    });
}

如果我将视频base64粘贴到浏览器中，则它可以工作，但不能在中播放。 您的帮助将不胜感激。

解决方法

您可以使用以下代码简单地加载mp4或网络支持的任何其他视频格式：

HTML

<input #file (change)="importFile($event)" accept="video/*" hidden type="file">
<button  (click)="file.click()"></button>

<video #video src="{{this.selectedFile}}" autoplay="autoplay"></video>

TS

  selectedFile: any;
  importFile(event): void {

    const reader = new FileReader();

    if (event.target.files.length === 0) {
      console.log('No file selected!');
      return;
    }
    reader.readAsDataURL(event.target.files[0]);
    reader.onload = ((r) => {
      this.selectedFile = r.target.result;
    });
  }