Sagar Kothari avatar

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

sagarkothari88

Published: 07 Jan 2023 › Updated: 07 Jan 2023the-hive-mobile.app - Development Updates - Day 7

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@sagarkothari88

Leave the-hive-mobile.app - Development Updates - Day 7 to:

Written by

App Developer on Hive - Distriator, Check in With XYZ, 3Speak, HiveSuite.app.

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