Ionic 2視頻捕獲

-4

有人可以幫助我找到或告訴我如何實現視頻捕獲離子2打字稿。Ionic 2視頻捕獲

我知道的到拍攝這是簡單的，但他們對如何捕獲視頻

2016-08-27 Mark Wood

Ionic 2與cordova插件相同，因爲您似乎沒有足夠的搜索量，所以您應該足以讓您找到某些工作。 – e666

沒有明確的文檔，你可以使用the Media Capture plugin 要查看完整的文檔，你應該檢查插件的git repo。很簡單，他們提供了captureImage示例，只需使用captureVideo(options)方法，您可以在文檔中找到選項（git repo文檔），參見'CaptureVideoOptions'，您有限制和持續時間選項。

來源

2016-08-28 18:25:31

一個潛在解決方案的鏈接總是受歡迎的，但請[在鏈接附近添加上下文]（// meta.stackoverflow.com/a/8259），以便您的同行用戶可以瞭解它是什麼以及它爲什麼在那裏。如果目標網站無法訪問或永久離線，請始終引用重要鏈接中最相關的部分。考慮到_僅僅是一個鏈接到外部site_是一個可能的原因，因爲[爲什麼和如何刪除一些答案？]（// 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/

來源

2017-12-07 06:41:30

Ionic 2視頻捕獲

回答

相關問題