Cómo abrir archivos multimedia locales con el control FileOpenPicker (HTML)
[ 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 ]
Reproduce archivos de audio o vídeo que están en el equipo del usuario con FileOpenPicker para obtener acceso y abrir el archivo.
Instrucciones
En una aplicación de la Tienda Windows con JavaScript, puedes implementar la reproducción de audio y vídeo mediante los elementos multimedia Audio y Video de HTML5. El archivo de audio o vídeo se especifica como una dirección URL en el atributo src.
Puedes usar el mismo enfoque para reproducir archivos multimedia ubicados en el equipo del usuario. La única diferencia es que debes crear una dirección URL para el archivo local, de la siguiente manera:
- Usa FileOpenPicker para seleccionar un archivo multimedia.
- Llama a URL.createObjectURL para crear una dirección URL de objeto para el archivo multimedia.
- Establece el atributo src del elemento multimedia en el objeto URL.
- Llama al método play en el elemento multimedia para iniciar la reproducción.
Funcionalidad
El control FileOpenPicker no requiere funcionalidades especiales para acceder a archivos en el sistema de archivos local, por ejemplo en las carpetas Music o Vídeo del usuario, porque el usuario tiene control total sobre el archivo al cual se accede. Desde una perspectiva de seguridad y privacidad, es mejor minimizar la cantidad de funcionalidades que usa la aplicación.
Pero si la aplicación necesita acceso a las carpetas Music o Vídeo sin interacción con el usuario, por ejemplo al enumerar todos los archivos de música o vídeo en la colección del usuario y mostrarlos en la aplicación, entonces debes declarar las funcionalidades Music Library y Biblioteca de vídeos. Consulta Declaraciones de funcionalidad de las aplicaciones para obtener más información sobre la declaración de funcionalidades.
Ejemplo
En el siguiente ejemplo se usa un FileOpenPicker para obtener un archivo multimedia de la biblioteca de vídeos del usuario y reproducirlo.
La aplicación de la Tienda de Windows Phone debe usar 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();
}
});
}