the-hive-mobile.app - Development Updates - Day 7

in HiveDevslast year

thumb

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.

rexExp

  • Step 2. Detect custom-youtube-tag & render a custom widget.
  • Step 3. In widget, show youtube player.

thumb

Which Library did I use?

  • I used youtube_player_iframe library
  • It works for iOS, Android & web.

library

how does it look? Screenshot please

  • here is the screenshot when a youtube video is detected.

video

  • here is the screenshot when video is playing

video-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?

Explore code

Want to know more?

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?


Support Me Back 🙏

Support 3Speak

Privex Reference


Cheers
Have a good one


Posted from 3Speak iOS App for 3Speak
Developed and maintained by @sagarkothari88

Sort:  

This post has been manually curated by @bhattg from Indiaunited community. Join us on our Discord Server.

Do you know that you can earn a passive income by delegating to @indiaunited. We share more than 100 % of the curation rewards with the delegators in the form of IUC tokens. HP delegators and IUC token holders also get upto 20% additional vote weight.

Here are some handy links for delegations: 100HP, 250HP, 500HP, 1000HP.

image.png

Please contribute to the community by upvoting this comment and posts made by @indiaunited..

This post received an extra 5.06% vote for delegating HP / holding IUC tokens.