如何使用Ionic 3捕获/录制视频

时间:2018-04-24 15:45:26

标签: ionic-framework ionic3 ionic-native

我希望能够(1)获取视频(或录制)并上传到firebase(此处不是重点),以及(2)稍后观看视频。但是,我很难找到真正有用的东西。由于浏览器不包含cordova,我正在测试Ionic View中的所有内容。是的,我必须每次为每次测试提交和部署= @。

我已经尝试了很多东西,这里有一个列表:

  

问题(1):

cordova-plugin-video-capture-plus:错误:plugin_not_installed

cordova-plugin-media-capture:错误:plugin_not_installed(我发现它不再受IonicView支持〜see list here

科尔多瓦-插件相机: 这似乎有效,直到某一点,我可以使用它来获取视频文件的路径(非常类似于here)...但是,在“//停止”标记后没有执行任何操作。

this.camera.getPicture({
      destinationType: this.camera.DestinationType.FILE_URI,
      mediaType: this.camera.MediaType.VIDEO,
      sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
    }).then((videoData) => { //stops...
  

问题(2):

cordova-plugin-streaming-media:错误:plugin_not_installed

视频

<video #myvideo controls="controls"autoplay="autoplay"></video>
    let video = this.myVideo.nativeElement;
    video.src =  this.videoURL;
    video.play();

这永远不会加载任何内容,当加载的url似乎没问题时,它会创建一个localhost:60000 url,但从未加载过。

IFRAME: <iframe #myvideo2 src="https://www.w3schools.com"></iframe>:不加载任何网址。

@离子天然/视频播放器:

this.videoPlayer.play(this.final_ref).then(() => {
      this.presentQuickToastMessage('video completed');
    }).catch(err => {
      this.presentQuickToastMessage(err);
    });

...在这里我也得到了“plugin_not_installed”。

  

所有“plugin_not_installed”:我已尝试添加...

this.platform.ready().then(() =>{... ...before each of the calls, but it kept did not succeeding.

所有尝试和说过,如果有人知道任何两种任务的任何类型的解决方案,那将是非常受欢迎的。感谢读到这里,我希望我的失败列表不会让人感到困惑。

干杯!!

0 个答案:

没有答案