Mediagram: A Revolutionary Content Creation Platform

VIDEOS

https://youtu.be/UWtB7jWAEC4?si=lkPIxGPN4M2DQIJO https://youtu.be/O3fPT8bUajs?si=xIIPlG895hNN6Z9a

Note: Mediagram is complementary to the previously presented Theta Infinity. This brand-new tool was developed to address feedback from a previous hackathon. The ultimate vision is to merge both solutions into a powerful commercial platform.

Note 2: The AI services utilized were OpenAI and a local stable diffusion as I could not access the Edge Cloud machines.

Inspiration

In my professional experience, I've observed a common challenge: maintaining consistent visual guidelines across content creation. Additionally, there's often a need to translate content into multiple languages efficiently. These pain points inspired the creation of Mediagram.

Furthermore, with the rapid growth of AI, it's crucial to develop tools that harness this technology, making content creation more accessible and efficient for users.

What it does

Mediagram offers a comprehensive suite of features for content creators:

  • Complete Project Editor: Create and edit images, videos, audio, and dynamic elements
  • In-Browser / Offline Rendering: Utilize ffmpeg.wasm for seamless rendering
  • Template System: Design reusable templates with customizable attributes and animations
  • Batch Content Production: Generate multiple media assets using spreadsheets
  • Effects Library: Create and animate effects using WebGL shaders
  • Compositions: Develop reusable and customizable nested components
  • Text Styles: Create and manage text styles for consistent typography
  • NFT Integration: Mint NFTs for use within the Theta Network
  • Social Network: Visualize and interact with created content
  • Interactive Content: Media reacts to device accelerometer, scroll position, duration, volume, and more
  • AI Assistance: Get AI help for shader creation and project compositions
  • Theta Network Integration: Automatically upload projects to Theta Network with optional NFT protection for DRM

NEW

  • Flows: Create and share flows with others to speed up content creation
  • Blender: Integrate with Blender API to render scenes
  • Blender Parameters: You can indicate the text to edit in the scene
  • Integration With ComfyUI: You can now integrate with common ComfyUI flows that might require and image, video or a prompt.

How we built it

The project architecture consists of three main components:

  1. Flask Backend API
  2. React Frontend (Mediagram app)
  3. Social Network Frontend

Challenges we faced

The primary challenge was the inability to access machines on the edge cloud, which limited some of our initially planned features.

Accomplishments we're proud of

  1. Successfully presenting a coherent and functional product
  2. Developing a working prototype that demonstrates the potential of our vision

What we learned

Through this project, we significantly enhanced our understanding of blockchain technology, particularly the Theta Network and its applications in content creation and distribution.

What's next for Mediagram

The future of Mediagram is promising. We envision integrating the features of Theta Infinity to create a more robust and versatile platform for content creators and businesses alike.

Videos

Login and Metamask

Projects

Text And Animation

Alpha And Animation

Masks - Buggy

Rendering In Browser

Templates and Batch Producing

Effects / Shaders

AI Effects / Shaders

Compositions

Text Styles

NFT & DRM

Blender MarketPlace

Flows:Blender

Flows:ComfyUI

Mediagram Social Network

Project Structure

Built With

Share this project:

Updates