🦜 Polly is a Cracker

About

• This project was generated with Angular CLI version 8.2.0
• Audio handled by howler.js
• Base Polly code example started from here
• Humour provided by the groan-worthy, icanhazdadjoke API
• Voices are made possible by Amazon Polly

Notes

The aws-sdk does not seem to work out of the box with Angular.

To get this working:

1. Add the following line to polyfills.ts:

(window as any).global = window;

2. add @types/node package (via npm or yarn)
3. change the following line in tsconfig.app.json

from this:

"types": []

to this:

"types": ["node"]

Your mileage may vary

Change detection in callbacks needs a tick in the pants

💡 I learned that change detection in Angular needs an app.tick() when the change occurs within a callback function.

Unneeded/unwanted arguments from base code example

😑 Working from the Polly base code example here, I found that the following lines where throwing errors in my angular app:

var polly = new AWS.Polly({ apiVersion: "2016-06-10" });
var signer = new AWS.Polly.Presigner(speechParams, polly);

I wound up removing the first line and the all of the arguments on the signer to get things working without errors.

const signer = new AWS.Polly.Presigner();