正在加载视频...

视频加载失败

Been quietly building a browser based live audiovisual studio app for commercial use in Framer It listens to your music, analyses it in real time, then turns the frequency into visuals, type, glitches, motion, scene changes, FX, and more. It’s node based. Connect audio, MIDI, visuals and behaviours together...

14,370 次观看 • 2 个月前 •via X (Twitter)

45 条评论

Lee Black 的头像
Lee Black2 个月前

What’s next? Now that most of the fun stuff works, I have to build all the other stuf that makes it an actual product 😂 User accounts. Project management. Cloud saves. Syncing. Presets. Sharing. Proper server side infrastructure. Probably several databases. Then the website, onboarding and documentation so someone other than me can actually understand it. After that: native desktop + iOS versions, better MIDI mapping, project sharing, reusable scenes/presets and eventually a little ecosystem around what people build with it. Basically: the audiovisual engine works. Now I need to turn my weird little experiment into a real piece of software. The dangerous bit.

Roberto 的头像
Roberto1 个月前

@framer this is amazing, where do you even start to learn how to create this

Lee Black 的头像
Lee Black1 个月前

@framer Thanks man!

max.jpg 的头像
max.jpg1 个月前

@framer I built something like this but desktop app.. this is soo cool

Lee Black 的头像
Lee Black1 个月前

@framer Thanks man!

seb-astian 的头像
seb-astian1 个月前

@framer damnn that’s cool af! how you build it? framer code / agent?

Lee Black 的头像
Lee Black1 个月前

Actually started as a small framer workshop experiment a year ago. I expanded the idea out around 6 months ago, with the idea of moving it more towards a proper front end product, then agents came along. So I now have 5 agents working on this via Codex into Framer. Keeping it light. Working locally, whilst storing locally and in the browser. I’m about to move some of that logic to Supabase as part of the whole user management.

seb-astian 的头像
seb-astian1 个月前

@framer interesting! why 5 agents?

Lee Black 的头像
Lee Black1 个月前

They let me investigate separate parts of the app in parallel without everyone changing the same code. - Experience agent checks the node graph and interaction flow - FX agent keeps the visuals and renderer honest - Media agent handles scenes, uploads, and playback - QA agent hunts performance bugs before they become pain - Integrator agent merges the useful features and fixes into one product

seb-astian 的头像
seb-astian1 个月前

@framer ahhh interesting!! nice!

Vinay Juneja 的头像
Vinay Juneja1 个月前

@framer daaaaaaamn that's crazzzzzzyy 🐐 @mrblackstudio ser

Lee Black 的头像
Lee Black1 个月前

@framer 🫶

adeeb 的头像
adeeb1 个月前

@framer all this in framer is quite impressive ngl

Lee Black 的头像
Lee Black1 个月前

@framer 🫶

Farhan Sadik 的头像
Farhan Sadik1 个月前

@framer This is seriously impressive. The way you’re connecting audio, MIDI, and visuals in real time is such a cool concept. Can’t wait to see the full thing. 🔥

Lee Black 的头像
Lee Black1 个月前

@framer I can’t wait either. Thanks man!

Ethan Driskill 的头像
Ethan Driskill1 个月前

@framer Man you’re a beast

Lee Black 的头像
Lee Black1 个月前

@framer Haha. I’m a Mule. Started as a seedling of an idea more than a year ago.

Sam 的头像
Sam1 个月前

@framer I have money for this

Lee Black 的头像
Lee Black1 个月前

@framer

Sam 的头像
Sam1 个月前

@framer No like actually Let's discuss :)

Lee Black 的头像
Lee Black1 个月前

@framer DMs are open

Akriti 的头像
Akriti1 个月前

@framer this is soooo cooool! 😯

Lee Black 的头像
Lee Black1 个月前

@framer Thanks ☺️

dudu 的头像
dudu2 个月前

@framer In framer ??? Damnnnnn

Lee Black 的头像
Lee Black1 个月前

@framer Yep in framer 🫶

borhen saidi 的头像
borhen saidi1 个月前

@framer This sounds insanely cool. Turning audio into a visual system like this could be huge for live performances and commercial work.

Lee Black 的头像
Lee Black1 个月前

That’s the sector I’m interested in. As an electronic music artist, it was first built for my own use, and from there it seems to have a much wider use case, if done right. Nobody wants just a fractal or a shader. They want to have a tool that lets them express their art in a meaningful visual way that works with the frequency of their music.

Haseeb 的头像
Haseeb2 个月前

@framer how do you even come up with these ideas lee, let me pick ur brain please! 🙏😭

Lee Black 的头像
Lee Black1 个月前

@framer Haha pick away 🧠

adam 的头像
adam1 个月前

@framer holy

Lee Black 的头像
Lee Black1 个月前

@framer Moly 😅

Michael Close 的头像
Michael Close1 个月前

@framer Wow that’s insane

Lee Black 的头像
Lee Black1 个月前

@framer Thanks 🙏

◢◤◥◣◥◣◢◤ 的头像
◢◤◥◣◥◣◢◤1 个月前

@framer The man lives in the future

Lee Black 的头像
Lee Black1 个月前

@framer Haha 😝

Shavon 的头像
Shavon1 个月前

@framer Daaaaamn🔥

Lee Black 的头像
Lee Black1 个月前

@framer Cheers man!

Jay Nadeau 的头像
Jay Nadeau1 个月前

@framer I don’t understand how this runs on Framer. I’m mind blown 🤯

Lee Black 的头像
Lee Black1 个月前

