Как записать видео в приложении Ionic 2 на TypeScript?

Я пытаюсь захватить видео в приложении Ionic 2, используя TypeScript. Делать снимок просто и кажется легко.

    Camera.getPicture({
        destinationType: Camera.DestinationType.DATA_URL,
        mediaType: Camera.MediaType.PICTURE,
        targetHeight: 1000,
        targetWidth: 1000
    }).then((imageData) => {
        this.base64Image = "data:image/jpeg;base64," + imageData; 
    }, (err) => {
        console.log(err);
    });
  }

Какие изменения мне нужно сделать, чтобы захватить видео?


typescript ionic-framework angular ionic2
person Kalyan Dechiraju    schedule 05.07.2016    source источник
comment
Возможный дубликат видеозаписи HTML 5 и сохранения потока   -  person str    schedule 05.07.2016

Ответы (2)


arrow_upward
1
arrow_downward

Я не смотрел код этого приложения пока, но вы можете взглянуть на используемые там плагины и то, как они работают (работают на nexus 7 2013 года).

https://github.com/rossmartin/video-editor-ionic2

Это необходимые плагины:

cordova-plugin-camera 
cordova-plugin-device 
cordova-plugin-media-capture 
https://github.com/driftyco/ionic-plugin-keyboard.git 
cordova-plugin-statusbar 
cordova-plugin-spinner-dialog 
cordova-plugin-instagram-assets-picker 
cordova-plugin-video-editor
person sebaferreras    schedule 05.07.2016
comment
Я уже видел этот ответ на другой вопрос. Мой вопрос: как это сделать в машинописном приложении без ngZone? - person Kalyan Dechiraju; 05.07.2016
comment
Вы смотрели на ту ссылку? Вы написали код, который мы можем посмотреть? - person sebaferreras; 05.07.2016
comment
Я пытался использовать этот код. Он говорит, что свойство «устройство» не существует для типа «Навигатор». - person Kalyan Dechiraju; 05.07.2016
comment
Его нужно выполнять на реальном устройстве, иначе он не будет работать. - person sebaferreras; 05.07.2016
comment
да конечно. Typescript изначально не компилируется - person Kalyan Dechiraju; 05.07.2016

arrow_upward
0
arrow_downward

Вам необходимо установить плагин захвата мультимедиа ionic plugin add cordova-plugin-media-capture, а затем установить оболочку машинописного текста angular npm install --save @ionic-native/media-capture

import { MediaCapture, MediaFile } from '@ionic-native/media-capture'; // import the angular typescript classes from the installed wrapper

@Component(...)

export class Test{
   constructor(private mediaCapture: MediaCapture) { } // inject the services in the constructor

   this.mediaCapture.captureVideo().then((data: MediaFile[]) =>{
     console.log(data) // data is the captured video file object 
 });
}

Проверьте Ionic Doc для этого плагина https://ionicframework.com/docs/native/media-capture/

person Jamil    schedule 20.04.2017