{"slug": "hahanotes-banishing-developer-burnout-with-ai-banter-podcasts-short-videos", "title": "HahaNotes: Banishing Developer Burnout with AI Banter Podcasts & Short Videos", "summary": "A developer built HahaNotes, an interactive web application that transforms developer struggles into humorous AI-voiced podcasts and short videos. The app uses ElevenLabs for text-to-speech and Google's Gemini AI for script generation, allowing users to input their frustrations and receive comedic banter between two AI hosts. The project was submitted to the Weekend Challenge: Passion Edition under categories for Best Use of ElevenLabs and Best Use of Google AI.", "body_md": "*This is a submission for Weekend Challenge: Passion Edition*\n\n**HahaNotes** is an interactive web application designed to help developers, office workers, and students vent their daily stress by transforming real-world struggles (legacy code at 3 AM, unpaid overtime, sếp hãm, or exam stress) into hilarious, sarcastic AI-voiced banters, complete podcasts, and ready-to-share short videos.\n\nThe application features a dynamic dialogue between two contrasting AI hosts:\n\nUsers can input their struggles, choose their favorite voices for the hosts, generate structured comedy scripts, chat continuously with the hosts to extend the banter, listen to fully produced podcasts with ambient lo-fi background music/laugh tracks, and export 9:16 vertical short videos with synchronized karaoke captions and visual memes.\n\nThis is a [Next.js](https://nextjs.org) project bootstrapped with [ create-next-app](https://nextjs.org/docs/app/api-reference/cli/create-next-app).\n\nFirst, run the development server:\n\n```\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n# or\nbun dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`\n\n. The page auto-updates as you edit the file.\n\nThis project uses [ next/font](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load\n\nTo learn more about Next.js, take a look at the following resources:\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more…\n\nHahaNotes is built with a modern stack optimized for smooth real-time generation and high-quality media rendering:\n\n`<canvas>`\n\nrenderer. The browser records the canvas frames at 24fps and merges them with the live audio stream using the Web MediaRecorder API to generate downloadable `.webm`\n\nshort videos directly on the client side.`pydub`\n\n. It reads the exact millisecond length of each cached audio scene and laugh track, allowing the frontend to render perfectly synced karaoke highlights on the canvas.`clown`\n\n, `harold`\n\n, `fine_dog`\n\n, `drake_no`\n\n, `drake_yes`\n\n, `doge`\n\n, and `burn`\n\n) generated dynamically using Google's generative image capabilities.We are submitting our project to the following categories:\n\n**Best Use of ElevenLabs:**\n\nWe utilized ElevenLabs' state-of-the-art TTS voices (like Bella, Rachel, Antoni, and Adam) to bring our hosts to life. The backend handles dynamic generation with asynchronous HTTP client calls, merges them into a cohesive multi-speaker podcast with ambient music and laughing sound effects using `pydub`\n\n, and supports a robust gTTS fallback mechanism.\n\n**Best Use of Google AI:**\n\nHahaNotes is built from the ground up using the official **Google GenAI SDK**.\n\n`gemini-3.5-flash`\n\nwith structured Pydantic schemas (`HahaNoteScript`\n\n) to guarantee strict JSON output format for dialogue script generation.`client.interactions.create`\n\nwith `previous_interaction_id`\n\n) to keep a continuous, contextual memory of the chat history when users comment or prompt the hosts further.", "url": "https://wpnews.pro/news/hahanotes-banishing-developer-burnout-with-ai-banter-podcasts-short-videos", "canonical_source": "https://dev.to/trnh_lp_b51d60cb51d881d/hahanotes-banishing-developer-burnout-with-ai-banter-podcasts-short-videos-4flb", "published_at": "2026-07-13 00:02:29+00:00", "updated_at": "2026-07-13 00:14:22.271554+00:00", "lang": "en", "topics": ["artificial-intelligence", "generative-ai", "ai-tools", "large-language-models", "developer-tools"], "entities": ["ElevenLabs", "Google AI", "Gemini", "Next.js", "Vercel"], "alternates": {"html": "https://wpnews.pro/news/hahanotes-banishing-developer-burnout-with-ai-banter-podcasts-short-videos", "markdown": "https://wpnews.pro/news/hahanotes-banishing-developer-burnout-with-ai-banter-podcasts-short-videos.md", "text": "https://wpnews.pro/news/hahanotes-banishing-developer-burnout-with-ai-banter-podcasts-short-videos.txt", "jsonld": "https://wpnews.pro/news/hahanotes-banishing-developer-burnout-with-ai-banter-podcasts-short-videos.jsonld"}}