Одной из базовых функций дисплея является воспроизведение видеороликов и видеофрагментов. До недавнего времени компания DWIN выпускала отдельные линейки дисплеев предназначенные для этих функций, но последнее обновление ядра "T5L_UI_DGUS2_V50" добавило эту функцию на COB панели, панели серии COF на данный момент эту функцию не поддерживают.
Прошлые статьи:
DWIN. Подготовка дисплея к работе и загрузка демо-проекта
DWIN. Знакомство с программным обеспечением DWIN Graphic Utilized Software. Hello World
DWIN. Связываем STM32 Nucleo и дисплей.
DWIN. Элемент Real-Time Curves, чертим графики.
DWIN DGUS. Элемент Artistic Variables. Отображаем цифры иконками.
DWIN DGUS. Страница защищённая паролем. Пакетное считывание и запись. Интерфейс RS485
Дисплей
Для реализации проекта будет использован промышленный дисплей DMG80480T050_A5WTC. Рассмотрим характеристики дисплея:
Диапазон рабочих напряжений: 6В - 36В.
Потребляемый ток: 60-130мА.
Разрешение: 800х480.
Тип матрицы: IPS 16.7M цветов.
Тип сенсорной панели: Емкостная.
Яркость подсветки: 250нит.
Flash память: 16 Мб.
Встроенный RTC.
Ресурс подсветки - 30000 часов.
Стандарт защиты от воздействия окружающей среды: IP65 на лицевой панели.
Интерфейсы: UART2 (RS232),UART4 (RS232), UART5(RS485)
Для размещения видео в памяти дисплея необходимо выделение большого объема памяти, стандартной памяти хватает для воспроизведения нескольких секунд видео, однако при запросе на производстве можно запросить размещение на печатной плате дополнительных микросхем памяти, что позволит воспроизводить более длительные видео.
Подготовка фоновых изображений
Проект начинается с формирования фонового изображения. Используя программу DRAW.IO, сделаем фоновое изображение с иконками STOP, PLAY, PAUSE. И слайдером громкости. Также необходимо создать вторую страницу для отображения эффекта нажатия на иконки.
Воспользуемся руководством по разработке. В руководстве имеется пошаговая инструкция реализации демо(руководство будет размещено в папке проекта GitHub):
Ссылка на форум с изображения выше.
Добавляем в файл 29.ICL иконку для слайдера звука.
Подготовка видеофайлов и аудиофайлов
Формируем видеофайл и аудиофайл, так как будет использоваться всего два фоновых изображения, то разместим видео в памяти в ячейке 33, следующей за 32 в которой размещены фоновые изображения. Размещение в ячейке 33 позволит занять максимально возможное свободное место и значит воспроизвести максимально длинное видео. Также необходимо будет разместить файл звука для видео, разместим его в памяти в незанятой ячейки № 16.
Обратимся к документации:
Открываем Movie Tool, в него можно перейти нажав на WAE Generator и перейти на соответствующую вкладку.
Открываем видео, в окне появится информация о видео. Выбираем метод компрессии и создаём файл 33.ICL.
После формирования видеофайла формируем аудиофайл формата WAV. Файл обязательно должен называться 0.wav, иначе дальнейшее формирование файла будет с ошибкой.
После переходим в вкладку WAE Tool и формируем WAE аудиофайл 16.wae.
Формирование аудио и видео файлов окончено.
Работа над проектом
Размещаем на фоновом изображении необходимые элементы управления.
Добавляем область отображения видео в свободном поле адресов VP = 2000. ICL Id Video ранее мы создали при генерации видео и файл помещен в память в ячейку 33, аудиофайл же разместили в ячейку 16. Количество кадров выбираем 24.
Добавляем элементы управления, stop, play, pause и слайде громкости.
Для кнопок используем элемент "Return Key code" для слайдера "Slider Display" и "Drag Adjustment".
Значения для работы элементов:
Stop - key value 0x5A01 VP 0x2000
Pause - key value 0x5A02 VP 0x2000
Play - key value 0x5A03 VP 0x2000
Громкость VP 0x00A1 значение от 0 до 63 (исходя из прошлой статьи для встроенного динамика верхний предел стоит уменьшить).
Генерируем файлы и смотрим на результат.
Видео работы:
Заключение
В данной статье был создан демо-проект с возможностью проигрывания видеофайлов.
Ссылка на GitHub: https://github.com/VB-Radchenko/Lesson_10_Video_file
Компания DWIN предоставляет бесплатные образцы для юридических лиц. Для получения образцов, оптовых закупок, персональных скидок, технической поддержки и общим вопросам обращайтесь:
Email: Info_dwin@mail.ru
VK: https://vk.com/radchenko_vb
Telegram: https://t.me/Radchenko_VB
Сообщество VK https://vk.com/public208909284
Скидочный купон на 5$ для официального магазина AliExpress - DWIINVL