> For the complete documentation index, see [llms.txt](https://docs.decentraland.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.decentraland.org/creator/content-creator-pt/scene-editor/interatividade/video-screen.md).

# Tela de Vídeo

Reproduza vídeos na sua scene

Para reproduzir vídeos pré-gravados ou em stream numa tela na sua scene, use o Video Player [Smart Item](/creator/content-creator-pt/scene-editor/interatividade/smart-items.md).

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-01d7193f1148aa3fc6d53232dfb403cc815b6bce%2Fvideo-player-item.png?alt=media\&token=a7478d28-02c6-407d-a7c3-e63d964f062e)

## Configurações gerais

Estas configurações são relevantes para todos os cenários, tanto ao reproduzir vídeos quanto ao fazer streaming.

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-d050af90f1b3bbb51c17f70ccdfd6ab0056b4057%2Fvideo-automatic.png?alt=media\&token=90dfae8f-8dff-4b02-9d29-e0542e02dbd5)

Você pode configurar o volume do áudio do vídeo. Note que o áudio da stream não é posicional; ele é ouvido com volume uniforme em toda a sua scene.

O **Fontes de mídia padrão** O dropdown permite escolher entre dois tipos diferentes de fontes:

* **URL do vídeo**: Obtenha um vídeo ou stream a partir de uma URL ou de um arquivo de vídeo local
* **Stream ao vivo**: Use a infraestrutura de streaming gratuita do Decentraland para exibir um stream. Para usar isso, você também deve incluir um [Ferramentas de administração](/creator/content-creator-pt/scene-editor/operar-ao-vivo/scene-admin.md) smart item na sua scene.

## Reproduzir vídeos

Você pode reproduzir vídeos pré-gravados a partir de:

* **Arquivos locais**: Faça upload de um arquivo de vídeo como parte da scene e depois aponte o *URL* campo para o caminho desse arquivo.
* **Stream a partir de uma URL**: Aponte para um stream ao vivo ou pré-gravado na web, por exemplo de um provedor como Bunny. Veja [vídeos em streaming](#streaming-videos)

O momento em que o smart item Video Player reproduz um vídeo pode depender de diferentes coisas:

* **Automático**: O vídeo começa a ser reproduzido assim que a scene carrega. Para isso, defina o dropdown de fonte de mídia padrão como **URL do vídeo** e cole uma URL diretamente no **Caminho do vídeo ou URL .m3u8** .

  ![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-d050af90f1b3bbb51c17f70ccdfd6ab0056b4057%2Fvideo-automatic.png?alt=media\&token=90dfae8f-8dff-4b02-9d29-e0542e02dbd5)
* **Acionado por um admin**: Um [administrador da scene](/creator/content-creator-pt/scene-editor/operar-ao-vivo/scene-admin.md) que está atualmente na scene pode usar o Admin UI para colar uma URL de vídeo e reproduzi-lo para todos os players que estão atualmente na scene.
* **Com base nas ações do player**: Defina uma Action do tipo **Reproduzir vídeo**. Isso permite acionar a reprodução do vídeo como resultado de interagir com outro smart item, como entrar numa sala ou pressionar um botão. Veja [Smart Items - Avançado](/creator/content-creator-pt/scene-editor/interatividade/smart-items-advanced.md).

  ![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-4d3db4d32f746dc116b09884db7c74ba53dbef7a%2Fvideo-from-action.png?alt=media\&token=26b270ee-2c1a-4095-a9ac-01bf62c879e9)

Em todos os casos, você configura o vídeo para loop ou para tocar uma vez.

{% hint style="warning" %}
**📔 Observação**: Se muitos vídeos estiverem sendo reproduzidos ao mesmo tempo na sua scene, alguns serão pausados pelo engine. A prioridade é determinada com base na proximidade ao player, na direção da camera e no tamanho da tela. A quantidade máxima de vídeos simultâneos depende das configurações de qualidade do player.

* Baixa: 1
* Média: 5
* Alta: 10

Também recomendamos começar a reproduzir o vídeo quando o player estiver perto ou realizar uma ação para isso. Começar a reproduzir um vídeo quando sua scene é carregada longe no horizonte afetará o desempenho desnecessariamente enquanto os players visitam scenes vizinhas.
{% endhint %}

## Vários Video Screens

Você pode reproduzir o mesmo vídeo em várias telas ao mesmo tempo. Para isso, você deve editar as propriedades avançadas do smart item Video Player.

{% hint style="warning" %}
**📔 Observação**: Evite ter mais de um vídeo diferente sendo reproduzido ao mesmo tempo, pois isso prejudica muito o desempenho.

Se você simplesmente colar a mesma URL em dois video players, o engine não saberá que são o mesmo vídeo e reproduzirá ambos separadamente. Siga os passos abaixo para configurar o segundo video player para reproduzir o mesmo vídeo que o primeiro.
{% endhint %}

1. Adicione dois smart items Video Player à scene, um para cada tela.
2. Configure o primeiro normalmente, como descrito em [Reproduzir vídeos](#play-videos) seção.
3. No segundo video player, remova o **Video Player** component.

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-514512790126de29e5922a34a7bf9be49ffe4441%2Fdelete-video-player.png?alt=media\&token=290f2048-4437-4133-8da0-7fecc9302024)

{% hint style="warning" %}
**📔 Observação**: Esta etapa é importante; caso contrário, o segundo video player será processado pelo engine, mesmo que não esteja visível.
{% endhint %}

4. Ainda no segundo video player, abra o **Material** component, expanda a **Texture** seção e selecione o **Video Source Entity** dropdown para apontar para o primeiro video player.

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-5bf384e5fd6759644c26475e929af0696d3795b8%2Fpoint-to-video.png?alt=media\&token=732a10e7-da1e-4a2b-b038-0f438fd1fb8e)

