2016-08-27 4 views
-4

ionic 2タイスクリプトのビデオキャプチャの実装方法を教えてもらえますか?Ionic 2ビデオキャプチャ

私は絵のシンプルで撮影が、彼ら

+0

イオニック2は、あなたが十分な検索をしていないように見えるので、あなたがsomethigの働きを見つけるのに十分なはずのコードヤのプラグインと同じです。 – e666

答えて

1

あなたはプラグインのgit repoを確認する必要があり、完全なドキュメントを参照してくださいするにはthe Media Capture plugin を使用することができますビデオをキャプチャする方法についての明確な文書について知っています。 キャプチャイメージの例を提供するのは簡単ですが、代わりにcaptureVideo(options)メソッドを使用してください。ドキュメント(git repo docs)でオプションが 'CaptureVideoOptions'を参照すると、制限と期間オプションがあります。

+0

潜在的な解決策へのリンクはいつでも歓迎しますが、あなたの仲間のユーザーには、それが何であるか、なぜそれがあるのか​​が分かるように[リンクの前後にコンテキストを追加してください](// meta.stackoverflow.com/a/8259)ターゲットサイトに到達できない場合や、永続的にオフラインになる場合は、常に重要なリンクの最も関連性の高い部分を引用してください。外部サイトへのリンク以上のものがあることを考慮に入れてください。なぜ、どのように答えが削除されますか?(// stackoverflow.com/help/deleted-answers)という理由が考えられます。 – FrankerZ

0

コルドバとイオンのネイティブプラグインをインストールします。

ionic cordova plugin add cordova-plugin-media-capture 
    npm install --save @ionic-native/media-capture 

videoplayer.html

<ion-content padding> 
    <button ion-button (click)="startrecording()">Start Video 
    Recording</button> 
    <button ion-button (click)="selectvideo()">Select Video From 
    Gallery</button> 
    <video #myvideo height="300" width="300" controls></video> 
    </ion-content> 

videoplayer.ts

import { MediaCapture, MediaFile, CaptureError, CaptureImageOptions } from '@ionic-native/media-capture'; 
    import { Camera } from "@ionic-native/camera"; 
    ....... 
    @ViewChild('myvideo') myVideo: any; 
    ...... 
    constructor(public camera:Camera, private mediaCapture: MediaCapture) 
    {} 
    startrecording() { 
    this.mediaCapture.captureVideo((videodata) => { 
    alert(JSON.stringify(videodata)); 
    }) 
    } 

    selectvideo() { 
    let video = this.myVideo.nativeElement; 
    var options = { 
    sourceType: 2, 
    mediaType: 1 
    }; 

    this.camera.getPicture(options).then((data) => { 
    video.src = data; 
    video.play(); 
    }) 
    } 
    } 

出典:http://tphangout.com/ionic-2-video-capture-and-playback/ https://ionicframework.com/docs/native/media-capture/