Cette rubrique vous indique comment incorporer des fichiers multimédias dans votre application, charger des dessins de stylet dans une source de données et afficher les images d’une source de données dans votre application. La source de données utilisée dans la présente rubrique correspond à un fichier Excel hébergé par OneDrive Entreprise.
Conditions préalables
Inscrivez-vous à PowerApps, puis installez l’application. Lorsque vous ouvrez PowerApps, connectez-vous avec les informations d’identification que vous avez utilisées pour vous inscrire.
Ajouter un élément multimédia à partir d’un fichier ou du cloud
Vous pouvez choisir le type de fichier multimédia à ajouter (par exemple, une image, une vidéo ou un fichier audio).
Sur l’onglet Contents (Contenu), sélectionnez Media (Média).
Sous Media (Média), sélectionnez Images (Images), Videos (Vidéos) ou Audio (Audio), puis sélectionnez Browse (Parcourir) :
Sélectionnez le fichier que vous souhaitez ajouter, puis choisissez Open (Ouvrir).
Le dossier Images s’ouvre sur votre ordinateur et vous permet de sélectionner une image. Vous pouvez également accéder à un autre dossier.
Une fois les fichiers ajoutés, appuyez sur Échap pour revenir à l’espace de travail par défaut.
Sur l’onglet Insert (Insertion), sélectionnez Media (Média), puis Image (Image), Video (Vidéo) ou Audio (Audio) :
Si vous avez ajouté un contrôle d’image, définissez la propriété Image correspondante sur le fichier que vous avez ajouté :
Remarque : spécifiez uniquement le nom du fichier, sans indiquer l’extension et en l’insérant entre des guillemets simples.
Si vous avez ajouté un contrôle de vidéo ou audio, définissez la propriété Media correspondante sur le fichier que vous avez ajouté :
Remarque : exécutez une vidéo YouTube en définissant la propriété Media d’un contrôle de vidéo sur l’URL appropriée, insérée entre des guillemets doubles.
Ajouter un élément multimédia à partir d’Azure Media Services
À partir de votre compte Azure Media Services, chargez et publiez votre élément multimédia vidéo à partir du menu AMS > Paramètres > Éléments multimédias.
Une fois que la vidéo est publiée, copiez son URL.
À partir de PowerApps, ajoutez le contrôle Vidéo à partir du menu Insérer > Média.
Définissez la propriété Média sur la propriété que vous avez copiée.
Comme le montre ce graphique, vous pouvez choisir n’importe quelle URL de streaming prise en charge par Azure Media Services :
Ajouter à votre application des images provenant du cloud
Dans ce scénario, vous allez enregistrer les images dans un compte de stockage cloud OneDrive Entreprise. Vous allez inclure le chemin d’accès aux images dans une table Excel, et afficher ces images dans un contrôle de galerie au sein de votre application.
Ce scénario utilise le fichier CreateFirstApp.zip, qui contient des fichiers .jpeg.
REMARQUE : le chemin d’accès à ces images dans le fichier Excel doit utiliser des barres obliques. Lorsque PowerApps enregistre les chemins d’accès aux images dans une table Excel, ces chemins utilisent des barres obliques inverses. Si vous utilisez les chemins d’accès aux images d’une table Excel, remplacez les barres obliques inverses par des barres obliques dans ces chemins. Dans le cas contraire, les images ne s’affichent pas.
Téléchargez le fichier CreateFirstApp.zip et extrayez le dossier Assets dans votre compte de stockage cloud.
Remplacez le nom du dossier Assets par Assets_images.
Dans une feuille de calcul Excel, créez un tableau à une colonne et insérez les données suivantes dans ce dernier :
Donnez à la table le nom Jackets et au fichier Excel, le nom Assets.xlsx.
Dans votre application, ajoutez la table Jackets en tant que source de données.
Ajoutez un contrôle Image only (menu Insert (Insertion) > Gallery (Galerie)) et définissez sa propriété Items sur
Jackets:
La galerie est automatiquement mise à jour et affiche les images :
Lorsque vous définissez la propriété Items, la colonne PowerAppsId est automatiquement ajoutée à la table Excel.
Dans cette table, le chemin d’accès à l’image peut également correspondre à l’URL d’une image. Voici un exemple de fichier : Flooring Estimates. Vous pouvez le télécharger dans votre compte de stockage cloud, ajouter la table
FlooringEstimatesen tant que source de données dans votre application, puis définir le contrôle de galerie surFlooringEstimates. La galerie est automatiquement mise à jour et affiche les images.
Charger des dessins de stylet dans le cloud
Dans ce scénario, vous allez découvrir comment charger des dessins de stylet dans votre source de données, OneDrive Entreprise, et examiner le mode de stockage des dessins à cet emplacement.
Dans Excel, ajoutez Image [image] dans la cellule A1.
Créez une table en procédant comme suit :
a. Sélectionnez la cellule A1.
b. Dans le ruban Insert (Insertion), sélectionnez Table (Table).
c. Dans la boîte de dialogue, sélectionnez My table has headers (Ma table comporte des en-têtes), puis cliquez sur OK (OK).
Votre fichier Excel se présente désormais sous la forme d’une table. Consultez la page Mettre en forme un tableau Excel pour en savoir plus sur la mise en forme d’une table dans Excel.
d. Nommez la table Drawings :
Enregistrez le fichier Excel dans OneDrive Entreprise, sous le nom SavePen.xlsx.
Dans PowerApps, créez une application vide.
Dans votre application, ajoutez le compte OneDrive Entreprise en tant que source de données :
a. Appuyez ou cliquez sur l’onglet Contents (Contenu), puis appuyez ou cliquez sur Data sources (Sources de données).
b. Appuyez ou cliquez sur Add data source (Ajouter une source de données), puis appuyez ou cliquez sur OneDrive for Business (OneDrive Entreprise).
c. Cliquez ou appuyez sur SavePen.xlsx.
d. Sélectionnez la table Drawings (Dessins), puis appuyez ou cliquez sur Connect (Connexion).
À présent, la table Drawings est répertoriée en tant que source de données.
Sur l’onglet Insert (Insertion), sélectionnez Text (Texte), puis Pen Input (Saisie effectuée à l’aide du stylet).
Renommez le nouveau contrôle MyPen :
Sur l’onglet Insert (Insertion), ajoutez un contrôle Button et définissez sa propriété OnSelect sur la formule suivante :
Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})Ajoutez un contrôle Image gallery (onglet Insert (Insertion) > Gallery (Galerie)) et définissez sa propriété Items sur
Drawings. La propriété Image du contrôle de galerie est automatiquement définie surThisItem.Image.Organisez les contrôles afin que votre écran ressemble à ce qui suit :
Appuyez sur F5 ou sélectionnez l’option d’aperçu (
).Dessinez un élément dans MyPen, puis appuyez ou cliquez sur le bouton.
Dans le contrôle de galerie, la première image affiche ce que vous avez dessiné.
Ajoutez un autre élément à votre dessin, puis appuyez ou cliquez sur le bouton.
Dans le contrôle de galerie, la deuxième image affiche ce que vous avez dessiné.
Fermez la fenêtre d’aperçu en appuyant sur Échap.
Dans votre compte de stockage cloud, un dossier SavePen_images est automatiquement créé. Ce dossier contient vos images enregistrées, dont les noms de fichier correspondent à des ID. Pour afficher le dossier, vous devrez peut-être actualiser la fenêtre du navigateur en appuyant sur F5, par exemple.
Dans le fichier SavePen.xlsx, la colonne Image indique le chemin d’accès aux nouvelles images.
Pour en savoir plus
Veillez à tester votre application sur différentes plateformes, y compris dans une fenêtre de navigateur et sur un téléphone.
Pour des informations sur des scénarios plus complexes, qui impliquent le chargement de données multimédias directement vers une autre source de données, consultez cette page de conseils de professionnels sur la capture d’image et la page relative aux connecteurs personnalisés dédiés au chargement d’images.
Pour charger des fichiers dans une source de données, vous pouvez également utiliser la fonction Patch.