Logo

dev-resources.site

for different kinds of informations.

Live_iy (Bring your static portraits to life)

Published at
10/14/2024
Categories
devchallenge
pinatachallenge
webdev
api
Author
sarahokolo
Author
10 person written this
sarahokolo
open
Live_iy (Bring your static portraits to life)

This is a submission for the The Pinata Challenge

What I Built

Live_iy is an application designed to animate static portraits by adding movement and emotion to the image through a reference video, transforming them into live portraits.

How it works

  • Upload: The user uploads a static portrait and a reference video to the Pinata's files API, (important for generating a live URL for web access to the files).

  • Processing: Once uploaded, the user can then click the Transform button on the page. this retrieves the uploaded files and processes them using the Segmind live-portrait API which then transforms the static image into a live video.

  • Animation: Once the processing is done, the live portrait is returned to the application which is then displayed to the user and can be downloaded.

Demo

Home page

Live_iy home page

Upload page

Live-iy upload page

Transform page

Live_iy transform page

Live Portrait download page

site live portrait view

My Code

Live_iy

This is a submittion for the DEV Pinata challenge.

Live_iy is an application designed to bring photos to life. It leverages Pinata for image file uploads and live-portrait api to transform images to live videos.

Demo

Site home page; Site upload page; Site transform page;

Built with

My process




More Details

Live_iy is built using React with Sass for the frontend and integrating with the Pinata and Segmind APIs for file management and animation processing.

The application is designed with user engagement in mind. The intuitive upload interface guides users through selecting their portrait and reference video effortlessly.

This was a very fun and challenging project to build. A big thanks to Pinata for hosting thisπŸ’«πŸŽŠ

pinatachallenge Article's
30 articles in total
Favicon
French Paintings: The Intersection of Elegance, History, and Artistic Mastery at The Nicholson Gallery
Favicon
Revamped UI for NFT Artworks
Favicon
Chat with your PDF using Pinata,OpenAI and Streamlit
Favicon
The Pinata Challenge: Pinata File Hub - Seamless File Management & Uploads
Favicon
Wedding Memories: The Collaborative Wedding Album!
Favicon
Secure File Share - A safer way to share sensitive files online
Favicon
Pinata OG! | Generate beautiful OpenGraph Images with Pinata File API
Favicon
Congrats to The Pinata Challenge Winners!
Favicon
Noisy Monsters πŸŽΆπŸ‘Ύ
Favicon
Live_iy (Bring your static portraits to life)
Favicon
Image Optimizer Powered by Pinata: Secure File Storage Meets Real-Time Customization
Favicon
MINTIFY - EMPOWERING COMMUNITIES, CELEBERATING ACHIEVEMENTS!
Favicon
A decentralized file storage system using PINATA and IPFS
Favicon
ThrashBucket, store and share files anonymously
Favicon
Image Annotation for AI Model training using Pinata
Favicon
SnipShot: A Stylish Code Snippet Uploader Using Pinata IPFS
Favicon
πŸŽ¨πŸ–ŒοΈDigital Collaborative Sketchbook: A Web App for Creating and Storing Art ✎
Favicon
CrewSpace: Collaborative File Sharing & Spaces for Friends
Favicon
Pinata Filesystem and PinDrop
Favicon
Mystical Palm Reader AI
Favicon
VidSnap: Effortless Screen Recording powered by Pinata
Favicon
Decentralized Firebase Remote Config
Favicon
Pixxsha - Share Your Moments Your Way
Favicon
3D Virtual Art Museum/Gallery
Favicon
Introducing PinDrop - Your visual discovery platform
Favicon
MySQL&PostgreSQL UI client for testing and querying databases with the query+result uploaded to Pinata
Favicon
StashIt: Your Game Assets Storage Hub | Powered by Pinata πŸͺ… IPFS SDK
Favicon
Haiku Harmony: Crafting Poetry in the Cloud with Pinata
Favicon
Web App to study effectively with flashcards, space repetition, images, and audios
Favicon
PikPok – Share Your Creativity, Your Way.

Featured ones: