Cómo abrir archivos multimedia desde la red (HTML)

Artículo
02/16/2016

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows Runtime. Si estás desarrollando para Windows 10, consulta la documentación más reciente ]

Establece que el origen multimedia de un elemento audio o video sea un archivo multimedia de la red.

Requisitos previos

En este tema se asume que ya sabes cómo crear una aplicación de Windows en tiempo de ejecución básica con JavaScript. Para obtener ayuda con la creación de tu primera aplicación, consulta Create your first Windows Runtime app using JavaScript.

En este tema se supone que conoces los elementos de audio y video HTML . Para ver un tema de introducción sobre el uso de los elementos audio y video, consulta Inicio rápido: reproducir vídeo en una aplicación.

Instrucciones

Paso 1: Introducción

Los elementos audio y video reproducen audio o vídeo en una aplicación de Windows en tiempo de ejecución con JavaScript. La propiedad src especifica el archivo multimedia que hay que reproducir. Puede ser un archivo de la red, un archivo incluido con la aplicación o un archivo del sistema local.

Para reproducir archivos de la red o archivos insertados en la aplicación, debes establecer la propiedad src en la ruta de acceso del archivo.

Para abrir archivos del sistema local o de Microsoft OneDrive, puedes usar FileOpenPicker para obtener el archivo. Consulta Cómo abrir archivos multimedia locales con el control FileOpenPicker para obtener más información.

En este tema analizaremos la configuración del src en un archivo multimedia de la red o insertado en la aplicación.

Para obtener información sobre formatos multimedia de audio y vídeo compatibles en las aplicaciones de la Tienda Windows, consulta Formatos de audio y vídeo compatibles.

Paso 2: Funcionalidad

Si vas a obtener archivos de Internet, tendrás que establecer la funcionalidad de Internet (Client) en el archivo Package.appmanifest del proyecto. Consulta Declaraciones de funcionalidad de las aplicaciones para obtener más información sobre la declaración de funcionalidades.

Paso 3: Establecer el origen en un archivo en la red en HTML

Con el siguiente código se intenta establecer la propiedad src para el elemento video.

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

Paso 4: Establecer el origen en JavaScript

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

Temas relacionados

Cómo abrir archivos multimedia locales con el control FileOpenPicker

Share via