使用Phonegap在Canvas / Video中显示相机流

Question

对于Phonegap（Android），我们目前正在调查将Android设备的摄像头流设置为视频元素源的可能性。在webbrowsers上有点像gum。

我们想用Phonegap构建一个视频聊天应用程序。

该文档仅显示调用本机相机应用程序的函数，这不是我们正在寻找的。

是否可以在具有Phonegap的HTML元素中显示Android移动设备的相机流？

Answer 1

你看过getUserMedia https://developer.mozilla.org/en-US/docs/NavigatorUserMedia.getUserMedia了吗？

和https://github.com/HenrikJoreteg/getUserMedia

Answer 2

插件名称：phonegap-plugin-media-stream。

使用此插件并在HTML中添加视频标记并使用JS代码。这个对我有用。

HTML：视频标签

JS：

var constraints = navigator.mediaDevices.getSupportedConstraints();
alert(constraints);

navigator.mediaDevices.getUserMedia({
    'video': {
        'facingMode': 'environment'
    }
}).then(function(mediaStream) {
    var mediaControl = document.querySelector('video');
    mediaControl.srcObject = mediaStream;
    mediaControl.src = URL.createObjectURL(mediaStream);
});