-
Notifications
You must be signed in to change notification settings - Fork 1k
Mobile App (Deprecated – Ionic Angular)
⚠️ 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)
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
| 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 |
- 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)
- 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
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)
- 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
selectedThemeobservable - Live streaming and video playback through iframe embedding
-
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
- 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
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.