Você pode fazer o mesmo com qualquer número de video players, desde que configure cada um para apontar para o mesmo video player.

Ao fazer [live streaming](/creator/content-creator-pt/scene-editor/operar-ao-vivo/live-streaming.md), ambas as telas também exibirão o mesmo stream.

{% hint style="info" %}
**💡 Dica**: Os passos acima também podem ser repetidos com um item que tenha um **Swap Material** component, para transformar qualquer modelo 3D em uma tela de vídeo. Configure a **Texture** seção dentro do **Swap Material** component para apontar para a entidade do video player.
{% endhint %}

## Sobre arquivos de vídeo

Os seguintes formatos de arquivo são suportados:

* *.mp4*
* *.ogg*
* *.webm*

Lembre-se de que um arquivo de vídeo aumenta o tamanho total da scene, o que faz com que a scene demore mais para ser baixada pelos players que entram na sua scene. O tamanho do vídeo também pode fazer você ultrapassar o [limitações da scene](/creator/content-creator-pt/scenes-sdk7/otimizacao/scene-limitations.md), pois você tem um máximo de 15 MB por parcel a ser usado. Recomendamos compactar o vídeo o máximo possível, para que isso seja menos problemático.

## Streaming ao vivo

Para streaming ao vivo de ponta a ponta, veja [Transmissão ao vivo](/creator/content-creator-pt/scene-editor/operar-ao-vivo/live-streaming.md).

### Streaming de outras fontes

Você também pode fazer streaming de vídeos usando outras infraestruturas de streaming. Para isso, basta configurar o smart item Video Player para usar a **URL do vídeo** fonte de mídia e colar a URL do stream no **Caminho do vídeo ou URL .m3u8** .

A origem do streaming deve ser uma *https* URL (*http* URLs não são suportadas), e a origem deve ter [políticas de CORS (Cross Origin Resource Sharing)](https://en.wikipedia.org/wiki/Cross-origin_resource_sharing) que permitam acesso externo a ela. Isso significa que você não pode fazer streaming de um vídeo do YouTube ou de sites semelhantes, pois eles só permitem exibir seu conteúdo em seu widget HTML com a marca deles. Veja [Sobre Streaming Externo](/creator/content-creator-pt/scenes-sdk7/media/video-playing.md#about-external-streaming) para opções e dicas.

Há várias opções para fazer streaming de vídeo. A opção mais simples é usar um provedor de hospedagem gerenciada como [Vimeo](https://vimeo.com/), [Bunny](https://bunny.net), [Livepeer Studio](https://livepeer.studio/) ou [Serraform](https://serraform.gitbook.io/streaming-docs/guides/decentraland-playback) onde você paga uma taxa ao provedor para gerenciar toda a infraestrutura de streaming.

Leia [Configurar o OBS para uma transmissão bem-sucedida](/creator/content-creator-pt/scenes-sdk7/media/video-playing.md#setting-up-obs-for-successful-streaming) para dicas sobre a melhor forma de fazer streaming de conteúdo no Decentraland.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.decentraland.org/creator/content-creator-pt/scene-editor/interatividade/video-screen.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.