Comment ouvrir des fichiers multimédias locaux à l’aide du contrôle FileOpenPicker (HTML)
[ 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 ]
Lisez les fichiers audio ou vidéo situés sur l’ordinateur de l’utilisateur en utilisant FileOpenPicker afin d’accéder à ces fichiers ou de les ouvrir.
Instructions
Dans une application du Windows Store en JavaScript, vous pouvez implémenter la lecture audio et vidéo à l’aide des éléments multimédias Audio et Video HTML5. Le fichier audio ou vidéo est spécifié sous forme d’URL dans l’attribut src.
La même approche fonctionne pour lire les fichiers multimédias qui se trouvent sur l’ordinateur de l’utilisateur. La seule différence est que vous devez créer une URL pour le fichier local, comme suit :
- Utilisez le FileOpenPicker pour sélectionner un fichier multimédia.
- Appelez URL.createObjectURL pour créer une URL d’objet pour le fichier multimédia.
- Définissez l’attribut src de l’élément multimédia sur l’objet URL.
- Appelez la méthode play sur l’élément multimédia pour démarrer la lecture.
Fonctionnalités
Le contrôle FileOpenPicker ne nécessite pas de fonctionnalités spéciales pour accéder aux fichiers résidant sur le système de fichiers local, comme les dossiers Music ou Vidéo de l’utilisateur, car ce dernier bénéficie d’un contrôle total sur l’accès aux fichiers. Du point de vue de la sécurité et de la confidentialité, il est préférable de limiter le nombre de fonctionnalités utilisées par votre application.
Mais si votre application a besoin d’accéder aux dossiers Music ou Vidéo sans l’interaction de l’utilisateur, par exemple si vous énumérez tous les fichiers de musique ou vidéo de la collection de l’utilisateur pour ensuite les afficher dans votre application, vous devez déclarer les fonctionnalités Music Library et Vidéothèque. Pour plus d’informations sur la déclaration de fonctionnalités, voir Déclaration de fonctionnalités d’application.
Exemple
L’exemple suivant utilise un FileOpenPicker pour obtenir et lire un fichier multimédia à partir du dossier Vidéos de l’utilisateur.
Une application du Windows Phone Store doit utiliser pickSingleFileAndContinue.
function playVideo() {
var openPicker = new Windows.Storage.Pickers.FileOpenPicker();
openPicker.pickSingleFileAsync().then(function (fileItem) {
if (fileItem) {
var video = document.getElementById("myVideo");
video.src = URL.createObjectURL(fileItem);
video.play();
}
});
}