Emergent

DashboardPage
HomePage

Inspiration

The inspiration for this project came from the need for a seamless and efficient screen recording solution integrated with a decentralized storage network. As remote work and virtual collaboration become increasingly common, the ability to securely share screen recordings without relying on centralized storage solutions is more critical than ever. I wanted to leverage the power of the Theta Network to provide a decentralized, scalable, and secure solution for screen recording and storage.

What it does

The screen recorder allows users to easily capture their screen activities and then upload the recordings directly to the Theta Network. This ensures that the recordings are stored in a decentralized manner, providing enhanced security, privacy, and availability. Users can record their screen with just a few clicks and share the recordings via workspace add or drm, making it ideal for tutorials, presentations,virtual interviews and collaborative work.

How we built it

Frontend: React and Next.js for the user interface, ensuring a smooth and responsive experience. Screen Recording: Leveraged the MediaRecorder API to capture screen activities. Backend: Typescript for handling the recording uploads and interactions with the Theta Network. Decentralized Storage: Integrated with the Theta Network API to store and retrieve video recordings. Blockchain: Used Solidity and Theta Network to create workspaces,add participants and allow users to pay for credits when their video limit is up.

Challenges we ran into

Recording Performance: Ensuring the screen recording was smooth and efficient without significant performance overhead. Theta Video Api doesn't offer a seamless and smooth upload for .webm file types which is recommended for recordings. File Size Management: Handling large video files and ensuring they were uploaded successfully to the Theta Network. Browser Experience: The MediaRecorder API does not work the same way across all browsers. For this case it is tested on Brave browser. User Experience: Designing an intuitive user interface that made the recording and uploading process seamless for users.

Accomplishments that we're proud of

Successfully integrated a fully functional screen recorder with the Theta Network, providing a decentralized storage solution. Achieved smooth and high-quality screen recordings with minimal performance impact. Developed a user-friendly interface that simplifies the screen recording and uploading process. Overcame technical challenges related to decentralized storage and large file handling.

What we learned

Theta Network Integration: Gained in-depth knowledge of working with decentralized storage networks and the Theta API. MediaRecorder API: Enhanced our understanding of browser-based screen recording capabilities and performance optimization techniques. User-Centered Design: Learned the importance of creating a seamless user experience and the challenges involved in UI/UX design.

What's next for Emergent

AI Integration: Adding OpenAI Whisper model for audio and speech recognition and Stable Diffusion Video model which could come in handy when replying to a video comment. Feature Enhancements: Adding features like real-time annotation during screen recording. Improved Sharing Options: Implementing more sharing options such as direct social media integration and secure link generation. Performance Optimization: Further optimizing the performance of the screen recorder for longer recordings and lower resource usage. User Feedback Integration: Collecting and integrating user feedback to continuously improve the functionality and usability of the application. Expanded Use Cases: Exploring additional use cases for education, remote work, and online tutorials, making the tool versatile for various user needs.