Comment ouvrir des fichiers multimédias à partir du réseau (HTML)

  • Article

[ Cet article est destiné aux développeurs Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

Affectez un fichier multimédia à la source multimédia d’un élément audio ou video sur le réseau.

Prérequis

Cette rubrique suppose que vous savez créer une application Windows Runtime de base en JavaScript. Pour obtenir de l’aide sur la création de votre première application, voir Create your first Windows Runtime app using JavaScript.

Il est supposé dans cette rubrique que vous connaissez les éléments HTML audio et video. Pour une introduction sur l’utilisation des éléments audio et video, voir Démarrage rapide : lecture de vidéos dans une application.

Instructions

Étape 1: Introduction

Les éléments audio et video lisent du contenu multimédia audio ou vidéo dans une application Windows Runtime en JavaScript. La propriété src spécifie le fichier multimédia à lire. Il peut s’agir d’un fichier sur le réseau, d’un fichier appartenant à l’application ou d’un fichier sur le système local.

Pour lire des fichiers sur le réseau ou des fichiers incorporés à l’application, affectez à la propriété src le chemin d’accès du fichier.

Pour ouvrir des fichiers sur le système local ou à partir de Microsoft OneDrive, vous pouvez utiliser FileOpenPicker pour obtenir le fichier. Pour plus d’informations, voir Comment ouvrir des fichiers multimédias locaux à l’aide du contrôle FileOpenPicker.

Dans cette rubrique, nous allons voir comment définir un fichier multimédia présent sur le réseau ou incorporé dans l’application comme src.

Pour obtenir des informations sur les formats de média audio et vidéo pris en charge dans l’application du Windows Store, voir Formats audio et vidéo pris en charge.

Étape 2: Fonctionnalités

Si vous vous procurez des fichiers sur Internet, vous devez définir les fonctionnalités de Internet (Client) dans le fichier Package.appmanifest de votre projet. Pour plus d’informations sur la déclaration de fonctionnalités, voir Déclaration de fonctionnalités d’application.

Étape 3: Définir un fichier réseau HTML comme source

Le code ci-dessous vise à définir la propriété src de l’élément video.

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

Étape 4: Définir la source en JavaScript

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

Rubriques associées

Comment ouvrir des fichiers multimédias locaux à l’aide du contrôle FileOpenPicker