Ionic 无法在ion5中播放本地视频

fd3cxomn  于 2022-12-16  发布在  Ionic
关注(0)|答案(2)|浏览(189)

我尝试在html5 video上播放本地录制的视频,但每次尝试时,

加载资源失败:服务器以状态404(OK)响应这是我提供给视频标记的URLhttp://localhost:8080/storage/emulated/0/DCIM/Camera/VID20201024134007.mp4

这是密码

let testUrl = this.videoService.localFileUrl.fullPath;
testUrl = testUrl.replace('file:///', 'http://localhost:8080/');
console.log("filePath=======>", testUrl)
this.filePath = testUrl;
camsedfj

camsedfj1#

此问题是由以下代码行引起的:

testUrl = testUrl.replace('file:///', 'http://localhost:8080/');

字符串
如果要访问的文件存储在服务器上,则使用localhost。由于此文件存储在设备上,因此需要文件路径。您可以使用fullpathlocalURL下的路径,如问题所附图像中所指定。

vecaoik1

vecaoik12#

尝试:

import { WebView } from '@ionic-native/ionic-webview/ngx';

constructor(
    ... private _webview: WebView
  ) { }

...
this.resourceLocalPath = this._webview.convertFileSrc(this.resourceLocalPath);

其中,此.resourceLocalPath是文件的路径(以file:///开头)

相关问题