Aplicaciones de Windows
Contraer la tabla de contenido
Expandir la tabla de contenido

Cómo girar vídeos capturados (aplicaciones de la Tienda Windows con JavaScript y HTML)

Puedes girar el vídeo capturado con una cámara mediante los métodos SetPreviewRotation y SetRecordRotation en la clase MediaCapture.

El código completo para este ejemplo se muestra al final de este tema.

Requisitos previos

En este tema, se supone que puedes crear una aplicación de la Tienda Windows desarrollada para Windows con JavaScript que use la plantilla de la Biblioteca de Windows para JavaScript. Si necesitas ayuda para crear tu primera aplicación, consulta el tema sobre cómo crear tu primera aplicación de la Tienda Windows con JavaScript.

Instrucciones

Paso 1: Crear el objeto MediaCapture

La clase MediaCapture contiene métodos y propiedades para administrar el vídeo capturado. Para capturar y girar el vídeo de una cámara, deberás usar InitializeAsync, StartPreviewAsync y SetPreviewRotation. Usa SetRecordRotation para establecer el giro del vídeo que se está grabando.

En este ejemplo se crea una instancia de un objeto MediaCapture nuevo y se llama a InitializeAsync para inicializar el objeto MediaCapture en la configuración predeterminada. Puedes pasar un objeto MediaCaptureInitializationSettings en InitializeAsync para especificar la configuración.


    oMediaCapture = new Windows.Media.Capture.MediaCapture();
    oMediaCapture.initializeAsync().then(function (result) {


Paso 2: Establecer el giro del vídeo para grabar

Establece el giro de la imagen de vídeo para grabar pasando un valor de enumeración Windows.Media.Capture.VideoRotation al método SetRecordRotation del objeto MediaCapture. La enumeración VideoRotation especifica cuánto se debe girar el vídeo. Contiene valores para 0, 90, 180 y 270 grados.


        oMediaCapture.setRecordRotation(Windows.Media.Capture.VideoRotation.clockwise90Degrees);         


Para obtener el valor de giro que se usará para la grabación, llama al método GetRecordRotation. Este método devuelve un valor de enumeración VideoRotation.


    //Check rotation value;
    var videoRotation = oMediaCapture.getRecordRotation();   


De forma similar, el giro que se usa para obtener una vista previa de un vídeo se establece mediante una llamada a los métodos GetPreviewRotation y SetPreviewRotation. Estos métodos también usan los valores de enumeración VideoRotation para especificar cuánto se debe girar el vídeo.

Paso 3: Grabar el vídeo

Después de establecer el nuevo valor de giro del vídeo, puedes grabar el vídeo girado siguiendo los pasos que se detallan a continuación en el tema sobre cómo grabar en archivos. Por lo general, debes establecer el giro del vídeo antes de inicializar el objeto MediaCapture.


var oMediaCapture;

function setRotation() {
    oMediaCapture = new Windows.Media.Capture.MediaCapture();
    oMediaCapture.initializeAsync().then(function (result) {
        // Set the video rotation value.
        oMediaCapture.setRecordRotation(Windows.Media.Capture.VideoRotation.clockwise90Degrees);         
    }, errorHandler);
    
    //Check rotation value;
    var videoRotation = oMediaCapture.getRecordRotation();   
    
    // Ready to start the capture session   
}


Temas relacionados

Muestra de captura de multimedia

 

 

Mostrar:
© 2018 Microsoft