Skip to content

Mobile App (Deprecated – Ionic Angular)

Daniel Neto edited this page Apr 3, 2025 · 1 revision

⚠️ Status: This mobile app has been discontinued and replaced by a Flutter-based version.
However, it remains a strong showcase of my experience with Angular, Ionic Framework, and the mobile development stack used to integrate with the AVideo platform.
👉 The current Flutter version is documented here: YPT Media Mobile App (Flutter)


🧑‍💻 What I Built

I designed and developed this hybrid mobile application using Ionic + Angular, fully integrated with the AVideo video platform.
This app connected users with live and on-demand video content, supporting features like:

  • Video and live stream playback via iframe
  • User login, registration, and account management
  • Video uploading and encoding
  • Dynamic left menu and category navigation
  • Embedded real-time pages (Meet, Chat, etc.)
  • Deeplink routing, InAppBrowser navigation
  • Custom theming and white-label behavior

🧰 Technologies and Tools Used

Area Tools / Libraries
Framework Ionic Framework (v3), Angular
Languages TypeScript, HTML, SCSS
Mobile Plugins Cordova, Ionic Native (StatusBar, SplashScreen, InAppBrowser, AppVersion, Insomnia)
Backend Integration REST API (AVideo platform), RxJS, HTTPClient
UX / UI Ionic Components, dynamic menus, theme support
State & Navigation Angular Router, Ionic NavController, ViewChild, event listeners
Security & Session LoginProvider, token-based auth, logout session management
Others Deep linking, iframe embedding, responsive layout, user roles and permissions, modular component design

🧠 Key Experience Gained

  • Building hybrid mobile apps with Angular and Ionic
  • Working with Cordova plugins for native features like camera, orientation, deep linking, and background execution control
  • Implementing multi-page architecture with navigation guards, user states, and content embedding
  • Developing apps that communicate with REST APIs and handle real-time user data
  • Debugging and maintaining mobile video streaming workflows
  • Preparing an app for white-label deployment (custom branding, URL-based config, dynamic menus)

🛑 Why It Was Deprecated

  • Live streaming via iframe on hybrid apps had performance limitations
  • Flutter offered better performance and modern UI/UX capabilities
  • Codebase modernization was necessary for long-term scalability

✅ What I Did Next

I fully rebuilt the app in Flutter, using Dart and native controls to support:

  • Smooth live streaming
  • Better user experience
  • Easier cross-platform maintenance

👉 See the new app here: YPT Media Mobile App (Flutter)

⚠️ Important: This app has been discontinued and replaced with a new Flutter-based app.
The Flutter version offers significantly better support for live streaming and ongoing maintenance.
👉 Check out the new version here: [YPT Media Mobile App (Flutter)](https://github.com/WWBN/AVideo/wiki/YPT-Media-Mobile-app)


🔧 Technologies Used

  • Ionic Framework with Angular
  • Cordova plugins (e.g., InAppBrowser, AppVersion, Insomnia, StatusBar, SplashScreen)
  • Native features integration via Ionic Native
  • REST API integration with AVideo backend
  • Theming via selectedTheme observable
  • Live streaming and video playback through iframe embedding

📂 App Structure (Main Pages & Features)

  • LoginPage, SignupPage — Authentication system
  • UploadPage, EncoderPage — Video upload and encoder integration
  • IframePage, IframeURLPage, LiveIframePage — Embed videos/lives using iframes
  • CategoryPage, TabsPage, HomePage — Browse content by tabs and categories
  • MeetPage, ChatOverlayPage — Real-time communication features
  • SettingsProvider, UserProvider, LoginProvider, VideosProvider — Backend API abstraction
  • Menu structure adapts dynamically based on login status and server settings

🚫 Why It Was Discontinued

  • Performance issues with live streaming on older devices and browsers
  • Fragmentation due to hybrid approach (Cordova/Ionic)
  • Better alternatives available with modern cross-platform frameworks like Flutter
  • Maintaining compatibility across devices became complex

✅ What Replaced It?

The app was fully rewritten using Flutter, offering:

  • Native performance and smoother UI
  • Improved handling of live streams
  • Easier maintenance and cross-platform consistency

Refer to the new app documentation:
📘 [YPT Media Mobile App (Flutter)](https://github.com/WWBN/AVideo/wiki/YPT-Media-Mobile-app)


Let me know if you'd like this version directly added to your Wiki repository or if you need a version in Markdown .md format.

Clone this wiki locally