Поделиться через

Использование файлов мультимедиа в приложениях на основе холста

Вы можете добавлять изображения, аудио и видеофайлы в приложение холста. Добавьте видео из потоковых служб, таких как Microsoft Clipchamp, Azure Media Services или сторонние службы потоковой передачи, такие как YouTube. Или используйте элементы управления вводом, такие как Ввод с помощью пера, чтобы собирать подписи.

В этой статье рассказывается о работе со сценариями мультимедиа, потоковой передачи и управления вводом. Источник данных, используемый в этой статье, — это файл Excel в OneDrive for Business.

Необходимые компоненты

Зарегистрируйтесь для Power Apps, а затем войдите с помощью тех же учетных данных, которые вы использовали для регистрации.

Посмотрите это видео, чтобы узнать, как использовать мультимедийные файлы в приложениях на основе холста:

Добавление мультимедиа из файла или из облака

Выберите тип добавляемого файла мультимедиа (например, изображение, видео или звуковой файл). Изображения можно добавлять с помощью панели мультимедиа или с помощью элемента управления "Изображения".

Панель мультимедиа.

Заметка

При добавлении медиафайлов по URL-адресу

  • Используйте HTTPS для обеспечения совместимости с современными браузерами.
  • URL-адрес должен быть доступен анонимно без какой-либо аутентификации. Попробуйте ввести URL-адрес в режиме приватного просмотра, чтобы убедиться, что он доступен без входа в систему.

Добавление изображений, аудио или видео с помощью области мультимедиа

Чтобы добавить или удалить файлы мультимедиа в приложении с помощью области мультимедиа :

  1. Выберите Мультимедиа на левой панели.

    Мультимедиа.

  2. Выберите Отправить на панели мультимедиа.

    Отправить мультимедиа.

  3. Выберите файлы, которые нужно добавить, и нажмите кнопку "Открыть".

  4. Выберите файл на панели мультимедиа, чтобы вставить его на экран.

    Добавить мультимедиа.

  5. Сохраните и опубликуйте свое приложение.

  6. Поделиться приложением с другими пользователями.

Добавление изображений, аудио или видео с помощью элементов управления

Чтобы добавить изображения, аудио или видео с помощью элементов управления "Изображение", " Аудио" или "Видео ":

  1. В верхнем меню выберите пункт Вставить.

  2. ** Выберите выпадающее меню Медиа.

  3. Выберите элементу управления Изображение, Аудио или Видео.

Для элемента управления Image обновите свойство Image с именем файла изображения без расширения. Для элемента управления "Звук " или " Видео " обновите свойство Media с именем файла или URL-адресом, например URL-адрес видео YouTube в двойных кавычках.

Добавление медиа-контента из Azure Media Services

  1. Из учетной записи Azure Media Services загрузите и опубликуйте видеоматериал из AMS > Settings > Assets.

  2. После публикации скопируйте URL-адрес видео.

  3. В Power Apps добавьте элемент управления Video из Insert > Media.

  4. Задайте свойство Media для скопированного URL-адреса.

    Как показано на этом рисунке, можно выбрать любой URL-адрес потоковой передачи, который Azure Media Services поддерживает:

    Настройка свойства Media.

  5. Сохраните и опубликуйте свое приложение.

  6. Поделиться приложением с другими пользователями.

Добавить медиафайлы в Microsoft Clipchamp

О том, как добавить элемент управления "видео Microsoft Clipchamp", см. в примере элемента управления "видео Microsoft Clipchamp".

Добавление изображений из облака в приложение

В этом сценарии вы сохраняете образы в облачной учетной записи хранения OneDrive for Business. Затем вы сохраните путь к изображениям в таблице Excel и просмотрите эти изображения в элементе управления "Коллекция" в приложении. В этом сценарии используются собственные файлы изображений, хранящиеся в OneDrive for Business. Вы создаете таблицу Excel, содержащую пути к файлам этих изображений, а затем отображаете изображения в элементе управления галереей в приложении.

Заметка

Путь к этим изображениям, сохраненным в файле Excel, должен содержать прямые косые черты. Когда служба Power Apps сохраняет изображения в таблице Excel, путь к файлам содержит символы обратной косой черты. Если вы используете пути к изображениям из таблицы Excel, измените эти пути, заменив все символы обратной косой черты на обычную косую черту. В противном случае изображения не будут отображаться.

  1. В OneDrive for Business создайте папку с именем Assets_images и отправьте несколько .jpg или .png файлов в ту папку.

  2. (Необязательно) Если вы использовали другое имя папки, переименуйте папку в Assets_images.

  3. В электронной таблице Excel создайте таблицу с одним столбцом с именем Images, а затем добавьте одну строку на изображение. В каждой строке вставьте путь к файлу (прямую ссылку) на изображение в папке Assets_images.

    Таблица Jackets.

    Совет. Чтобы скопировать путь к файлу из OneDrive for Business, выберите файл изображения, а затем выберите Path (Copy direct link) в области сведений в правой части экрана.

  4. Присвойте этой таблице имя Jackets, а файлу Excel — Assets.xlsx.

  5. В приложении добавьте таблицу Jackets в качестве источника данных.

  6. При желании обновите ориентацию для вашего приложения на "Альбомная ориентация".

  7. Выберите Вставить>Коллекция, затем выберите Горизонтальный.

  8. При необходимости выделите текстовое поле, а затем поле заголовка под первым изображением и удалите их, чтобы сохранить только изображения на экране.

    Удаление полей.

    Если отображается ошибка формулы, нажмите клавиши CTRL+Z , чтобы отменить удаление. Затем удалите поле подзаголовок и поле "Заголовок ".

  9. Задайте для свойства Элементы коллекции значение Jackets.

    Свойство Items.

  10. Выберите первое изображение в коллекции и установите его свойство Изображение как ThisItem.Images:

    Изображения элементов.

    Коллекция автоматически заполнится изображениями.

    Изображения пиджаков.

    Когда вы присваиваете значение свойству Items, в таблицу Excel автоматически добавляется новый столбец PowerAppsId.

  11. Сохраните и опубликуйте свое приложение.

  12. Поделиться приложением с другими пользователями.

