如何解决如何在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;
});
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。