Кросплатформний медіаплеєр з віддаленим керуванням "Multi Wall Player"

11.05.2020

Кросплатформний медіаплеєр з віддаленим керуванням "Multi Wall Player"

          Ми живемо в еру інформаційних технологій, які стали невід’ємною частиною різноманітних сфер суспільного життя. Забезпечення безпеки, реклама, сфера розваг, інформування населення – у кожній з цих сфер впроваджуються IT-технології, що роблять їх більш корисними, доступними та зручними для кожної людини. Сьогодні весь світ перебуває у стані пандемії, тому дуже важливо своєчасно інформувати населення у лікарнях, магазинах, суспільному транспорті, на вулицях про найбільш актуальну інформацію, яка допоможе зберегти життя та здоров’я. Цю задачу можна успішно вирішити за допомогою IT, завдяки чому ми матимемо можливість віддалено керувати пристроями відображення інформації для її актуалізації та редагування у реальному часі.

          В мене з’явилася ідея створити кросплатформний медіа-плеєр з віддаленим керуванням – “Multi Wall Player”. Він дозволяє відображати зображення, відео, потокові відео на комп’ютерах та мобільних пристроях. Ключовою особливістю моєї системи є те, що адміністратор може повністю керувати процесом відтворення контенту на кожному з під’єднаних пристроїв.

          Система складається з двох частин: серверу та клієнтського застосунку. Серверний застосунок включає у себе панель адміністратора, яка дозволяє налаштовувати програвання контенту на пристроях та посилати їм команди. У свою чергу клієнтський застосунок отримує команди від сервера та відтворює відповідні матеріали.

          Робота з системою починається з реєстрації або логіну. Після успішного входу адміністратору доступні чотири сторінки, з яких і виконується керування плеєром.

          Перша з них – це сторінка “Media files”. На ній адміністратор може додавати, редагувати та видаляти файли. Додані файли можуть програватися на пристроях. Також в окремій таблиці відображена наступна інформація: назва, тип, довжина, розмір файлу тощо.

          Наступна сторінка – це сторінка “Playlists”. Адміністратор може створювати, редагувати та видаляти плейлисти. Кожен плейлист включає у себе один чи декілька доданих адміністратором файлів на попередній сторінці. Адміністратор може керувати плейлистом: почати, призупинити чи зупинити програвання. Після вибору однієї з цих функцій на всіх дисплеях, яким назначений цей плейлист, буде виконана відповідна дія. В окремій таблиці відображена детальна інформація про кожен плейлист.

          Адміністратор може об’єднувати плейлисти у групи та керувати ними вже як групою на сторінці “Playlist groups”. Усі дії, пов’язані з програванням у групі, будуть застосовані до всіх плейлистів, що в ній знаходяться.

          На сторінці “Computers” відображений список під’єднаних до системи пристроїв з відповідною інформацією про них: IP-адреса, ім’я, статус та дата підключення. Адміністратор може редагувати ім’я пристрою чи видаляти його зі списку. На дисплей кожного пристрою можна назначити окремий плейлист, а після – керувати процесом програвання.

          Для мене було важливо розробити адаптивну до змін у мережі систему. Я придумав наступне рішення: сервер сповіщає про себе через протокол UDP, клієнти знаходять його та підключаються. На початковому етапі розробки я зрозумів, що моя задача ускладнюється тим, що пристрої можуть мати по декілька дисплеїв, і може виникати необхідність управляти різними дисплеями одного пристрою. Для цього сценарію я придумав наступне рішення: клієнтський застосунок створює для кожного дисплею одного пристрою незалежне вікно програми, а з адміністративної панелі на кожен дисплей можна назначити плейлист і віддалено керувати ним.

          Для розробки серверної частини та панелі адміністратора були використані наступні технології: платформа ASP.NET, Bootstrap та JQuery. Настільний клієнтський застосунок розроблений з використанням технології WPF, а мобільна версія розроблена на Xamarin.Forms. Для взаємодії сервера та клієнта у реальному часі були використані технології WCF (для настільного застосунку) та SignalR (для мобільного застосунку). Для програвання різних типів медіа файлів була використана бібліотека LibVLCSharp.

          Даний проект є інноваційним, адже може допомогти замінити багато “ручної” роботи в сферах, які були описані на початку статті, на декілька простих команд з комп’ютера.

          Система є практичною і простою у використанні. Наприклад, її можна розмістити у торгівельному центрі та керувати контентом, який відображається з проекторів чи телевізорів. Ви можете показувати розважальні відео для дітей чи інформувати відвідувачів про знижки, події тощо. Дану систему можна встановити у громадському транспорті та відображати контент про історичні місця, зупинки тощо. Замість того, щоб кожного разу роздруковувати бюлетені для лікарень, ви можете встановити дисплей та змінювати інформацію на нову за лічені секунди. Якщо необхідно розмістити рекламу прямо на вулиці, вам більше не потрібно друкувати та розміщувати паперові постери та білборди.

          Результатом мого проекту є готова цілісна система, що дозволяє віддалено керувати програванням різних типів медіафайлів на пристроях в мережі.

Назва конкурсу:  Конкурс «Кращий інноваційний диплом (проект)»
ПІБ конкурсанта:  Антошин Кирило Сергійович
Країна:  Україна
Область:  Запоріжська область
Назва НЗ:  Запорізький національний університет
Учасник фіналу:  Так
Місце Фінал:  1
Файл статті (pdf):  Завантажити