Отправка нарисованных с помощью пера рисунков в облако

В этом сценарии вы узнаете, как передать рисунки пера в источник данных, OneDrive for Business и проверить, как хранятся там рисунки.

  1. В Excel добавьте значение Image [изображение] в ячейку A1.

  2. Создайте таблицу, выполнив следующие действия:

    1. Выберите ячейку A1.

    2. На ленте Вставка выберите Таблица.

    3. В диалоговом окне выберите Таблица с заголовками и нажмите кнопку ОК.

      Создание таблицы.

      Теперь файл Excel имеет формат таблицы. Дополнительные сведения о формате таблицы в Excel см. в статье Форматирование таблицы Excel.

    4. Присвойте этой таблице имя Drawings:

      Изменение имени таблицы на Drawings.

  3. Сохраните файл Excel для OneDrive for Business как SavePen.xlsx.

  4. В Power Apps создайте пустое приложение с планшетным макетом.

  5. В приложении добавьте учетную запись OneDrive for Business в качестве источника data:

    1. Выберите меню Представление, затем выберите Источники данных.

      Выберите источник данных.

    2. Выберите Добавить источник данных, а затем выберите OneDrive for Business.

    3. Выберите SavePen.xlsx.

    4. Выберите таблицу Drawings и выберите Подключиться.

      Подключение.

      Теперь таблица Drawings отображается как источник данных.

  6. Выберите Вставить>Ввод, а затем выберите Ввод с помощью пера.

  7. Измените имя нового элемента управления на MyPen:

    Переименование.

  8. На вкладке Вставка добавьте элемент управления Кнопка и в качестве значения свойства OnSelect задайте следующую формулу:

    Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})

    Кнопка OnSelect.

  9. Добавьте элемент управления коллекцией Горизонтальный (вкладка Вставить>Коллекция).

  10. При необходимости выделите текстовое поле, а затем поле заголовка под первым изображением и удалите их, чтобы сохранить только изображения на экране.

    Удаление полей.

    Если отображается ошибка формулы, нажмите клавиши CTRL+Z , чтобы отменить удаление. Затем удалите поле подзаголовок и поле "Заголовок ".

  11. Задайте для свойства коллекции Items значение Drawings. Свойство Image для элемента управления "Коллекция" автоматически получает значение ThisItem.Image.

    Упорядочение элементов управления таким образом, чтобы экран выглядел следующим образом:

    Пример экрана.

  12. Нажмите F5 или выберите «Просмотр» ( Кнопка «Просмотр». ).

  13. Нарисуйте что-нибудь в элементе управления MyPen, а затем щелкните элемент управления "Кнопка".

    Теперь первое изображение в элементе управления "Коллекция" демонстрирует ваш новый рисунок.

  14. Дорисуйте еще что-нибудь и снова нажмите кнопку.

    Теперь второе изображение в элементе управления "Коллекция" демонстрирует ваш новый рисунок.

  15. Закройте окно предварительного просмотра, нажав клавишу ESC.

    В облачной учетной записи хранения автоматически создается папка SavePen_images . Эта папка содержит сохраненные изображения с идентификаторами в качестве имен файлов. Чтобы отобразить папку, может потребоваться обновить окно браузера, например, нажав клавишу F5.

    Заметка

    Имя папки может отличаться, если имя файла Excel отличается. Например, если имя вашего файла — Pen.xlsx, тогда имя папки — Pen_images.

    В файле SavePen.xlsx в столбце Изображение указаны пути к новым изображениям.

  16. Сохраните и опубликуйте свое приложение.

  17. Поделиться приложением с другими пользователями.

Удалить неиспользуемые мультимедиа

Чтобы очистить приложение или уменьшить его размер, удалите все неиспользуемые файлы мультимедиа, нажав кнопку"Удалить неиспользуемый носитель>".

Удалите неиспользуемые мультимедиа из приложения

Известные ограничения

  • Чтобы повысить производительность при загрузке приложения, применяются следующие ограничения размера:
    • Общий размер всех мультимедийных файлов, загружаемых в приложение, не может превышать 200 МБ.
    • Максимальный размер отдельного файла мультимедиа в приложении не может превышать 64 МБ.
  • Поддерживаемые типы файлов мультимедиа: .jpg, .jpeg, .gif, .png, .bmp, .tif, .tiff, .svg, .wav, .mp3, .mp4.
  • При подключении приложения к облачному хранилищу применяются известные ограничения облачного хранилища .

См. также

  • Last updated on