@framer Like this 😅

Dhexy 的头像
Dhexy1 个月前

@framer Really pushing Framer to its limits

Lee Black 的头像
Lee Black1 个月前

@framer Just a tiddly widdly bit 🤏

Jeeth 的头像
Jeeth1 个月前

@framer Mindblown. Beyond amazing. Curious to try it out.

Lee Black 的头像
Lee Black1 个月前

@framer Nice to hear. Are you using audio stuff daily? I’ll be looking for testers soon.

Jeeth 的头像
Jeeth1 个月前

@framer I have tried finding ways to integrate audio before, but didn't quite get what I needed. This looks interesting. Would love to test it sometime.

相关视频

Today, the future of IT support 𝘴𝘱𝘦𝘢𝘬𝘴 for itself! We’ve just launched Atomicwork’s Universal Agent, now available right from your browser with built-in Voice, Vision, Chat and Work AI capabilities! This isn’t just another update; it’s a revolutionary leap toward contextual, intelligent, real-time support. Atom understands what’s on your screen, listens to what you need, and guides you through tasks step by step. For years, IT support has meant navigating portals, raising tickets, and just waiting for help. @ Atom, the Universal Agent, changes that. It works where you work—in your browser, inside business apps you use at work like Salesforce or Jira to offer proactive and intuitive support with zero context-switching. 🗣️ Talks to you in natural language using Voice AI - Whether it’s fixing an access issue or fetching a sales report, just say it. Atom listens, responds, and walks you through the next-best actions in real time. 👁️ Sees what you can see using Vision AI – Finding it tough to explain what’s broken? Atom sees your screen, understands the issue you're facing and steps in to guide you. 💻 Works where you work using Work AI. The browser extension ensures that it’s available wherever you are and get help in whatever mode you prefer. This launch is just the beginning of a smarter, more seamless way to support employees and service teams alike. Support now can truly be accessed from anywhere, anytime! 💪 We can't wait for you to try out our Universal Agent for your varied enterprise support use cases 🚀 Sign up now to see it in action 🔗 🎦 Watch our team, Denin Siby, Bhavya Vats, Arkajit Datta, and Aishwarya 👾 Hariharan, take you through the core capabilities of the Universal Agent: . . . Vijay Rayapati Parsuram Vijayasankar Aparna Chugh Denin Siby Arkajit Datta

Atomicwork

15,053 次观看 • 1 年前

how to use Google's NEW open source Design.md + AI Skills to make your startup look like a $100 million company in 1 hour: 1. Design.md is an open source file from Google that captures the soul of a design. Typography, colors, spacing, all in one markdown file. You attach it to your prompt and your agent builds beautiful things every time. 2. Think of it this way. The HTML is the finished dish. The design.md is the recipe. The skills are the ingredients. Put them together and everything you build looks consistent and professional. 3. Don't create a design system from scratch. Find a brand you love. Linear, Stripe, Vercel, whatever resonates. Study it. Use ChatGPT or Claude to help you extract the design language into your own design.md file. 4. Build skills on top of your design.md. A landing page skill. A mobile app skill. A motion design skill. A slide deck skill. Each one references the same design.md so everything looks like it came from the same designer. 5. The biggest mistake people make: they nail one screen and then everything else looks generic. Design.md solves this. One file keeps every page, every format, every medium consistent. 6. Use it across everything. Your landing page. Your app. Your pitch deck. Your promo videos. Same DNA. Same taste. Same system. That's what separates a startup that looks real from one that looks vibe-coded. 7. Build a second brain for design inspiration. When you see something beautiful in the real world or online, capture it. Save it. When you're building something new, reference it. Taste is developed, not downloaded. 8. It's obvious but the difference between a product people trust and a product people bounce from is how it looks and feels. Design.md gives you that edge. you can watch below shoutout to Meng To for coming on The Startup Ideas Podcast (SIP) 🧃 and walking through his full workflow. if you want to use AI to actually build gorgeous designs, you'll want to use see this. watch

GREG ISENBERG

512,753 次观看 • 5 个月前

New short course: Practical Multi AI Agents and Advanced Use Cases with crewAI. Learn to build and deploy advanced agent-based systems in real applications in this course, created with CrewAI and taught by its founder, João Moura! (Disclosure: I've made a small seed investment in CrewAI.) In this course, you’ll learn how to create advanced agent-based apps that use external tools, do performance testing, can be trained with human feedback, and perform multiple tasks with different large language models. You will build several practical agentic apps that provide real business value, such as an automated project planning system, lead scoring and engagement pipeline, customer support data analysis, and a robust content creation system. In detail, you will learn how to: - Create these multi-agent systems with the building blocks of tasks, agents, and crews, along with the different things that make them work, such as caching, memory, and guardrails. - Integrate your multi-agent application with internal and external systems. - Connect multiple agents in complex setups, including parallel, sequential, and hybrid configurations, and create flows involving multiple agentic applications working together. - Test your agentic workflow and train it using human feedback to optimize its performance for better and more consistent results. - Work with multiple LLMs in your multi-agent system, using the appropriate model sizes and providers to fit each agent’s specific task. - Start a project from scratch in your environment and prepare it for deployment. You’ll also learn from an interview between João and Jacob Wilson, the Commercial GenAI Principal at PwC , in which they discuss deploying agentic workflows in real industry use cases. By the end of this course, you will be equipped to start building custom multi-agentic systems for your work. Please sign up here!

Andrew Ng

341,528 次观看 • 1 年前