2016-08-29 12 views
2

Я использую плагин cordova-plug-media-capture для записи видео. Он записывается отлично при записи в альбомной ориентации, но в портретном режиме, показанное видео перевернуто. Ниже приведен пример кодаВидео Ориентация на CordovaCapture

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

ответ

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 .Hopefully это поможет вам.

+1

Проблема, которую описывает ОП, заключается в том, что у него возникают проблемы при записи видео в портретном режиме. Видео, которое воспроизводится в портретном или альбомном режиме, дает перевернутое видео. Я столкнулся с той же проблемой. Должна быть проблема с кордовым плагином-медиа-захватом и HTML5-видеоэлементом –