Как отобразить захваченное видео в ионном 2 с использованием машинописи

Использованием ионных 2 с машинописью я мог бы захватить видео с помощью следующего кода:Как отобразить захваченное видео в ионном 2 с использованием машинописи

takeVideo() { 
let data: Array<any> = this.MediaFile; 
let options = { 
    limit: 1, 
    duration: 15, 
    type: "video/mp4", 
    height: 100, 
    width: 120, 
    quality: 1 
}; 
MediaCapture.captureVideo(options) 
    .then((MediaFile) => { this.MediaFile[0] = "data:video/mp4" + MediaFile; 
    console.log(MediaFile); 
    let i, path, len; 
    for (i = 0, len = data.length; i < len; i += 1) { 
     console.log(path); 
     // How do I display this video to the user? 
     this.videoFilePath = MediaFile[0].fullPath; 

    } 
    }, 
    (err) => { 
    console.error(err); 
    } 
); 
}

Но я не мог отобразить захваченное видео, чтобы позволить пользователю просматривать отснятыми видео. Между тем, захваченное видео всегда сохраняется в телефоне. Я пытался следующий код в home.html, чтобы отобразить захваченное видео с ним:

<video width="320" height="240" id="resource-video" controls="controls" autoplay="false" 
    [src]="MediaFile" *ngIf="MediaFile"> 
</video>

Я не знаю, что еще нужно сделать, чтобы получить захваченное видео отображается. Пожалуйста, я с нетерпением ищем способ сделать это. Пожалуйста, помогите мне, если сможете. Благодарю.

источник

2016-11-15 Aika

ли вам удалось получить решение для этого? У меня тоже такая же проблема сейчас –

@ J.Rem. Ваша проблема с видео разрешена? Если не дайте мне знать, у меня есть решение. –

Я использовал много раз для захвата видео и для отображения их на моем представлении я использовал код, как показано ниже.

<iframe ng-src="MediaFile" frameborder="0" > 
</iframe>

источник

2016-11-16 00:25:21

Был ли какой-то обходной путь для моего проекта, и вот мое решение. Надеюсь, это поможет кому-то.

import { Component, ViewChild } from '@angular/core'; 
import { Camera } from '@ionic-native/camera'; 
import { MediaCapture } from '@ionic-native/media-capture'; 
import { VideoPlayer } from '@ionic-native/video-player'; 

export class HomePage { 

@ViewChild('myvideo') myVideo: any; 
videoURL: any; 


this.videoCapture(this.camera.MediaType.VIDEO); 

videoCapture(mediaType) { 

var options = { 
    limit: 1, 
    mediaType: mediaType, 
    duration: 10 
}; 

this.mediaCapture.captureVideo(options).then((data: MediaFile[])=>{ 

    let videoData = JSON.stringify(data); 
    let res1 = JSON.parse(videoData); 

    this.videoURL = res1[0]['fullPath']; 

    let video = this.myVideo.nativeElement; 

    video.src = this.videoURL; 
    video.play(); 

}, (err) => { 
    this.presentToast('Error while selecting video'); 
}); 

} 
}

В моем HTML

<video #myvideo controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" width="100" height="100" class="videoPlayer"></video>

источник

2017-06-29 12:15:55

Как отобразить захваченное видео в ионном 2 с использованием машинописи

ответ

Смежные вопросы