Published: 07 Jan 2023 › Updated: 07 Jan 2023
the-hive-mobile.app - Development Updates - Day 7
Hello Hive Community Members,
With this post, let me give you updates on the app development.
YouTube Player Integration.
- Many of hive members, while adding post, they tend to leave a youtube link within the post.
- As a developer, we must detect such youtube links & it should load YouTube Player
- I have taken care of it.
How did I do that?
- Step 1. Using RegExp, replace youtube link with a custom youtube tag.
- Step 2. Detect custom-youtube-tag & render a custom widget.
- Step 3. In widget, show youtube player.
Which Library did I use?
- I used
youtube_player_iframelibrary - It works for iOS, Android & web.
how does it look? Screenshot please
- here is the screenshot when a youtube video is detected.
- here is the screenshot when video is playing
Can I try now?
- Yes you can.
- I have tested it on following test post
- open https://the-hive-mobile.app
- and navigate to /#/@vachemorte/original-funkjazzelectro-condensity
What else?
- I am also experimenting on Dark & Light mode.
- As soon as it is ready, I'll publish the chanes & push it on the web-app.
What's next?
- Further experiments on markdown
- Show more details on post page apart from post-body
Where do I try out above UI?
- Just open this url - https://the-hive-mobile.app/
- Try it on mobile brower
Explore code
- Review Recent changes - https://gitlab.com/sag333ar/the-hive-mobile.app/-/commit/c4cf198fdb38ed0d9bade090ced9263cbef5e30d
- Explore Repo - https://gitlab.com/sag333ar/the-hive-mobile.app
Want to know more?
- Read my announcement
- @sagarkothari88/year-2023-starting-dev-of
Previous Updates
Lots of ❤️ Love for Hive
- This is open source contribution
- It's all contribution for the hive Community
- Wish me luck
Who am I?
- I am
@sagarkothari88.
- I am currently working on a mobile application for 3Speak community members
Support Me Back 🙏
- Vote me as your hive witness - https://hivesigner.com/sign/account-witness-vote?witness=sagarkothari88&approve=1
- Vote me as Hive Witness
- Upvote my content
- Follow my channel
Support 3Speak
- Download Android App
- Join 3Speak Discord
- Download iOS App
- Setup Encoder Node
- Vote for 3Speak Proposal
Privex Reference
Cheers
Have a good one
Posted from 3Speak iOS App for 3Speak
Developed and maintained by @sagarkothari88
Leave the-hive-mobile.app - Development Updates - Day 7 to:
Read more #hive-139531 posts
Best Posts From Sagar Kothari
We have not curated any of sagarkothari88's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.
More Posts From Sagar Kothari
- HiveSuite Dev Update: Shareable Profile Tabs & Redesigned Profile Drawer Experience
- HiveSuite Dev Update: Smart Mentions, Internal Navigation & Seamless Inline Media Experience.
- HiveReactKit Dev Update: Inline Media Playback, Enhanced Embeds & Cleaner Post Experience.
- HiveReactKit Dev Update: Smart @Mentions, Composer Intelligence & Improved In-App Navigation
- HiveSuite Dev Update: Bookmarks, Backend Improvements & Development Workflow Enhancement
- HiveSuite Dev Update: Advanced Bookmark System & Video Progress Experience.
- HiveSuite Dev Update: Reward Popup Accuracy, Translation Fixes & Video Progress Improvements
- HiveReactKit Dev Update: Universal Bookmarking & Improved Draft Management
- HiveReactKit Dev Update: Translation Controls, Mobile Safe Areas & IPFS Media Rendering
- HiveSuite Dev Update: Push Notifications, Scheduling Improvements & Draft Reliability