Sterv / Remotion-TTS-Example

Remotion video

Welcome to your TTS Remotion project!

Get Started

• Create Azure Account
• Create TTS service on Azure
• Create AWS Account
• Setup S3 Bucket with public access
  • Configure bucket policy

    {
    	"Version": "2008-10-17",
    	"Statement": [
    		{
    			"Sid": "AllowPublicRead",
    			"Effect": "Allow",
    			"Principal": {
    				"AWS": "*"
    			},
    			"Action": "s3:GetObject",
    			"Resource": "arn:aws:s3:::<YOUR-BUCKET-NAME>/*"
    		}
    	]
    }

  • Configure bucket CORS
    • Use it only as a template, we recommend you to edit "AllowedOrigins" entering your origin

    [
    	{
    		"AllowedHeaders": ["*"],
    		"AllowedMethods": ["HEAD", "GET", "PUT", "POST", "DELETE"],
    		"AllowedOrigins": ["*"],
    		"ExposeHeaders": ["ETag", "x-amz-meta-custom-header"]
    	}
    ]

• Copy .env.example to .env entering your secrets
  • ⚠️ Ensure your AWS credentials only allow reading and uploading to a specific S3 bucket s3:GetObject and s3:PutObject to not compromise your credentials if you deploy your Remotion project
• Use method textToSpeech from src/TextToSpeech/tts.ts to convert Text to Audio, this method will return file url, you can use it as source of <Audio /> component

Example

Commands

Install Dependencies

npm install

Start Preview

npm start

Render video

npm run build

See docs for server-side rendering here.

Upgrade Remotion

npm run upgrade

Docs

Get started with Remotion by reading the fundamentals page.

Issues

Found an issue with Remotion? File an issue here.

License

Notice that for some entities a company license is needed. Read the terms here.