ビデオオリエンテーションOn CordovaCapture

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用には動作しませんでした。私は動的に方向を切り替えるためのプラグインを探し始めました。この1つは、 screen orientationが大きく機能しました。

だから、この時点で - 私はフルスクリーンモードに入るための ビデオをオフに解雇し、景観に向きを設定するために、2つのシンプルなラインコードの を追加したアプリケーションのコードを発見しました。

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); 
    } 
}); 

.Hopefullyこれがお手伝いします。このblog postから大きな助けを得ました。