Como abrir arquivos de mídia da rede (HTML)

  • Artigo

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente ]

Defina a origem de mídia de um ou elemento audio ou video como um arquivo de mídia na rede.

Pré-requisitos

Este tópico pressupõe que você saiba como criar um aplicativo básico do Tempo de Execução do Windows em JavaScript. Para ajudar a criar seu primeiro aplicativo, veja Create your first Windows Runtime app using JavaScript.

Este tópico presume que você esteja familiarizado com os elementos HTML , audio e video. Para ver uma introdução ao uso de elementos audio e video, confira o Guia de início rápido: reproduzindo vídeo em um aplicativo.

Instruções

Etapa 1: Introdução

Os elementos audio e video reproduzem mídia de áudio ou de vídeo em um aplicativo do Tempo de Execução do Windows em JavaScript. A propriedade src especifica o arquivo de mídia a ser reproduzido. Isso pode ser um arquivo na rede, um arquivo incluído no aplicativo ou um arquivo no sistema local.

Para reproduzir arquivos na rede ou arquivos inseridos com o aplicativo, defina a propriedade src como o caminho do arquivo.

Para abrir arquivos no sistema local ou no Microsoft OneDrive, você pode usar FileOpenPicker para obter o arquivo. Veja mais informações em Como abrir arquivos de mídia locais usando o controle FileOpenPicker.

Neste tópico, veremos como definir a src para um arquivo de mídia na rede ou inserido no aplicativo.

Para saber sobre formatos de mídia de áudio ou vídeo compatíveis com o aplicativo da Windows Store, veja Formatos de áudio e vídeo aceitos.

Etapa 2: Recursos

Se você pega arquivos da Internet, precisa definir os recursos de Internet (Client) no arquivo Package.appmanifest do projeto. Veja mais informações sobre como declarar recursos em Declarações de recursos de aplicativos.

Etapa 3: Definir a origem como um arquivo na rede em HTML

Este é o código que tenta definir a propriedade src do elemento video.

<body>
  <video id="mediaVideo" src="https://www.contoso.com/clip.mp4" controls/>
</body>

Etapa 4: Definir a origem em JavaScript

    var media = document.getElementById("mediaVideo");
    media.src = "https://www.contoso.com/clip2.mp4";

Tópicos relacionados

Como abrir arquivos de mídia locais usando o controle FileOpenPicker