Remix

Make your own version of StoryWave Studio

Edit the prompt below and generate a customized version in seconds.

Original by Prakash koli

Describe your app

// Simple Text-to-Video + Audio App (Frontend Only Demo)
// Run this in Replit or any React environment

import React, { useState } from "react";

export default function App() {
  const [text, setText] = useState("");
  const [audioUrl, setAudioUrl] = useState("");

// Fake Text-to-Speech using browser API
  const generateAudio = () => {
    const speech = new SpeechSynthesisUtterance(text);
    speech.lang = "en-US";
    window.speechSynthesis.speak(speech);
  };

return (
    <div style={{ padding: 20, fontFamily: "sans-serif" }}>
      <h1>Text to Video + Audio Generator</h1>

<textarea
        rows={5}
        cols={40}
        placeholder="Enter your story..."
        value={text}
        onChange={(e) => setText(e.target.value)}
      />

<button onClick={generateAudio}>Generate Voice</button>

<h3>Preview (Manual Video Idea)</h3>
      <p>
        👉 Use this text + voice with free tools like Canva / CapCut to create video.
      </p>
    </div>
  );
}

// NEXT STEP (ADVANCED):
// 1. Add API (ElevenLabs for voice)
// 2. Add images (Pexels API)
// 3. Combine using FFmpeg (backend needed)

Free to use. No credit card required.