Question

我正在使用cordova-plugin-media-capture插件来录制视频。在以横向方向录制时捕获效果很好，但在纵向模式下，显示的视频是颠倒的。以下是示例代码

    var options = { limit: 1};
    $cordovaCapture.captureVideo(options).then(function(videoData) {
        addVideoToLocalStorage(videoData, slotNumber);
  }, function(err) {
    $scope.localStorageVideos = 'Err: <br />'+ JSON.stringify(videoData)
  });

Answer 1

您可以使用此config.xml值锁定应用程序的方向：

<preference name="orientation" value="portrait"/>

虽然效果很好，但您希望以横向模式制作视频。你在iOS上工作得很好，但你尝试过的任何东西都不适用于Android。我开始寻找一个允许我动态切换方向的插件。这个， screen orientation效果很好。

所以在这一点上 - 我发现应用程序中的代码已经启动了视频进入全屏模式，并添加了两条简单的线条用于设置横向方向的代码。

video.addEventListener('playing', function() {
     var so = cordova.plugins.screenorientation;
     so.setOrientation(so.Orientation.LANDSCAPE);
}, false);

我做了一些挖掘，发现你可以听取用户的意见离开全屏模式，当他们点击时自动发生他们的后退按钮。

jQuery(document).on('webkitfullscreenchange', function(e) {       
    if(!e.currentTarget.webkitIsFullScreen) {
        var so = cordova.plugins.screenorientation;
        so.setOrientation(so.Orientation.PORTRAIT);
    }
});

得到了这个blog post的大力帮助。希望这会对你有帮助。

CordovaCapture的视频定位

1 个答案: