---
title: Presentaciones verticales
slug: hardware/es/presentaciones-verticales
docTags: 
createdAt: 2025-03-11T06:58:11.201Z
---

:::hint{type="info"}
La siguiente información se aplica a las presentaciones creadas en BrightSign Author y BrightAuthor Classic. El contenido creado en un Partner CMS puede comportarse de manera diferente, ya que el CMS puede manejar la rotación de una manera distinta.
:::

# Horizontal

Los reproductores BrightSign generan video de forma nativa en orientación horizontal (landscape), al igual que los reproductores Blu-ray/DVD y la mayoría de los reproductores multimedia como Amazon Fire Stick, Google Chromecast, reproductores multimedia Roku y TiVo Stream.

Aunque los reproductores y las versiones del SO más recientes sí admiten resoluciones personalizadas que potencialmente pueden generar video vertical real, esto todavía no es compatible de forma nativa ni en BrightSign Author ni en BrightAuthor Classic.

# Horizontal en pantallas verticales

Mostrar una presentación horizontal en la mayoría de las pantallas que están rotadas a orientación vertical (portrait) hace que el video aparezca de lado, a menos que la propia pantalla esté realizando una rotación interna. Para las presentaciones verticales, el reproductor debe rotar internamente el contenido para generar una visualización horizontal rotada que aparecería de lado si se mostrara en una pantalla con orientación horizontal.

![](https://api.archbee.com/api/optimize/0prk6SO2dy9LdU77jB8D1/DySMRqjGsBnYXk8wwPS7I_image.png)

# Rotación de pantallas

Algunas pantallas más recientes (por ejemplo, modelos Samsung Frame) tienen sensores de orientación y la pantalla rotará la entrada según la orientación física de la pantalla.

Esto hace que las presentaciones horizontales aparezcan con la orientación correcta, ya sea con letterbox (barras arriba y abajo) o estiradas fuera de proporción según la configuración de la pantalla.

![](https://api.archbee.com/api/optimize/0prk6SO2dy9LdU77jB8D1/MDhQAcIEVKCc6dK5Zfdwa_image.png)

Las presentaciones verticales, por otro lado, son prerrotadas por el reproductor y luego rotadas nuevamente por la pantalla, lo que provoca que la imagen aparezca de lado y con letterbox o estirada fuera de proporción según la configuración de la pantalla. La rotación automática de entrada debe deshabilitarse en pantallas como esta para evitar la doble rotación.

![](https://api.archbee.com/api/optimize/0prk6SO2dy9LdU77jB8D1/rkEHbraRDIM8vTe6adZyV_image.png)

Para las pantallas Samsung, la configuración **Orientación del contenido fuente** debe cambiarse para forzarla a horizontal mientras la entrada HDMI está seleccionada.

::File{src="https://api.archbee.com/api/presign/TYAqEnq_Txckpox4eAKHe-Y2MefoxBs034WL4UCtTIy-20250409-193233.pdf" label="20230309 Rotación de salida vertical.pdf"}

# Serie 4 vs. Series 5 y 6

El contenido vertical se muestra de manera diferente en los reproductores Series 5 y 6 que en los reproductores más antiguos Series 4.

## Reproductores Series 5 y 6

- Estos reproductores no rotan los widgets individuales.&#x20;
- Las rotaciones verticales se realizan en el objeto [roVideoMode](docId\:QQ734nQz0hCwNI0uNSdMP) dentro del autorun.brs (por ejemplo, la llamada `.transform() = “90”` después de `GetScreenModes()`) &#x20;

### Ejemplo

Este ejemplo utiliza roVideoMode para rotar la pantalla:

```none
vidmode = CreateObject("roVideoMode") 

width = vidmode.GetResX() 
height = vidmode.GetResY() 

sm = vidmode.GetScreenModes()  
videoMode$ = mid(Str(width),2) + "x" + mid(Str(height),2) + "x60p" 
sm[0].video_mode = videoMode$ 
sm[0].transform = "90" 
sm[0].display_x = 0 
sm[0].display_y = 0 
sm[0].enabled = true 
vidmode.SetScreenModes(sm)

 
r = CreateObject("roRectangle",0,0,width,height) 
```

## Reproductores Series 4

- Las rotaciones verticales deben realizarse en los widgets individuales utilizados por su aplicación (por ejemplo, `“rot90”` en la configuración de [roHtmlWidget](docId\:xljq5_YhDmA2SSmpZimtK)).
- Al utilizar [roTouchScreen](docId\:wydFi-OEWp1UOFQJVyHhU), la pantalla táctil también debe rotarse al utilizar eventos táctiles.

### Ejemplo

Este ejemplo utiliza roHtmlWidget para rotar la pantalla:

```none
config = {
    url: "//Filepath for index.html//",
    transform: "rot90",
    nodejs_enabled: true,
    mouse_enabled: true,
    inspector_server: {
        port: 2999
    },
    port: msgPort,
}
rect = CreateObject("roRectangle", 0, 0, width, height)
htmlWidget = CreateObject("roHtmlWidget", rect, config)
```



