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

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

H2
H3
H4
3 columns
2 columns
1 column
1 Comment
Ecency