答えて
あなたはプラグインのgit repoを確認する必要があり、完全なドキュメントを参照してくださいするにはthe Media Capture plugin を使用することができますビデオをキャプチャする方法についての明確な文書について知っています。 キャプチャイメージの例を提供するのは簡単ですが、代わりにcaptureVideo(options)
メソッドを使用してください。ドキュメント(git repo docs)でオプションが 'CaptureVideoOptions'を参照すると、制限と期間オプションがあります。
潜在的な解決策へのリンクはいつでも歓迎しますが、あなたの仲間のユーザーには、それが何であるか、なぜそれがあるのかが分かるように[リンクの前後にコンテキストを追加してください](// meta.stackoverflow.com/a/8259)ターゲットサイトに到達できない場合や、永続的にオフラインになる場合は、常に重要なリンクの最も関連性の高い部分を引用してください。外部サイトへのリンク以上のものがあることを考慮に入れてください。なぜ、どのように答えが削除されますか?(// stackoverflow.com/help/deleted-answers)という理由が考えられます。 – FrankerZ
コルドバとイオンのネイティブプラグインをインストールします。
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/
- 1. Ionic 2ネイティブカメラ - ビデオキャプチャの制限時間
- 2. ダイレクトショーサンプル(AMCap)のビデオキャプチャ
- 3. MacOSでのビデオキャプチャ
- 4. MacOSでのビデオキャプチャ
- 5. エミュレータでのビデオキャプチャ?
- 6. ビデオキャプチャの問題
- 7. HTML5でのビデオキャプチャ
- 8. ビデオキャプチャ、FFmpegの
- 9. ビデオキャプチャとpyqt
- 10. Ionic App 2 Ionic App 2起動電卓
- 11. Winwheel.js + Ionic 2(Angular 2)
- 12. リストアイテム数ionic 2
- 13. Ionic 2のグラフ
- 14. Ionic 2とgithub
- 15. Ionic 2のコンファレンステンプレートエラー
- 16. Ionic 2カメラエラー
- 17. ionic 2 DatePicker
- 18. MathJS in ionic 2
- 19. Ionic 2 Yelp API
- 20. Twitter OAuth Ionic 2
- 21. Ionic 2クラウドサービス
- 22. ダブルクリックナビゲーションIonic 2
- 23. ionic 2 - ダイナミックイオンタイトル
- 24. .json in Ionic 2
- 25. Ionic 2 modify Index.html
- 26. Flipclock on Ionic 2
- 27. IONIC 2、オブジェクト
- 28. Ionic 2とApiRTC
- 29. Ionic 2 Google +
- 30. leaflet.freedraw in Ionic 2
イオニック2は、あなたが十分な検索をしていないように見えるので、あなたがsomethigの働きを見つけるのに十分なはずのコードヤのプラグインと同じです。 – e666