scrobble.life
HiveDevs

HiveReactKit & HiveSuite Dev Update: Media Rendering & Speech Reader Enhancements.

▶️ Watch on 3Speak


Improved media embeds, inline speech highlighting, auto-scroll reading & cleaner post detail rendering across Hive app.

Image

HiveReactKit & HiveSuite

Cleaner Post Detail Experience

Simplified Image Presentation

  • Removed image captions from Post Detail pages.

  • Preserved the existing image alignment, spacing, and responsive layout.

  • Creates a cleaner reading experience by placing greater focus on the media itself.

Shared Integration

  • Linked HiveSuite to the latest local HiveReactKit package.

  • Successfully rebuilt and verified both HiveReactKit and HiveSuite after the update.

Post Detail Improvements

Post Detail Improvements


Media Embed Rendering Fixes

Restored Embedded Media Support

  • Fixed an issue where YouTube previews and other embedded media were not rendering correctly.

  • Media links are now preserved during URL processing, preventing embeds from breaking.

  • Restored reliable support for:

    • YouTube
    • 3Speak
    • Odysee
    • Spotify
    • Vimeo
    • Twitch
    • SoundCloud
    • Twitter/X
    • IPFS media

Embedded Media Support

Embedded Media Support


Better Media Preview Reliability

Improved URL Handling

  • Fixed incorrect URL formatting that could prevent embedded content from loading.

  • Restored broken thumbnails and video previews across supported media providers.

  • Embedded content now displays consistently throughout HiveReactKit-powered applications.

Verified Integration

  • Successfully rebuilt HiveReactKit.

  • Verified successful HiveSuite compilation using the updated shared component library.

Media Preview Improvements

Media Preview Improvements


Speech Reader Enhancements

Inline Word Highlighting

  • Added word-by-word highlighting directly inside post content while speech playback is active.

  • Reading now feels more natural by highlighting words within the body instead of using a separate reading bar.

  • Users can follow spoken content directly in the article.

Speech Reader Highlighting Speech Reader Highlighting


Interactive Reading Experience

Automatic Scrolling

  • Added automatic scrolling to keep the currently spoken word visible during playback.

  • Long articles remain easy to follow without manual scrolling.

Tap-to-Read Navigation

  • Users can now tap any word inside the post body to jump directly to that reading position.

  • Makes speech playback significantly more interactive and easier to control.

Improved Stability

  • Fixed an issue where highlighting previously worked only on post titles.

  • Speech highlighting now remains active throughout the full body content.

  • Prevented highlighting from being lost during page updates.

  • Fixed a React Hook ordering error introduced by the speech reader implementation.

Interactive Speech Reader

Interactive Speech Reader


Internal Improvements

Rendering & Accessibility Enhancements

  • Removed unnecessary image captions while preserving layout consistency.

  • Restored reliable embedded media rendering across multiple providers.

  • Improved URL processing for media-rich posts.

  • Enhanced speech reader stability, interaction, and accessibility.

  • Successfully rebuilt and verified both HiveReactKit and HiveSuite.

User Experience Enhancements

  • Cleaner post layouts.
  • Reliable media embeds.
  • Restored thumbnails and video previews.
  • Inline speech highlighting.
  • Automatic reading scroll.
  • Tap-to-jump speech navigation.
  • Improved rendering stability.

Powering the Hive Ecosystem

  • Continuously improving HiveReactKit with richer media rendering and accessibility features that enhance content consumption across Hive applications.
  • Strengthening the integration between HiveReactKit and HiveSuite to deliver new capabilities with minimal application-level changes.
  • Contributing open-source improvements that improve usability, consistency, and accessibility throughout the Hive ecosystem.

Final Note

  • This post has been refined with the help of AI to improve readability and structure.
  • The original development updates and optimized version are both available for reference.

More Links
HiveSuite App Vote as Witness Support via Discord


▶️ 3Speak


via Apps from

Comments · 2

  • @indiaunited(71)· 2d

    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.

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

    image.png

    100% of the rewards from this comment goes to the curator for their manual curation efforts. Please encourage the curator @bhattg by upvoting this comment and support the community by voting the posts made by @indiaunited.

  • @worldmappin(81)· 2d
    Congratulations, your post has been added to The WorldMapPin Map! 🎉



    You can check out this post and your own profile on the map. Be part of the Worldmappin Community and join our Discord Channel to get in touch with other travelers, ask questions or just be updated on our latest features.