[IMAGE: https://ipfs-3speak.b-cdn.net/ipfs/bafkreia3szgcap42u5o5xv5gae4ih7wainwnfex2us2ofrow76qpcubtqu/]

▶️ Watch on 3Speak

[IMAGE: https://files.peakd.com/file/peakd-hive/eddiespino/23tRzWQBZzfy2Rxy9xKimQM5sKKyXC2crmGzUTqaJoTmb97ErpP7p21C3FZHAbjpvojkk.png]

Hello Hive & 3Speak Community Members,

Here's @sagarkothari88. With this video, I'll give you an update on 3Speak mobile app development, which I am doing.

Integrating GraphQL queries of Union Indexer

• All feeds using GraphQL
  • Trending feed ✅
  • New Feed ✅
  • First Uploads ✅
  • User Channel Feed ✅
  • Community Feed ⏳
• All of these feeds are now displayed using the new Union Indexer

Scroll Scroll Scroll

• All of these feeds support pagination.
• It means that if you scroll to the end of the list, the app will fetch more content for you.
• You Scroll Scroll Scroll.
• App loads more for you.

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23xAM9dzct6397za4DcBU9sb7HZTX6Wxe4pMKrUoaNRKWjNJd6CQLHz14J8uErwZcqxyU.png]

Improvement in User Channel Page ⏳

• On the user channel page, you could only see videos posted by the Author.
• I have added one more tab - 3Shorts within User Channel
• This tab - I am yet to work on this.
• It will show all the shorts uploaded by the Author.

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tGbvPnnP1HgK93xLbWjqkuBNsfZY5fUqWN4n34buP8aNj6CxDr9ukcxUkL9Eo62RG1d.png]

Changes on Union Indexer for 3Shorts

• 3Shorts on the union indexer needed some logic improvement
• Videos having a length less than or equal to 90 seconds - should be considered 3Shorts
• But the video has to be portrait.
• If the video is not a portrait, it won't be considered 3Shorts.
• I added a background script to find the size of the video and update it on the union-indexer.
• Once we have the video size info available on video, we can supply 3Shorts on a specific feed.
• Do you want to see the changes I made?
• Use this link to view all the changes
• https://github.com/spknetwork/union-indexer-node/pull/1/files

New Video Details Page with Action bar

• I am re-writing Video Details Page.
• As highlighted in the screenshot below, you'll have an action bar for different actions when playing the video.
• Here are the buttons on the Action bar
  • Post content (info button)
  • Comments on Post
  • Add a comment
  • Upvote
  • Share

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23t78yJXmeoNt47QnWBYN9fur4SjQHYoCsQ8M9wnXwin3JYnKCoB65BTpsdqp9y9FAw2S.png]

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23zSDUt7hnnEvp46wRNtJAzRcSqzDna7HhnCFtSwueTW4LYuQZE21kwutQAfBYkFpQWaU.png]

Recommended videos when playing a video

• I am yet to integrate recommended feed on the video-details screen
• @vaultec just fixed it on union-indexer
• I'll work on it this week.

Addressed Feedback Items

Remove Empty User Feed

• The app shows an Empty tab with a login button if the user is not logged in.
• @starkerz suggested not keeping Empty Tab with just a login button.
• Instead, add a login button somewhere else
• This feedback has been addressed.

Ask to log in on Upvote / Comment

• If the user is not logged in, ask the user to log in upon tapping upvote or comment.
• @starkerz suggested NOT to hide vote & comment buttons.
• Instead of hiding, keep those buttons visible, but ask the user to log in upon interaction.

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tbJxQGWVWK9LMF91rMgNWCShXHLCybpj8oePDDCm1vaMLyjYxML1tRdBvoWHEWiLbM2.png]

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tRv7KX8yH21vpTYJ7UnXL9E2R3CCMtdirbd2XJUD3zsVyY1aARNftRoZE1xLFBDmF2c.png]

How to Download the Current Version of Mobile App?

• Download iOS App
• Download Android App from Google Play Store
• Download Android App using Firebase
• Download Android App from DropBox

What's next?

Next Immediate action Items

• GraphQL for recommendation feeds based on GraphQL.
• GraphQL for Community videos.
• My Video Feed / My Subscribed Feed ✅.
• All 3Shorts feeds with GraphQL.
• Allow users to upvote the 3Shorts.
• Implement language-based filter for all GraphQL feeds.

Priority items after the above items

• Show the Encoding % of the encoding done in my account.
• Allow users to set beneficiaries from the app.
• Allow users to decline rewards for videos from the app.
• Allow users to 100% power-up for the video post.
• Allow the user to provide posting authority to @threespeak using a key-chain session.
• There is a bug - 3Shorts - info button leads to a blank screen.
• iPad / Tablet Support - research work.
• Play ONLY audio of the video in the background.
• and many more action items & feedback items.

Feedback / Info

• Do you want more Info? Please let me know via the comment section.
• Do you have feedback to share? Please use the comment section.
• Please check the above video & share feedback.

[IMAGE: https://files.peakd.com/file/peakd-hive/threespeak/23tRvWvmwuE7SGkXfPhHY8GPxiwaVKnVtzAFwDjuXFM3gWtRS6dr2F4yK4vexmaUHERuK.png]

Important Links:

Vote for 3Speak as Witness - [IMAGE: https://i.imgur.com/2cEH8bp.png]

Vote for Sagarkothari88 as Witness - [IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/AK2DfCdwDUL44FqBS9mcWis9EyFWMddjbpxBXr1arEa9XZkEt3n7T99gMWwVrz8.png]

▶️ 3Speak