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).

  1. Sur l’onglet Contents (Contenu), sélectionnez Media (Média).

  2. Sous Media (Média), sélectionnez Images (Images), Videos (Vidéos) ou Audio (Audio), puis sélectionnez Browse (Parcourir) :

  3. 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.

  4. Une fois les fichiers ajoutés, appuyez sur Échap pour revenir à l’espace de travail par défaut.

  5. Sur l’onglet Insert (Insertion), sélectionnez Media (Média), puis Image (Image), Video (Vidéo) ou Audio (Audio) :

  6. Si vous avez ajouté un contrôle d’image, définissez la propriété Image correspondante sur le fichier que vous avez ajouté :

    Définition de la propriété Image

    Remarque : spécifiez uniquement le nom du fichier, sans indiquer l’extension et en l’insérant entre des guillemets simples.

  7. 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é :

    Définition de la propriété Media

    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

  1. À 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.

  2. Une fois que la vidéo est publiée, copiez son URL.

  3. À partir de PowerApps, ajoutez le contrôle Vidéo à partir du menu Insérer > Média.

  4. 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 :

Définition de la propriété Media

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.

  1. Téléchargez le fichier CreateFirstApp.zip et extrayez le dossier Assets dans votre compte de stockage cloud.

  2. Remplacez le nom du dossier Assets par Assets_images.

  3. Dans une feuille de calcul Excel, créez un tableau à une colonne et insérez les données suivantes dans ce dernier :

    Table Jackets

  4. Donnez à la table le nom Jackets et au fichier Excel, le nom Assets.xlsx.

  5. Dans votre application, ajoutez la table Jackets en tant que source de données.

  6. Ajoutez un contrôle Image only (menu Insert (Insertion) > Gallery (Galerie)) et définissez sa propriété Items sur Jackets :

    Propriété Items

    La galerie est automatiquement mise à jour et affiche les images :

    Images Jackets

    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 FlooringEstimates en tant que source de données dans votre application, puis définir le contrôle de galerie sur FlooringEstimates. 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.

  1. Dans Excel, ajoutez Image [image] dans la cellule A1.

  2. 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).

    Création d’une table

    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 :

    Remplacement du nom de la table par Drawings

  3. Enregistrez le fichier Excel dans OneDrive Entreprise, sous le nom SavePen.xlsx.

  4. Dans PowerApps, créez une application vide.

  5. Dans votre application, ajoutez le compte OneDrive Entreprise en tant que source de données :

    a. Cliquez ou appuyez sur l’onglet View (Affichage), puis sur 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).

    Se connecter

    À présent, la table Drawings est répertoriée en tant que source de données.

  6. Sur l’onglet Insert (Insertion), sélectionnez Text (Texte), puis Pen Input (Saisie effectuée à l’aide du stylet).

  7. Renommez le nouveau contrôle MyPen :

    Renommer

  8. 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})
    
  9. 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 sur ThisItem.Image.

    Organisez les contrôles afin que votre écran ressemble à ce qui suit :

    Exemple d’écran

  10. Appuyez sur F5 ou sélectionnez l’option d’aperçu ( ).

  11. 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é.

  12. 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é.

  13. 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.

Limitations connues

Pour plus d’informations sur la façon de partager des données Excel au sein de votre organisation, passez en revue ces limitations.

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.